低版本android上實(shí)現(xiàn)Material design應(yīng)用
Android5.0版本，推出了Material Design的概念荣回，這是在設(shè)計(jì)上Android的又一大突破驹马。對(duì)應(yīng)的程序?qū)崿F(xiàn)上就有如 Theme.Material.Light除秀、 Theme.Material.Light.DarkActionBar等主題册踩，但是這種風(fēng)格的主題只能應(yīng)用在在5.0版本的手機(jī)暂吉，如果在5.0之前應(yīng)用Material Design該怎么辦呢缎患？
google官方，以及一些大牛挤渔，給我們提供了一些程序來(lái)兼容5.0之前的版本肮街，常用的包如下：
'com.android.support:appcompat-v7:22.+', // 這個(gè)包是為了考慮API level 7(即Android 2.1)及以上版本而設(shè)計(jì)的，v7里默認(rèn)包含了v4包判导，v7支持了Action Bar以及一些Theme的兼容沛硅。'com.android.support:recyclerview-v7:22.+', // 當(dāng)你list中的元素經(jīng)常動(dòng)態(tài)改變時(shí)可以使用RecyclerView控件。它提供了如下兩個(gè)功能：1摇肌、為每個(gè)條目位置提供了layout管理器（RecyclerView.setLayoutManager）2、為每個(gè)條目設(shè)置了操作動(dòng)畫(huà)（RecyclerView.setItemAnimator）'com.android.support:cardview-v7:22.+' // 卡片式視圖組件,允許你在Card視圖中顯示信息仪际， CardView也可以設(shè)置陰影和圓角围小。
Material Design的Theme
md的主題有：
@android:style/Theme.Material (dark version)
@android:style/Theme.Material.Light (light version)
@android:style/Theme.Material.Light.DarkActionBar
appcompat-v7中與之對(duì)應(yīng)的Compat Theme：
Theme.AppCompat
Theme.AppCompat.Light
Theme.AppCompat.Light.DarkActionBar
我們可以根據(jù)我們的app的風(fēng)格弟头，去定制Color Palette(調(diào)色板)吩抓，重點(diǎn)有以下幾個(gè)屬性：
value/styles.xml:
Android4.2下效果：
Android5.0下效果：
ToolBar的使用
眾所周知，在使用ActionBar的時(shí)候赴恨，一堆的問(wèn)題：這個(gè)文字能不能定制疹娶，位置能不能改變伦连，圖標(biāo)的間距怎么控制神馬的雨饺，由此暴露出了ActionBar設(shè)計(jì)的不靈活惑淳。為此官方提供了ToolBar，并且提供了supprot
library用于向下兼容。Toolbar之所以靈活，是因?yàn)樗鋵?shí)就是一個(gè)ViewGroup舰涌，我們?cè)谑褂玫臅r(shí)候和普通的組件一樣，在布局文件中聲明朱躺。
（1）ToolBar的引入
1）隱藏原本的ActionBar
隱藏可以通過(guò)修改我們繼承的主題為：Theme.AppCompat.Light.NoActionBar搁痛，如styles.xml:
...
當(dāng)然也可以通過(guò)設(shè)置以下屬性完成：
falsetrue
2）布局文件中聲明：
......
可以看到Toolbar外面包裹了一層AppBarLayout长搀，AppBarLayout 是android.support.design庫(kù)提供的控件，詳情請(qǐng)見(jiàn)下面Android Design Support Library的介紹鸡典。
Android Design Support Library
Google在2015的IO大會(huì)上源请，給我們帶來(lái)了更加詳細(xì)的Material Design設(shè)計(jì)規(guī)范，同時(shí)，也給我們帶來(lái)了全新的Android
Design Support
Library巢钓，在這個(gè)support庫(kù)里面病苗，Google給我們提供了更加規(guī)范的MD設(shè)計(jì)風(fēng)格的控件。最重要的是症汹，Android Design
Support Library的兼容性更廣硫朦，直接可以向下兼容到Android 2.2。這不得不說(shuō)是一個(gè)良心之作背镇。
使用Support Library非常簡(jiǎn)單：
'com.android.support:design:22.+', // 這個(gè) Lib 中主要包含了 8 個(gè)新的 material design 組件咬展！最低支持 Android 2.1 。 這些組件在我看來(lái)就是對(duì) Github中最近比較火的 android 組件進(jìn)行了封裝瞒斩。
Snackbar輕量級(jí)彈窗
Snackbar提供了一個(gè)介于Toast和AlertDialog之間輕量級(jí)控件破婆，它可以很方便的提供消息的提示和動(dòng)作反饋。
Snackbar.make(view, "Snackbar comes out", Snackbar.LENGTH_LONG)
.setAction("Action",
new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(HYMainActivity.this, "Toast comes out", Toast.LENGTH_SHORT).show();
}
}
).show();
TextInputLayout增強(qiáng)型文本輸入
TextInputLayout作為一個(gè)父容器控件胸囱，包裝了新的EditText祷舀。通常，單獨(dú)的EditText會(huì)在用戶(hù)輸入第一個(gè)字母之后隱藏hint提示信息烹笔，但是現(xiàn)在你可以使用TextInputLayout
來(lái)將EditText封裝起來(lái)裳扯，提示信息會(huì)變成一個(gè)顯示在EditText之上的floating
label，這樣用戶(hù)就始終知道他們現(xiàn)在輸入的是什么谤职。同時(shí)饰豺，如果給EditText增加監(jiān)聽(tīng)，還可以給它增加更多的floating label允蜈。
......
...
final TextInputLayout textInputLayout = (TextInputLayout) getActivity().findViewById(R.id.til_pwd);
EditText editText = textInputLayout.getEditText();
textInputLayout.setHint("請(qǐng)輸入密碼");
editText.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
if (s.length() > 10 || s.length() < 6) {
textInputLayout.setError("請(qǐng)輸入6之10位數(shù)密碼");
textInputLayout.setErrorEnabled(true);
} else {
textInputLayout.setErrorEnabled(false);
}
}
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
textView.setText(s);
}
@Override
public void afterTextChanged(Editable s) {
}
});
...
這里需要注意的是冤吨，TextInputLayout的顏色來(lái)自style中的colorAccent的顏色。
Floating Action Button界面操作按鈕
floating action button 是一個(gè)負(fù)責(zé)顯示界面基本操作的圓形按鈕饶套。Design
library中的FloatingActionButton
實(shí)現(xiàn)了一個(gè)默認(rèn)顏色為主題中colorAccent的懸浮操作按鈕漩蟆。FloatingActionButton繼承自ImageView，你可以使用android:src或者ImageView的任意方法凤跑，比如setImageDrawable()來(lái)設(shè)置FloatingActionButton里面的圖標(biāo)爆安。
TabLayout滑動(dòng)切換布局
Design library的TabLayout 既實(shí)現(xiàn)了固定的選項(xiàng)卡 - view的寬度平均分配叛复，也實(shí)現(xiàn)了可滾動(dòng)的選項(xiàng)卡 - view寬度不固定同時(shí)可以橫向滾動(dòng)仔引。選項(xiàng)卡可以在程序中動(dòng)態(tài)添加：
TabLayout tabLayout = (TabLayout) findViewById(R.id.tabs); tabLayout.addTab(tabLayout.newTab().setText("tab1")); tabLayout.addTab(tabLayout.newTab().setText("tab2"));
...
但大部分時(shí)間我們都不會(huì)這樣用，通澈职拢滑動(dòng)布局都會(huì)和ViewPager配合起來(lái)使用咖耘，只需要使用tabLayout.setupWithViewPager(mViewPager);就把兩個(gè)關(guān)聯(lián)起來(lái)了。
NavigationView導(dǎo)航抽屜
Google提供了NavigationView來(lái)實(shí)現(xiàn)導(dǎo)航菜單界面撬码，其中最重要的就是這兩個(gè)屬性：
app:headerLayout
app:menu
通過(guò)這兩個(gè)屬性儿倒，我們可以非常方便的指定導(dǎo)航界面的頭布局和菜單布局：
