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

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

最经常使用的三个颜色属性

• colorPrimary
• colorPrimaryDark
• colorAccent

这三个分别表明什么意思呢？
* colorPrimaryDark 是状态栏底色
* colorPrimary 若是你不手动本身去修改toolbar背景色的话，它就是默认的toolbar背景色
* colorAccent 各控制元件(好比：checkbox、switch 或是 radio) 被勾选 (checked) 或是选定 (selected) 的颜色

文字描述可能还不是很直观，来看张图，以下：

其余属性相关介绍

• navigationBarColor 导航栏的背景色，但只能用在 API Level 21 以上的版本，也就是5.0以上才能够
• windowBackground App 的背景色
• colorControlNormal 这个也只能在API21以上才能用各控制元件的预设颜色和colorAccent正好对应

在Style上设置

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

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

TextInputLayout

TextInputLayout继承LinearLayout，所以咱们须要将EditView包含在TextInputLayout以内才可使用，言外之意：TextInputLayout不能单独使用。里面能够包含一个且只能有一个EditText,与传统的EditText不一样，在输入时EditText的hint提示文字会滑到上方，在用户输入的同时提示用户当前要输入的是什么，同时还能够设置输入错误的提示信息。

代码布局以下：

<android.support.design.widget.TextInputLayout  android:id="@+id/email_textlayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="35dp" >

        <EditText  android:id="@+id/email_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="请输入你的邮箱" android:inputType="textEmailAddress" android:textColor="@color/text_color"/>


</android.support.design.widget.TextInputLayout>

TextInputLayout经常使用的方法有以下：
* setHint()：设置提示语。
* getEditText()：获得TextInputLayout中的EditView控件。
* setErrorEnabled():设置是否能够显示错误信息。
* setError()：设置当用户输入错误时弹出的错误信息。

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

TextInputEditText

TextInputEditText和TextInputLayout相似，Design包还有一个组件TextInputEditText,它继承了AppCompatEditText,能够在右侧显示出错误信息的小弹窗提示。用法和TextInputEditText相似，并且不用设置错误信息消除，从新在TextInputEditText输出会自动取消，很是的灵活和人性化。

用法很简单：

<android.support.design.widget.TextInputEditText  android:id="@+id/pwd_et" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:hint="请输入密码" android:inputType="textEmailAddress" android:textColor="@color/text_color"/>

效果图

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

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

欢迎关注微信公众号：非著名程序员（smart_android），天天每周定时推送原创技术文章。全部技术文章， 均会在微信订阅号首发，关注微信公众号能够及时得到技术文章推送。