首页 > 其他分享 >Android(Lollipop/5.0) Material Design(三) 使用Material主题

Android(Lollipop/5.0) Material Design(三) 使用Material主题

时间:2022-12-06 10:07:34浏览次数:36  
标签:5.0 Material 状态栏 自定义 主题 Theme Design android


官网地址:https://developer.android.com/intl/zh-tw/training/material/theme.html

新的Material主题提供了:

系统Widgets可设置它们的调色板

系统Widgets的触摸反馈动画

Activity的过渡动画

您可以自定义Material主题,根据你的品牌标识,用一个调色板来控制。

可以使用主题属性来为操作栏和状态栏着色,如图所示:

Android(Lollipop/5.0) Material Design(三) 使用Material主题_状态栏

Material主题的定义:
@android:style/Theme.Material (dark version)
@android:style/Theme.Material.Light (light version)
@android:style/Theme.Material.Light.DarkActionBar

注:Material主题只能5.0(api21)及以上才能使用support-v7提供了兼容支持,在target-api<21上可以建一个res/values-21目录放置属于Material相关的Style

Customize the Color Palette  自定义调色板


自定义基于颜色的适合你的品牌的主题,当继承了Material主题时,可以使用Material主题中的属性来自定义颜色


Customize the Status Bar 自定义状态栏

Material主题可以让你轻松地定制状态栏,所以您可以指定一个适合你品牌的颜色,并提供足够的对比度显示白色的状态图标,

当继承自Material主题时,设置状态栏时自定义颜色:android:statusBarColor。默认情况下,android:statusBarColor继承了android:colorPrimaryDark。

你可以自己绘制状态栏。例如,你想在照片上能明显的显示状态栏,用一个细微的黑色渐变来确保白色状态栏图标可见。为此,设置android:statusBarColor属性为@android:color/transparent,并根据需要调整Window的flags。对于动画或消退(fading),你也可以使用Window.setStatusBarColor()方法

当你自定义导航和状态栏时,要么使它们都透明,要么只修改状态栏。导航栏在其他所有情况下必须保持黑色。

Theme Individual Views  个人主题View

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

标签:5.0,Material,状态栏,自定义,主题,Theme,Design,android
From: https://blog.51cto.com/u_11407799/5914557

相关文章

  • Android(Lollipop/5.0) Material Design(二) 入门指南
    官网地址:https://developer.android.com/intl/zh-tw/training/material/get-started.htmlApplytheMaterialTheme运用材料主题DesignYourLayouts 设计你的布......
  • Android(Lollipop/5.0) Material Design(一) 简介
    官网地址:https://developer.android.com/intl/zh-tw/design/material/index.html使用MaterialDesign需要api21,即Lollipop/5.0以上MaterialDesign为应用提供了:一个新的主......
  • Android(Lollipop/5.0) Material Design(六) 自定义动画
    官网地址:https://developer.android.com/intl/zh-tw/training/material/animations.html动画在Material设计中,为用户与app交互反馈他们的动作行为和提供了视觉上的连贯性。M......
  • RocketMQ 5.0 可观测能力升级:Metrics 指标分析
    作者:玄珏​从消息的生命周期看可观测能力在进入主题之前先来看一下RocketMQ生产者、消费者和服务端交互的流程:messageproduceandconsumeprocessRocketMQ的消息是按照......
  • RocketMQ 5.0 可观测能力升级:Metrics 指标分析
    作者:玄珏从消息的生命周期看可观测能力在进入主题之前先来看一下RocketMQ生产者、消费者和服务端交互的流程:messageproduceandconsumeprocessRocketMQ的消息是......
  • Affinity Publisher出版排版软件,搭配 Affinity Designer 和 Affinity Photo使用更佳
    Mac排版神器是什么?AffinityPublisher中文版是创意软件工作室Serif旗下的一款桌面排版应用,可以帮助专业设计人员在每一版面、页面、杂志、书籍和数字出版物中实现最佳的......
  • Ant Design Pro 脚手架Eslint+Prettier配合使用
    AntDesignPro脚手架集成了Eslint与Prettier,但Eslint与Prettier还没形成关联性,就是他们之间各玩各的,现在需要他们之间关联,就是当Prettier格式出现问题时,eslint会报相应的......
  • arco design vue 表单自定义验证
    不知道为啥,官方文档里竟然没写...直接上代码template里<a-form-itemfield="repeatPassword":rules="[{validator:validateRepeatPassword,trigger:'change'}]"......
  • Ant Design Pro 脚手架精简
    AntDesignPro是一个开箱即用的中台前端/设计解决方案,相信很多企业都在用这个脚手架。其脚手架集成了非常多的功能,把工作中需要用到的几乎所有都集成到了这里,这导致该脚......
  • ant-design-vue
    vue3引入ant-design-vueUI组件安装npmi--saveant-design-vue@next-S在main.js全局引入importAntdfrom'ant-design-vue';import'ant-design-vue/dist/an......