【问题标题】:Codename One change color of Material Icons代号一种材质图标的改变颜色
【发布时间】:2018-01-23 15:43:54
【问题描述】:

我正在使用新的 Gui Builder,并想更改按钮中 Material 图标的颜色和大小。

有没有办法做到这一点?我在网上找不到任何相关内容,更改按钮的字体颜色似乎不会影响图标的颜色...

提前致谢。

到目前为止,我所拥有的是 css 样式:

mybutton {

    background-color: lightgray;
    border-radius: 4pt;
    border: none;
    box-shadow: 2pt 2pt 2pt 0px gray;
    color: #ff0000;
    font-family:  "native:MainRegular";
    font-size: 7pt;
    margin-top: 5pt;
    margin-bottom: 12pt;
    padding-bottom: 2mm;
    padding-top: 2mm;
    text-align: center;

}

【问题讨论】:

    标签: icons codenameone


    【解决方案1】:

    材质图标获取它们应用的组件的颜色和样式,包括在按下/禁用时更改它们的颜色。要更改它们的颜色,只需自定义组件的 UIID,例如如果组件 UIID 是 MyButton,只需在设计器中设置 MyButton UIID 的样式以匹配您想要的图标颜色。

    【讨论】:

    • Shai,感谢您的快速回复。更改图标颜色的一种方法是通过 css(上面添加的代码)。仍然存在一个疑问:按照您的说明(自定义组件的 UIID),我已经定义了这样的 UIID:gui_button_Accept.setUIID("mybutton")。但是我通过将组件添加到主题而陷入困境。手册告诉按添加按钮并在打开的选项卡中填写组件的 UIID。当我在文本字段中写入“mybutton”并按 ENTER 时,我希望将一个新选项卡添加到选择器列表中,但不会发生什么。我错过了什么?
    • 应该添加一个新行,您可以通过 CSS 完成此操作,但通常这是您在设计器工具中执行此操作的方式:codenameone.com/how-do-i---create-a-simple-theme.html
    【解决方案2】:

    另一种更改材质图标颜色的方法是在主题编辑器中调整默认样式的前景色。但这仅在您未激活 CN1 内部 ccs 支持时有效。

    【讨论】:

      猜你喜欢
      • 2018-10-27
      • 2017-05-20
      • 2021-11-08
      • 2019-02-14
      • 1970-01-01
      • 2021-11-30
      • 2016-02-23
      • 2015-07-07
      • 2020-09-22
      相关资源
      最近更新 更多