學(xué)習(xí)使用Material Design控件(一)
Google 發(fā)布的Material Design支持庫,對我們的APP設(shè)計(jì)有很大的影響,如果重新設(shè)計(jì)APP,支持庫應(yīng)該直接用V4提升到V7了,我們可以用Toolbar代替ActionBar,以及引入了RecycleView, SnakeBar等新控件。
我寫了一個(gè)Demo來學(xué)習(xí)使用這些新控件。

新建項(xiàng)目,加入依賴包
我們使用Android Studio來開發(fā)這個(gè)Demo,在Android Studio新建一個(gè)項(xiàng)目,修改App Module的build.gradle文件,把compileSdkVersion和targetSdkVersion改為21,因?yàn)镸aterial Design支持庫需要Android 5.0以上作為編譯SDK。
同時(shí)要加入相關(guān)依賴包design和RecyclerView支持包。
android {
compileSdkVersion 21
buildToolsVersion ”21.1.2”
defaultConfig {
applicationId ”materia.aswifter.com.materialexample”
minSdkVersion 15
targetSdkVersion 21
versionCode 1
versionName ”1.0”
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), ‘proguard-rules.pro'
}
}
}
dependencies {
compile fileTree(dir: ‘libs', include: [‘*.jar'])
compile 'com.android.support:design:22.2.0'
compile 'com.android.support:recyclerview-v7:22.0.+'
}
新建Layout
新建activity_main.xml,在其中我們加入Toolbar和RecyclerView
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:background="?attr/colorPrimaryDark">
</android.support.v7.widget.Toolbar>
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/toolbar"
android:scrollbars="none" />
</RelativeLayout>
新建Activity
新建MainActivity繼承自AppCompatActivity
加入ToolBar
setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar);
使用RecyclerView
RecyclerView是用來替換ListView的,它在里面封裝ViewHolder的一些處理,
不過RecyclerView沒有setOnItemClickListener方法,需要自己實(shí)現(xiàn)。
mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
// use this setting to improve performance if you know that changes
// in content do not change the layout size of the RecyclerView
mRecyclerView.setHasFixedSize(true);
// use a linear layout manager
mLayoutManager = new LinearLayoutManager(this);
mRecyclerView.setLayoutManager(mLayoutManager);
// specify an adapter (see also next example)
myDataset = new String[]{"JAVA", "Objective-C", "C", "C++", "Swift",
"GO", "JavaScript", "Python", "Ruby", "HTML", "SQL"};
mAdapter = new MyAdapter(myDataset);
mRecyclerView.setAdapter(mAdapter);
使用Snackbar
Snackbar的使用類似于Toast,我在RecyclerView的Item的點(diǎn)擊事件中調(diào)用Snackbar,
顯示TextView中的文字。
public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
// each data item is just a string in this case
public TextView mTextView;
public ViewHolder(View v) {
super(v);
mTextView = (TextView) v.findViewById(R.id.textView);
v.setOnClickListener(this);
}
@Override
public void onClick(View view) {
Snackbar.make(view, mTextView.getText(), Snackbar.LENGTH_SHORT).show();
}
}
項(xiàng)目源碼已發(fā)布到Github,以后慢慢加入其他控件的使用。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 學(xué)習(xí)使用Material Design控件(三)使用CardView實(shí)現(xiàn)卡片效果
- 學(xué)習(xí)使用Material Design控件(二)使用DrawerLayout實(shí)現(xiàn)側(cè)滑菜單欄效果
- 微信小程序之MaterialDesign--input組件詳解
- Material Design系列之Behavior實(shí)現(xiàn)Android知乎首頁
- Material Design系列之Behavior上滑顯示返回頂部按鈕
- Material Design系列之Behavior實(shí)現(xiàn)支付密碼彈窗和商品屬性選擇效果
- Material Design系列之自定義Behavior支持所有View
- Android5.0中Material Design的新特性
- Android App仿QQ制作Material Design風(fēng)格沉浸式狀態(tài)欄
- 學(xué)習(xí)使用Material Design控件(四)Android實(shí)現(xiàn)標(biāo)題欄自動(dòng)縮放、放大效果
相關(guān)文章
Android直播app送禮物連擊動(dòng)畫效果(實(shí)例代碼)
最近在做公司的直播項(xiàng)目,需要實(shí)現(xiàn)一個(gè)觀看端連擊送禮物的控件,下面給大家分享實(shí)例代碼,需要的的朋友參考下吧2017-07-07
Android?Banner本地和網(wǎng)絡(luò)輪播圖使用介紹
大家好,本篇文章講的是Android?Banner本地和網(wǎng)絡(luò)輪播圖使用介紹,感興趣的同學(xué)趕快來看一看吧,希望本篇文章對你起到幫助2021-11-11
Android Compose衰減動(dòng)畫Animatable使用詳解
這篇文章主要為大家介紹了Android Compose衰減動(dòng)畫Animatable使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11
Android?縮放動(dòng)畫?ScaleAnimation的使用小結(jié)
ScaleAnimation即縮放動(dòng)畫,應(yīng)用場景特別多,比如常見的隱藏菜單點(diǎn)擊顯示,這篇文章主要介紹了Android?縮放動(dòng)畫?ScaleAnimation的使用小結(jié),需要的朋友可以參考下2024-03-03
Android Drawerlayout實(shí)現(xiàn)側(cè)滑菜單效果
這篇文章主要為大家詳細(xì)介紹了Android Drawerlayout實(shí)現(xiàn)側(cè)滑菜單效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10
Android自定義控件ViewGroup實(shí)現(xiàn)標(biāo)簽云(四)
這篇文章主要為大家詳細(xì)介紹了Android自定義控件ViewGroup實(shí)現(xiàn)標(biāo)簽云的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-08-08
Android系統(tǒng)對話框使用詳解(最詳細(xì))
這篇文章主要介紹了Android系統(tǒng)對話框使用詳解(最詳細(xì)),需要的朋友可以參考下2017-10-10

