Material Design
16lz
2022-01-27
1.Material Deisgn的Theme
- @android:style/Theme.Material(dark version)
- @android:style/Theme.Material.Light(light version)
- @android:style/Theme.Material.Light.DarkActionBar
与之对应的Compat Theme:
- Theme.AppCompat
- Theme.AppCompat.Light
- Theme.AppCompat.light.DarkActionBar
(1)个性化Color Palette
我们可以根据我们的app风格,去制定Color Palette(调色板),重点有以下几个属性:
- colorPrimary对应的ActionBar的颜色;
- colorPrimaryDark对应的状态栏的颜色;
- colorAccent对应的EditText编辑时、RadioButton选中、CheckBox等选中时的颜色;
与之对应的图:
20150427034747930.png注:对于5.0以下的设备,目前colorPrimaryDark无法个性化状态栏的颜色,底部的navagationBar可能也不一样,更别说设置颜色了。
2.实例Demo
values/styles.xml
values-v21/styles.xml
vlaues/colors.xml
#009688 #00796B #FD87A9
效果展示:
QQ图片20170123110126.png注:colorAccent就是图中的粉色,EditText正在输入时,RadioButton选中时的颜色。
参考文章:
- Android 5.x Theme 与 ToolBar 实战
本文出自:张鸿洋的博客; - android Toolbar控件;
- Android Material Design之Toolbar与Palette实践
本文出自:Rocko's bog; - Android开发:最详细的 Toolbar 开发实践总结;
- ToolBar的使用
更多相关文章
- android 3D gallery 并 判断当前选中项
- Android(安卓)studio 点击按钮 改变viewtext 文字的颜色
- android : 圆角按钮 shape属性
- android 3D gallery 并 判断当前选中项
- Android中的ListView实现图片文字和按钮
- Android的版本(Version)和API-level的对应关系
- android ViewPager学习笔记1
- Android(安卓)中常用 MimeType 及对应文件类型
- Android之Spinner用法