TextInputLayout和AppCompatButton简单用法

2015 I/O大会谷歌推出了 Android Design Support Library，所以就更新下来看了看。从最简单的开始写吧，来看TextInputLayout，为什么要使用TextInputLayout，这个控件用于在多个输入框时，用户可能忘记hint内容，这个时候hint提醒就会在上方显示，也能用于判断，界面挺美的。

AppCompatButton安卓5.0开始引入的全新设计Material Design，触摸反馈的波纹效果，可惜这个波纹效果只支持5.0及以上的版本。

效果图：

实现 TextInputLayout

第一步 :导入Support Library

要使用TextInputLayout控件，你需要导入两个Library。第一个是appcompat-v7,它确保material style可以向后兼容。第二个是Design Support Library。在你的build.gradle文件中，添加如下依赖：

 compile 'com.android.support:design:22.2.0'
 compile 'com.android.support:appcompat-v7:22.2.0'

第二步：给Activity设置主题（清单文件中）

<activity android:name=".MainActivity"
            android:theme="@style/LoginTheme"
            >

styles.xml文件里添加：

colors.xml(自定义颜色)

<resources>
    <color name="colorPrimary">#3F51B5color>
    <color name="colorPrimaryDark">#303F9Fcolor>
    <color name="primary_darker">#CC1D1Dcolor>
    <color name="colorAccent">#FF4081color>
    <color name="primary">#E43F3Fcolor>
    <color name="red" >#FF0000color>
    <color name="text_red">#ec0f38color>
    <color name="white" >#FFFFFFcolor>
    <color name="black" >#282828color>
    <color name="jet">#222222color>
    <color name="oil">#333333color>
    <color name="monsoon">#777777color>
    <color name="jumbo">#888888color>
    <color name="aluminum">#999999color>
    <color name="base">#AAAAAAcolor>
    <color name="iron">#CCCCCCcolor>
    <color name="global_bg">#eeeff3color>
    <color name="light_blue">#6593cbcolor>
    <color name="gray">#aaaaaacolor>
    <color name="title">#363636color>
    <color name="tbtitle">#FF0000color>
    <color name="toolbar_bg">#FAFBFDcolor>
resources>

第三步 :设计用户界面（在布局中使用使用TextInputLayout，AppCompatButton）

"1.0" encoding="utf-8"?>
"http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    .support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
        "@+id/username"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Username"
            />
    .support.design.widget.TextInputLayout>
    .support.design.widget.TextInputLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
       >
        "@+id/password"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="password"
            />
    .support.design.widget.TextInputLayout>
    .support.v7.widget.AppCompatButton
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点击按键"/>

这样就写好了！

源代码下载地址：
https://github.com/a2978157/MyTextInputLayout