代号一 CSS Box-Shadow 未呈现

Question

我有一个使用 CSS style-sheet 的 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 文件的屏幕截图.....

我错过了什么？

Answer 1

抱歉跑偏了，但这是个坏消息...

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

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

编辑组件并更改边框 RoundRectBorder 实例以包含阴影颜色。这将意味着为该类型的每个组件实例执行此操作...
使用标准 CSS 影子标签。这意味着 CSS 将生成图像而不是边框条目。它会扩大您的资源文件并减慢 CSS 编译速度。在某些情况下可能看起来更糟。

您也可以尝试提交 PR，其中包含对资源文件的更改和额外的 CSS 支持。虽然这需要一些努力。

代号一 CSS Box-Shadow 未呈现

Codename One CSS Box-Shadow not Rendering

css

codenameone

box-shadow