Google在2015的IO大會上，給我們帶來了更加詳細(xì)的Material Design設(shè)計規(guī)范，同時，也給我們帶來了全新的Android Design Support Library，Android Design Support Library的兼容性更廣，直接可以向下兼容到Android 2.2

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信平臺小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了曲周免費(fèi)建站歡迎大家使用！

下面我們用TextInputLayout構(gòu)造一個酷炫的登錄框架

先上效果圖：

要使用Design Support Library現(xiàn)在gradle中加入

compile 'com.android.support:design:23.4.0'

登錄頁面的布局：

TextInputLayout 繼承于LinearLayout也是一個布局，要配合它的子控件來顯示出想要的效果，這里谷歌把它專門設(shè)計用來包裹EditText(或者EditText的子類)，然后當(dāng)用戶進(jìn)行輸入動作的時候我們設(shè)置的android:hint 提示就會以動畫的形式運(yùn)動到左上角

public class MainActivity extends AppCompatActivity {  
    private Button button;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        setTitle("Login");  
        button=(Button)findViewById(R.id.login);  
        button.setOnClickListener(new View.OnClickListener() {  
            @Override  
            public void onClick(View v) {  
                Toast.makeText(MainActivity.this,"Login Successful",Toast.LENGTH_SHORT).show();  
            }  
        });  
    }  
  
    //注冊
    public void register(View view){  
        startActivity(new Intent(this,RegisterAcitvity.class));  
    }  
}

很簡單，只是為了畫個框架，可以根據(jù)需求自己完善

下面是注冊頁面的布局：

android:singleLine="true"屬性設(shè)置單行顯示


設(shè)置app:counterEnabled="true" 打開Edittext右下角字?jǐn)?shù)統(tǒng)計，app:counterMaxLength="6"設(shè)置它的長度

但要謹(jǐn)記，使用這個功能的時候必須加上 app:counterOverflowTextAppearance屬性，不然程序很報錯

自定義ErrorStyle樣式:

  
     @color/colorAccent  

當(dāng)然，如果想要修改Edittext框的選中顏色可以修改AppTheme中的colorAccent屬性

  
          
        @color/colorPrimary  
        @color/colorPrimaryDark  
        @color/colorPrimary  

源碼地址：http://down.51cto.com/data/2222023