代号一 CSS Box-Shadow 不渲染答案

【问题标题】：Codename One CSS Box-Shadow not Rendering代号一 CSS Box-Shadow 不渲染
【发布时间】：2020-07-12 04:29:00
【问题描述】：

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

我错过了什么？

【问题讨论】：

也许这个代码示例可以提供帮助：codenameone.com/blog/…
@FrancescoGalgani ，我使用了您之前提到的方法，但由于某种原因，我正在尝试的方法似乎更多。至少它很优雅，我想弄清楚为什么它没有按预期工作。感谢您的努力，但它很有帮助....
您是否有足够的填充来渲染边框。请注意，如果按下的按钮与常规按钮具有不同的填充，这将无法正常工作，因为 UI 需要“跳转”。
@Shai，我已将 CSS 设置应用于未按下的按钮并添加了一些填充。请参阅上面的更新代码。仍然没有可见的阴影颜色。
能打开res文件看看生成的主题吗？是通过图像还是通过阴影生成的，阴影颜色设置了吗？

标签： css codenameone box-shadow

【解决方案1】：

抱歉，这是个坏消息……

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

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

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

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

【讨论】：

感谢您对此进行调查。我会玩弄 RoundRectBorder 看看我能不能让它工作。否则，我将回到标准的 CSS 阴影...