Android Material Design系列之主题样式介绍说明等

Android Material Design系列之主题样式介绍说明等,第1张

概述今天这篇文章应该算是MaterialDesign系列的补充篇,因为这篇文章本来应该放到前面讲的,因为讲的是主题嘛,对于一些状态和颜色的介绍,因为我们一新建一个项目时,系统自带了三个属性的颜色,现在就重点介绍这三个颜色属性的意义和作用。讲明白这个,留着以后讲别的用。最常用的三个颜色属性col

今天这篇文章应该算是Material Design系列的补充篇,因为这篇文章本来应该放到前面讲的,因为讲的是主题嘛,对于一些状态和颜色的介绍,因为我们一新建一个项目时,系统自带了三个属性的颜色,现在就重点介绍这三个颜色属性的意义和作用。讲明白这个,留着以后讲别的用。

最常用的三个颜色属性@H_403_7@

colorPrimary

colorPrimaryDark

colorAccent

这三个分别代表什么意思呢?

colorPrimaryDark 是状态栏底色

colorPrimary 如果你不手动自己去修改toolbar背景色的话,它就是默认的toolbar背景色

colorAccent 各控制元件(比如:checkBox、switch 或是 radio) 被勾选 (checked) 或是选定 (selected) 的颜色

文字描述可能还不是很直观,来看张图,如下:

其他属性相关介绍@H_403_7@

navigationbarcolor 导航栏的背景色,但只能用在 API Level 21 以上的版本,也就是5.0以上才可以

windowBackground App 的背景色

colorControlnormal 这个也只能在API21以上才能用各控制元件的预设颜色和colorAccent正好对应

在Style上设置@H_403_7@

以上的颜色属性均是在 style 的属性中设置。如下:

关于这些颜色的属性介绍就到这里了,相信大家应该都明白了。要是光讲这些文章有点短,不太充实,所以今天我们再补充两个非常简单的 Material Design 风格的控件,可能大家都知道了,知道的就不用看了哈,略过就好。

TextinputLayout@H_403_7@

TextinputLayout继承linearLayout,因此我们需要将EditVIEw包含在TextinputLayout之内才可以使用,言外之意:TextinputLayout不能单独使用。里面可以包含一个且只能有一个EditText,与传统的EditText不同,在输入时EditText的hint提示文字会滑到上方,在用户输入的同时提示用户当前要输入的是什么,同时还可以设置输入错误的提示信息。

代码布局如下:

TextinputLayout常用的方法有如下:

setHint():设置提示语。

getEditText():得到TextinputLayout中的EditVIEw控件。

setErrorEnabled():设置是否可以显示错误信息。

setError():设置当用户输入错误时d出的错误信息。

特别注意:TextinputLayout不能单独使用,必须包裹EditVIEw组件,且只能一个,设置错误提示信息时一定要先setErrorEnabled(true);再设置setError()。

TextinputEditText@H_403_7@

TextinputEditText和TextinputLayout类似,Design包还有一个组件TextinputEditText,它继承了AppCompatEditText,可以在右侧显示出错误信息的小d窗提示。用法和TextinputEditText类似,而且不用设置错误信息消除,重新在TextinputEditText输出会自动取消,非常的灵活和人性化。

用法很简单:

效果图


到这里今天的内容就讲完了,Material Design系列其实还没有完,今天讲了主题样式,下次就有可能讲根据主题样式设置夜间模式,还有以后的转场动画等内容。这个系列可能有些基础,但是众口难调还请大家理解,会的同学可以略过,不会的就好好学习。总之,都是为了大家更进一步。重口难调,还请大家理解。

这个系列的讲解和实例都会整理在一个demo里,demo的github地址:https://github.com/loonggg/MaterialDesignDemo 去star吧,我会慢慢完善的。

总结

以上是内存溢出为你收集整理的Android Material Design系列之主题样式介绍说明等全部内容,希望文章能够帮你解决Android Material Design系列之主题样式介绍说明等所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1002381.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)