【问题标题】:how to customize the look of a Tab for Android in codename one?如何在代号一中自定义 Android 选项卡的外观?
【发布时间】:2017-01-05 07:26:47
【问题描述】:

我正在使用代号为 1 的 CSS 插件,并且我正在尝试自定义选项卡的外观。

这是我的标签条目:

Tab {
    background: none;
    cn1-background-type: none;
    color: white;
    background-color: #005EA8;
    font-weight: bold;
    font-size: x-large;
}

Tab.selected {
    background: none;
    cn1-background-type: none;
    color: white;
    background-color: #005EA8;
    text-decoration: underline;
    font-weight: bold;
    font-size: x-large;
}

这非常适合 IOS,请参见此处:

但对于安卓来说根本不是:

我已经尝试过覆盖所有样式,unselected, selected, disabled and pressed . 我也尝试自定义 TabbedPane 和 Tabs,但这也没有按预期工作。

我在这里缺少什么?此外,两个设备上的大小(高度)应该相同,但目前情况并非如此。我想不通的另一点是,如何将标签拉伸到屏幕大小?

【问题讨论】:

    标签: css codenameone


    【解决方案1】:

    Android 原生主题为所有样式定义了默认背景颜色#f0f0f0。当您尝试创建在所有平台上看起来都相同的主题时,这是一个烦恼。幸运的是,我认为这是它默认定义的唯一样式,因此您可以通过为主题显式设置自己的默认背景颜色来轻松应对它。

    在 CSS 中,您可以使用

    定义默认背景

    * {
        background-color: transparent;
    }
    

    或者,只需记住这个默认值,并为您定义的任何样式显式设置背景颜色。

    【讨论】:

      【解决方案2】:

      您需要覆盖边框并将其声明为“空”。我不确定在 CSS 语法中是如何完成这样的事情的,因为我自己不使用它。

      【讨论】:

      • 它有效,但如果我定义 border: empty; 而不是 border: none,那么我会得到一个 NPE。前段时间我对Labels 有过类似的问题,但我没有得到答案。将边框设置为空是可行的方法,但我真的不想在 GUIBuilder 中部分定义主题,部分在 CSS 中定义主题......
      • 没有border: empty这样的css属性
      猜你喜欢
      • 2011-12-13
      • 1970-01-01
      • 2021-03-20
      • 1970-01-01
      • 1970-01-01
      • 2018-06-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多