关闭 x
IT技术网
    技 采 号
    ITJS.cn - 技术改变世界
    • 实用工具
    • 菜鸟教程
    IT采购网 中国存储网 科技号 CIO智库

    IT技术网

    IT采购网
    • 首页
    • 行业资讯
    • 系统运维
      • 操作系统
        • Windows
        • Linux
        • Mac OS
      • 数据库
        • MySQL
        • Oracle
        • SQL Server
      • 网站建设
    • 人工智能
    • 半导体芯片
    • 笔记本电脑
    • 智能手机
    • 智能汽车
    • 编程语言
    IT技术网 - ITJS.CN
    首页 » 安卓开发 »正确使用 Android 的 Theme 和 Style

    正确使用 Android 的 Theme 和 Style

    2014-11-29 00:00:00 出处:eoe Android开发者社区
    分享

    Android 5.0 可以给一个 view 单独设置一个 theme 了,其主要用途就是用在 ToolBar 上, 比如 当前使用白色主题但是想使用黑色的 ToolBar ,只要在 ToolBar 的 xml 文件 中添加 android:theme=”@android:style/ThemeOverlay.Material.Dark.ActionBar” 即可。

    <Toolbar  
        android:layout_height=" android:attr/actionBarSize"
        android:layout_width="match_parent"
        android:theme="@android:style/ThemeOverlay.Material.Dark.ActionBar" />

    该功能在 5.0 之前也存在,只是无法单独在 View 上设置而已,比如 5.0之前的 Theme.Holo.Light.DarkActionBar 主题,就是白色主题但是 ActionBar 是黑色。这种底层实现方式是通过一个 actionBarWidgetTheme 来引入一个新的主题。

    <style name="Theme.Holo.Light.DarkActionBar">
        <item name="android:actionBarWidgetTheme">@android:style/Theme.Holo</item>
    </style>

    底层实现细节

    底层是通过 ContextThemeWrapper 类实现的,顾名思义该类所做的工作就是在当前 context 上装饰另外一个 theme,来覆盖(改变)一些控件的属性。

    因此,在 5.0 中又引入了一种新的 theme – ThemeOverlay ,主要有这么两种:

    ThemeOverlay.Material.Light ThemeOverlay.Material.Dark

    分别为 白色 和黑色的。把这两个 theme 装饰到 Theme.Material 上来修改部分的样式为白色或者黑色。同样,对于特殊的 ActionBar 而言,也有两个衍生出来的 ThemeOverlay theme:

    ThemeOverlay.Material.Light.ActionBar ThemeOverlay.Material.Dark.ActionBar

    这两个 theme 应该只使用在 5.0 的新 属性actionBarTheme 或者 Toolbar 上(上面的 xml 代码示例)。 这两个 theme 目前只是把 colorControlNormal 修改为android:textColorPrimary 的值并把所有的文字和图标都设置为不透明的。

    android:theme

    android:theme 是 5.0 中新添加到 View 上的属性。需要注意的是, 该属性会传递给所有子控件,例如:

    <LinearLayout
        android:theme="@android:style/ThemeOverlay.Material.Dark">
    
        <!--这里面的所有 view 都会使用 ThemeOverlay.Material.Dark theme,除非你在单独给某个 view 设置一个新的 theme 属性  -->
    
    </LinearLayout>

    5.0 还引入了一个新的 theme 属性: colorEdgeEffect ,该属性可以定制一个 View 过度滑动的(颜色)效果, 通过上面的 方式可以很容易的修改一个 View 的 过度滑动效果;

    由于这是一个 theme 里面的 属性,所以无法直接应用到 View 上,我们可以自定义一个 Overlay theme, 在里面设置 colorEdgeEffect 的值,然后在 View 上通过 android:theme 属性来设置这个自定义的 theme 即可。

    自定义theme res/values/themes.xml

    <style name=”RedThemeOverlay” parent=”android:ThemeOverlay.Material”>
    <item name=”android:colorEdgeEffect”>#FF0000</item>
    </style>

    然后把该 theme 设置到 view 上:

    <ListView … android:theme=”RedThemeOverlay” />

    通过上面同样的方式,您可以自定义所有 theme 里面的属性。

    Theme VS Style

    那么问题来了, Theme 和 Style 到底有啥区别呢? 他们的定义方式是一模一样的,只是使用的地方不一样而已。

    Theme 是用来设置应用全局 主题风格的, 5.0 上可以让你局部的调整设计风格;

    而 Style 主要是用在 View 上的,当你在 view 上设置 style 的时候,LayoutInflater 会读取 该 style 的内容并在任意单独设置的样式之前把该内容设置到 AttributeSet 中。

    总结起来就是: Theme 是全局的;Style 是局部的。

    需要注意的是,假如您使用 AppCompat V21 的话,当前 AppCompat 只能在android.support.v7.widget.Toolbar 上使用 Theme 属性。

    上一篇返回首页 下一篇

    声明: 此文观点不代表本站立场;转载务必保留本文链接;版权疑问请联系我们。

    别人在看

    Edge浏览器百度被劫持/篡改怎么办,地址后边跟着尾巴#tn=68018901_7_oem_dg

    Google Chrome 在 iPhone 上新增了 Safari 数据导入选项

    Windows 11专业版 KMS工具激活产品密钥的方法

    DEDECMS安全策略官方出品

    Microsoft Text Input Application 可以关闭吗?

    新版本QQ如何关闭自带的浏览器?

    C++编程语言中continue的用法和功能,附举例示范代码

    c++ map 的数据结构、基本操作以及其在实际应用中的使用。

    C语言如何避免内存泄漏、缓冲区溢出、空指针解引用等常见的安全问题

    C语言中的break语句详解

    IT头条

    马斯克2026最新采访总结:2040年,全球机器人数量将突破100亿台

    23:52

    专家解读|规范人工智能前沿业态健康发展的新探索:解读《人工智能拟人化互动服务管理暂行办法》

    00:54

    用至强 6高存力搞定MoE卸载!

    17:53

    美国将允许英伟达向中国“经批准的客户”出售H200 GPU

    02:08

    苹果与微信就15%手续费达成一致?腾讯未置可否

    22:00

    技术热点

    PHP 和 Node.js 的10项对比挑战

    Javascript闭包深入解析及实现方法

    windows 7、windows 8.1手动增加右键菜单功能技巧

    MYSQL出错代码大汇总

    windows 7假死机怎么办 windows 7系统假死机的原因以及解决方法

    Ubuntu(Linux)下配置IP地址的方法

      友情链接:
    • IT采购网
    • 科技号
    • 中国存储网
    • 存储网
    • 半导体联盟
    • 医疗软件网
    • 软件中国
    • ITbrand
    • 采购中国
    • CIO智库
    • 考研题库
    • 法务网
    • AI工具网
    • 电子芯片网
    • 安全库
    • 隐私保护
    • 版权申明
    • 联系我们
    IT技术网 版权所有 © 2020-2025,京ICP备14047533号-20,Power by OK设计网

    在上方输入关键词后,回车键 开始搜索。Esc键 取消该搜索窗口。