Codename One CSS Box-Shadow not Rendering

问题描述 投票:2回答:1

我有一个使用CSS样式表的Android应用程序。

我正在按照手册here设置按钮的样式,但似乎无法正常工作。

这是我的来自theme.css文件的代码:

Button {
    background-color: #73258d;
    margin: 25pt;
    text-align: center;
    border-radius: 4pt; 
    cn1-box-shadow-color: green;
    cn1-box-shadow-spread: 4mm;
    padding: 10pt;
}

蔓延显示正确,但是绿色阴影完全没有渲染。我什么都没有阴影色。

这些是mt res文件的屏幕截图.....

我想念的是什么?

enter image description here

enter image description here

enter image description here

css codenameone box-shadow
1个回答
0
投票

对不起,但是这是个坏消息...

我完全忘记了我们在资源文件中不支持阴影颜色。它是圆形矩形类的开发人员API的一部分,但从未传播到资源文件中。因此,设计器工具或CSS代码不支持它。

您可以采取两种解决方法:

  1. 编辑组件并更改边框RoundRectBorder实例以包括阴影颜色。这意味着要对该类型的每个组件实例执行此操作...

  2. 使用标准CSS阴影标签。这意味着CSS将生成图像而不是边框​​条目。它将扩大您的资源文件并减慢CSS编译速度。在某些情况下,它看起来可能更糟。

您也可以尝试提交PR,其中包含对资源文件所做的更改以及其他CSS支持。尽管这需要一些努力。

© www.soinside.com 2019 - 2024. All rights reserved.