Material Design 最全解析_3 主题Theme

2024-05-27 09:18
文章标签 design 解析 主题 最全 material theme

本文主要是介绍Material Design 最全解析_3 主题Theme，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

概述

前两篇文章讲了概述和设计，从这篇文章开始正式讲Material Design在实际开发中的应用。
开发人员的重点来了！

先看一下大纲

这里写图片描述

对于开发人员，Android21新增了许多新控件和新特性，这些控件和特性都是基于Material Design的设计理念的，无论是设计感还是用户体验，都非常的赞！

这篇文章先来看看1主图Theme

主题和布局

Material提供了下面三种主题
- @android:style/Theme.Material (dark version)
- @android:style/Theme.Material.Light (light version)
- @android:style/Theme.Material.Light.DarkActionBar

使用Material的主题必须Api在21及以上；如果要适配21以下的设备，可以使用兼容包：
Theme.AppCompat.Light
Theme.AppCompat.Light.NoActionBar

继承Material主题时，可以通过下面的属性来自定义调色板:

<style name="AppTheme" parent="android:Theme.Material"><item name="colorPrimary"></item><item name="colorPrimaryDark"></item><item name="colorAccent"></item><item name="textColorPrimary"></item><item name="windowBackground"></item><item name="navigationBarColor"></item>
</style>

Android主题，Theme的层次结构

说到AppCompat主题，很多人可能不清楚究竟是个什么概念，这里顺便理一下。

在 AppCompat 中，主题被划分为四个层次，每个层次继承自更低一层：
Level1 → Level2 → Level3 → Level4

除此之外，每个版本的安卓 API 都有一个对应的 values-v{api} 文件夹存放各自需要定义或覆写的样式和属性：
values, values-v11, values-v14, values-v21, values-v22, values-v23

Level 4 （最底层）

最底层包含了 Platform.AppCompat 主题。该主题总是继承自当前版本中的默认主题，例如：

values
Platform.AppCompat -> android:Theme

values-v11
Platform.AppCompat -> android:Theme.Holo

values-v21
Platform.AppCompat -> android:Theme.Material

Level 3
大部分工作在这一层被完成，Base.V7.Theme.AppCompat, Base.V11.Theme.AppCompat, Base.V21.Theme.AppCompat 等也是在这一层被定义。这些主题都继承自 Platform.AppCompat。

values
Base.V7.Theme.AppCompat* → Platform.AppCompat → android:Theme

values-v11
Base.V11.Theme.AppCompat → Platform.AppCompat → android:Theme.Holo

values-v21
Base.V21.ThemeAppCompat → Base.V7.ThemeAppCompat → Platform.AppCompat → android:Theme.Material

还包括 Base.V7.Theme.AppCompat.Light, Base.V7.Theme.AppCompat.Dialog 等变体。
绝大多数属性和几乎所有工作在 Base.V{api}.Theme.AppCompat 中被定义和完成。ActionBar, DropwDown, ActionMode, Panel, List, Spinner, Toolbar 等控件中的所有属性都在这里被定义。你可以在 这个链接 中查看更多详情。

Level 2
根据安卓的官方解释，我们在这一层拿到的主题只是第三层主题的别名：

There are the themes which are pointers to the correct third level theme.They can also be used to set attributes for that specific platform (and platforms up until the next declaration).
这些主题指向第三层中相应的主题。它们也可以用来配置那些特定平台的属性。

values
Base.Theme.AppCompat* → Base.V7.Theme.AppCompat

values-v21
Base.Theme.AppCompat → Base.V21.Theme.AppCompat

还包括 Base.Theme.AppCompat.Light, Base.Theme.AppCompat.Dialog 等变体。

Level 1 （最顶层）
Theme.AppCompat, Theme.AppCompat.Light, Theme.AppCompat.NoActionBar
等主题在这里被定义。开发者应该使用这些主题，而非那些更底层的。

设置StatusBar和系统NavigationBar的颜色

  • Andriod4.4 Holo主题

    1. 使用主题：继承主题Theme.Holo.Light.NoActionBar.TranslucentDecor ;不继承这个也可以，设置下面属性即可:
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
      getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    2. 设置 fitsSystemWindows 属性为true来进行布局调整
    3. 使用SystemTintBar开源库设置颜色（其实就是自己画个View上去）

  • Android5.0及以上

    1. 使用主题：继承主题Theme.Material.Light，且SDK >= 21
    2. 设置属性或者调用方法： 
      colorPrimaryDark、navigationBarColor
getWindow().setStatusBarColor(Color.RED);
getWindow().setNavigationBarColor(Color.RED);
  • 使用兼容包
    Theme.AppCompat.Light 和上面一样

Theme Individual Views 个人主题View

在layout的xml定义中，可以使用android:theme来指定该View所适用的主题，指定后，它将改变当前View及其子View的theme。

<Button
    android:layout_width="match_parent"android:layout_height="wrap_content"android:text="个人主题"android:theme="@style/xxx" />

搞清沉浸式状态栏和透明状态栏

在这个人云亦云的时代，在技术迅猛发展的时代，我们来不及去好好学习，好好理解，就这样和着别人说话，都没有好好思考过。虽然说不大懂英文也是可以撸代码的，但是我总觉得此非长久之计也。英文还是得多学，免得阻碍了发展道路。由于很少有人真正去阅读英文文档，所以才有了将Translucent Bar（透明栏）和Immersive Mode（沉浸模式）混为一谈的说法。

看官方文档：

Immersive full-screen mode

To provide your app with a layout that fills the entire screen, the new SYSTEM_UI_FLAG_IMMERSIVE flag for setSystemUiVisibility()(when combined with SYSTEM_UI_FLAG_HIDE_NAVIGATION enables a new immersivefull-screen mode. While immersive full-screen mode is enabled, your activity continues to receive all touch events. The user can reveal the system bars with an inward swipe along the region where the system bars normally appear. This clears the SYSTEM_UI_FLAG_HIDE_NAVIGATION flag (and the SYSTEM_UI_FLAG_FULLSCREEN flag, if applied) so the system bars remain visible. However, if you'd like the system bars to hide again after a few moments, you can instead use the SYSTEM_UI_FLAG_IMMERSIVE_STICKY flag.

Translucent system bars

You can now make the system bars partially translucent with new themes, Theme.Holo.NoActionBar.TranslucentDecor and Theme.Holo.Light.NoActionBar.TranslucentDecor.By enabling translucent system bars, your layout will fill the area behind the system bars, so you must also enable fitsSystemWindows for the portion of your layout that should not be covered by the system bars.
If you're creating a custom theme, set one of these themes as the parent theme or include the windowTranslucentNavigation and windowTranslucentStatus style properties in your theme.

简单翻译一下：

沉浸式全屏模式
隐藏status bar（状态栏）使屏幕全屏，让Activity接收所有的（整个屏幕的）触摸事件。

透明化系统栏
透明化系统栏，使得布局侵入系统栏的后面，必须启用fitsSystemWindows属性来调整布局才不至于被系统栏覆盖。

（1）在App中是可以动态切换状态栏的显示和隐藏，即沉浸式和非沉浸式。

显示状态栏：
view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);

隐藏状态栏：
view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
    | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
    | View.SYSTEM_UI_FLAG_FULLSCREEN
    | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
    | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
    | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);

（2）透明状态栏上面已经说了。

OK，以上就是本期节目的全部内容，感谢大家收看，我们下期再见~

这篇关于Material Design 最全解析_3 主题Theme的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1007062。

相关文章

PostgreSQL的扩展dict_int应用案例解析

PostgreSQL的扩展dict_int应用案例解析

《PostgreSQL的扩展dict_int应用案例解析》dict_int扩展为PostgreSQL提供了专业的整数文本处理能力,特别适合需要精确处理数字内容的搜索场景,本文给大家介绍PostgreS... 目录PostgreSQL的扩展dict_int一、扩展概述二、核心功能三、安装与启用四、字典配置方法
阅读更多...
深度解析Java DTO(最新推荐)

深度解析Java DTO(最新推荐)

《深度解析JavaDTO(最新推荐)》DTO（DataTransferObject）是一种用于在不同层（如Controller层、Service层）之间传输数据的对象设计模式,其核心目的是封装数据,... 目录一、什么是DTO？DTO的核心特点：二、为什么需要DTO？（对比Entity）三、实际应用场景解析
阅读更多...
深度解析Java项目中包和包之间的联系

深度解析Java项目中包和包之间的联系

《深度解析Java项目中包和包之间的联系》文章浏览阅读850次，点赞13次，收藏8次。本文详细介绍了Java分层架构中的几个关键包：DTO、Controller、Service和Mapper。_jav... 目录前言一、各大包1.DTO1.1、DTO的核心用途1.2. DTO与实体类(Entity)的区别1
阅读更多...
Java中的雪花算法Snowflake解析与实践技巧

Java中的雪花算法Snowflake解析与实践技巧

《Java中的雪花算法Snowflake解析与实践技巧》本文解析了雪花算法的原理、Java实现及生产实践,涵盖ID结构、位运算技巧、时钟回拨处理、WorkerId分配等关键点,并探讨了百度UidGen... 目录一、雪花算法核心原理1.1 算法起源1.2 ID结构详解1.3 核心特性二、Java实现解析2.
阅读更多...
使用Python绘制3D堆叠条形图全解析

使用Python绘制3D堆叠条形图全解析

《使用Python绘制3D堆叠条形图全解析》在数据可视化的工具箱里,3D图表总能带来眼前一亮的效果,本文就来和大家聊聊如何使用Python实现绘制3D堆叠条形图,感兴趣的小伙伴可以了解下... 目录为什么选择 3D 堆叠条形图代码实现：从数据到 3D 世界的搭建核心代码逐行解析细节优化应用场景：3D 堆叠图
阅读更多...
深度解析Python装饰器常见用法与进阶技巧

深度解析Python装饰器常见用法与进阶技巧

《深度解析Python装饰器常见用法与进阶技巧》Python装饰器（Decorator）是提升代码可读性与复用性的强大工具,本文将深入解析Python装饰器的原理,常见用法,进阶技巧与最佳实践,希望可... 目录装饰器的基本原理函数装饰器的常见用法带参数的装饰器类装饰器与方法装饰器装饰器的嵌套与组合进阶技巧
阅读更多...
解析C++11 static_assert及与Boost库的关联从入门到精通

解析C++11 static_assert及与Boost库的关联从入门到精通

《解析C++11static_assert及与Boost库的关联从入门到精通》static_assert是C++中强大的编译时验证工具,它能够在编译阶段拦截不符合预期的类型或值,增强代码的健壮性,通... 目录一、背景知识：传统断言方法的局限性1.1 assert宏1.2 #error指令1.3 第三方解决
阅读更多...
全面解析MySQL索引长度限制问题与解决方案

全面解析MySQL索引长度限制问题与解决方案

《全面解析MySQL索引长度限制问题与解决方案》MySQL对索引长度设限是为了保持高效的数据检索性能,这个限制不是MySQL的缺陷,而是数据库设计中的权衡结果,下面我们就来看看如何解决这一问题吧... 目录引言：为什么会有索引键长度问题？一、问题根源深度解析mysql索引长度限制原理实际场景示例二、五大解决
阅读更多...
深度解析Spring Boot拦截器Interceptor与过滤器Filter的区别与实战指南

深度解析Spring Boot拦截器Interceptor与过滤器Filter的区别与实战指南

《深度解析SpringBoot拦截器Interceptor与过滤器Filter的区别与实战指南》本文深度解析SpringBoot中拦截器与过滤器的区别,涵盖执行顺序、依赖关系、异常处理等核心差异,并... 目录Spring Boot拦截器（Interceptor）与过滤器（Filter）深度解析：区别、实现
阅读更多...
深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

深度解析Spring AOP @Aspect 原理、实战与最佳实践教程

《深度解析SpringAOP@Aspect原理、实战与最佳实践教程》文章系统讲解了SpringAOP核心概念、实现方式及原理,涵盖横切关注点分离、代理机制（JDK/CGLIB）、切入点类型、性能... 目录1. @ASPect 核心概念1.1 AOP 编程范式1.2 @Aspect 关键特性2. 完整代码实
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2