Support Library詳解之Design Support Library-如何使用Material Design控件

什么是Design Support Library

Design Support Library提供了用于向您的App添加Material Design(材料設(shè)計)風格的組件樣式API。

那么Design Support Library都有什么呢?它包括:navigation drawers,floating action buttons (FAB), snackbars, 和 tabs 以及Material Design的EditText等等.

我們該如何添加Design Support Library支持呢?

很簡單 如果你在使用Android Studio的話那么你只需要添加一句話

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

好吧,如果你是小白又對Material Design十分的感興趣那我不介意多寫一點,如果你是大神那么可以跳過這一部分。

打開Project Structure
選擇app點擊Dependencies后選擇添加Library dependency
搜索com.android.support:design選中后確定

那么我們應(yīng)該如何使用Design Support Library呢?

1.SnackBar

Snackbar提供了一個介于Toast和AlertDialog之間輕量級控件,它可以很方便的提供消息的提示和動作反饋。他的使用用法與Toast基本一致但是他可以對點擊事件有更好的支持。

時間可以設(shè)置LENGTH_INDEFINITE(持續(xù)顯示),LENGTH_LONG,LENGTH_SHORT
如果不設(shè)置點擊事件傳null即可

Google API ?官方說明文檔地址:

http://developer.android.com/reference/android/support/design/widget/Snackbar.html

2.Floating Action Button

fab是一個圓形的按鈕,谷歌建議這個按鈕用作積極的意義,比如添加收藏等等,最好不要用于如刪除等操作。他的默認顏色為主題中colorAccent。

圖中紅色E-mail按鈕即為Floating Action Button

FloatingActionButton-fab的使用非常簡單,把他當做一個button就可以了,最好是配合CoordinatorLayout布局使用,這個布局類似于一個加強的Framelayout,這個我們之后會提到的。

xml代碼

fab有兩種大小如果你希望使用一個小一點的可以在xml中添加一句這樣的話:app:fabSize="mini"

另外他還可以設(shè)置FloatingActionButton.OnVisibilityChangedListener,用于監(jiān)控他顯示還是隱藏的改變

Google API? 官方說明文檔地址:

http://developer.android.com/reference/android/support/design/widget/FloatingActionButton.html

3.TextInputLayout

TextInputLayout作為一個父容器控件,包裝了新的EditText。一般情況下,單獨的EditText會在用戶輸入第一個字母之后就隱藏hint提示信息,但是現(xiàn)在你可以使用TextInputLayout 結(jié)合EditText使提示信息變成一個顯示在EditText之上的標簽,他的默認顏色也是主題中colorAccent。

xml代碼
java代碼

TextInputEditText

TextInputEditText樣式
xml代碼
java代碼

4.TabLayout

tablayout是用來實現(xiàn)標簽的,那么他應(yīng)該如何與ViewPager配合使用呢?

很簡單:1,通過setOnTabSelectedListener設(shè)置一個監(jiān)聽器來響應(yīng)選項卡的選擇狀態(tài) 2,通過setTabsFromPagerAdapter來使用PagerAdapter的page title?3,使用TabLayout.TabLayoutOnPageChangeListener來聯(lián)動滑動

Tablayout樣式
Toolbar TabLayout 和ViewPager ?XML代碼

大致上說Design庫有幾種控件,下一次我們將一起感受一直他的layout部分。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容