Google 發(fā)布的Material Design支持庫(kù)蚁吝，對(duì)我們的APP設(shè)計(jì)有很大的影響，
如果重新設(shè)計(jì)APP，支持庫(kù)應(yīng)該直接用V4提升到V7了某残，我們可以用Toolbar代替ActionBar，
以及引入了RecycleView, SnakeBar等新控件陵吸。
我寫(xiě)了一個(gè)Demo來(lái)學(xué)習(xí)使用這些新控件玻墅。
新建項(xiàng)目，加入依賴(lài)包
我們使用Android Studio來(lái)開(kāi)發(fā)這個(gè)Demo走越，在Android Studio新建一個(gè)項(xiàng)目椭豫，
修改App Module的build.gradle文件，把compileSdkVersion和targetSdkVersion改為21旨指，
因?yàn)镸aterial Design支持庫(kù)需要Android 5.0以上作為編譯SDK赏酥。
同時(shí)要加入相關(guān)依賴(lài)包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是用來(lái)替換ListView的裸扶，它在里面封裝ViewHolder的一些處理，
不過(guò)RecyclerView沒(méi)有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的使用類(lèi)似于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，以后慢慢加入其他控件的使用粱哼。
源碼地址：MaterialDesignExample
本文作者： 陽(yáng)春面
原文地址：http://www.aswifter.com/2015/06/24/Material-Design-Example-1/
歡迎關(guān)注我的微信公眾號(hào)季二，分享Android 開(kāi)發(fā)，IOS開(kāi)發(fā)揭措，Swift開(kāi)發(fā)和互聯(lián)網(wǎng)內(nèi)容
微信號(hào)：APP開(kāi)發(fā)者
