學(xué)習(xí)使用Material Design控件(一)
Google 發(fā)布的Material Design支持庫,對我們的APP設(shè)計有很大的影響,如果重新設(shè)計APP,支持庫應(yīng)該直接用V4提升到V7了,我們可以用Toolbar代替ActionBar,以及引入了RecycleView, SnakeBar等新控件。
我寫了一個Demo來學(xué)習(xí)使用這些新控件。
新建項目,加入依賴包
我們使用Android Studio來開發(fā)這個Demo,在Android Studio新建一個項目,修改App Module的build.gradle文件,把compileSdkVersion和targetSdkVersion改為21,因為Material Design支持庫需要Android 5.0以上作為編譯SDK。
同時要加入相關(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方法,需要自己實現(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à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(); } }
項目源碼已發(fā)布到Github,以后慢慢加入其他控件的使用。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 學(xué)習(xí)使用Material Design控件(三)使用CardView實現(xiàn)卡片效果
- 學(xué)習(xí)使用Material Design控件(二)使用DrawerLayout實現(xiàn)側(cè)滑菜單欄效果
- 微信小程序之MaterialDesign--input組件詳解
- Material Design系列之Behavior實現(xiàn)Android知乎首頁
- Material Design系列之Behavior上滑顯示返回頂部按鈕
- Material Design系列之Behavior實現(xiàn)支付密碼彈窗和商品屬性選擇效果
- Material Design系列之自定義Behavior支持所有View
- Android5.0中Material Design的新特性
- Android App仿QQ制作Material Design風(fēng)格沉浸式狀態(tài)欄
- 學(xué)習(xí)使用Material Design控件(四)Android實現(xiàn)標題欄自動縮放、放大效果
相關(guān)文章
android 6.0 寫入SD卡的權(quán)限申請實例講解
今天小編就為大家分享一篇android 6.0 寫入SD卡的權(quán)限申請實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08Android開發(fā)獲取手機Mac地址適配所有Android版本
這篇文章主要介紹了Android開發(fā)獲取手機Mac地址適配所有Android版本,需要的朋友可以參考下2020-03-03Android性能優(yōu)化之弱網(wǎng)優(yōu)化詳解
這篇文章主要為大家介紹了Android性能優(yōu)化之弱網(wǎng)優(yōu)化示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10