Android Material設(shè)計(jì)中列表和卡片的創(chuàng)建方法解析
5.0提供了兩個(gè)新的Widget,它們使用了Material Design 的style和animation:
- RecyclerView 一個(gè)更可插拔式的ListView,它支持不同的布局類型,并且性能有了改進(jìn)。(列表式)
- CardView 一個(gè)能讓你在其內(nèi)顯示重要信息,并保持連貫的視覺和感覺的卡片。(卡片式)
它兩位于 sdk/extras/android/support/v7/cardview 和 sdk/extras/android/support/v7/RecyclerView
創(chuàng)建列表
RecyclerView組件是一個(gè)更先進(jìn)和靈活的版本的列表視圖。這個(gè)小部件是一個(gè)非常有效率的容器,通過有限的views,可以滾動(dòng)顯示大型數(shù)據(jù)集。
RecyclerView組件數(shù)據(jù)集合的元素,可在運(yùn)行時(shí)根據(jù)用戶操作或網(wǎng)絡(luò)事件進(jìn)行改變。
RecyclerView類簡化了顯示和處理大型數(shù)據(jù)集,它提供了:
- 布局管理器
- 常見的默認(rèn)動(dòng)畫item操作,如刪除、添加項(xiàng)目
你可以在RecyclerView中靈活定義 布局管理器和動(dòng)畫
要使用RecyclerView組件,您必須指定一個(gè)適配器和布局管理器。創(chuàng)建一個(gè)適配器,繼承RecyclerView.Adapter類。有關(guān)更多信息,請參見下面的例子。
RecyclerView并確定重用項(xiàng)目視圖時(shí),布局管理器的利用item的方法,不再是對用戶可見。重用(或回收)視圖,布局管理器可能會(huì)問適配器,替換內(nèi)容為不同的數(shù)據(jù)集的元素?;厥誺iew時(shí),以這種方式來改進(jìn)性能:避免創(chuàng)建不必要的view或執(zhí)行消耗大的findViewById()查詢。
RecyclerView提供了如下管理器:
- LinearLayoutManager 橫向或縱向的滾動(dòng)列表
- GridLayoutManager 網(wǎng)格列表
- StaggeredGridLayoutManager 交錯(cuò)的網(wǎng)格列表
要?jiǎng)?chuàng)建一個(gè)自定義布局管理器,需要繼承RecyclerView.LayoutManager類
動(dòng)畫:
添加和刪除item的動(dòng)畫,在RecyclerView默認(rèn)啟用。定制這些動(dòng)畫,需要繼承RecyclerView.ItemAnimator類并使用RecyclerView.setItemAnimator()方法。
例子:
layout
<!-- A RecyclerView with some commonly used attributes --> <android.support.v7.widget.RecyclerView android:id="@+id/my_recycler_view" android:scrollbars="vertical" android:layout_width="match_parent" android:layout_height="match_parent"/>
activity
public class MyActivity extends Activity { private RecyclerView mRecyclerView; private RecyclerView.Adapter mAdapter; private RecyclerView.LayoutManager mLayoutManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.my_activity); mRecyclerView = (RecyclerView) findViewById(R.id.my_recycler_view); // 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); //使用固定size 以優(yōu)化性能 // use a linear layout manager mLayoutManager = new LinearLayoutManager(this); mRecyclerView.setLayoutManager(mLayoutManager); // specify an adapter (see also next example) mAdapter = new MyAdapter(myDataset); mRecyclerView.setAdapter(mAdapter); } ... } adapter public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { private String[] mDataset; // Provide a reference to the views for each data item // Complex data items may need more than one view per item, and // you provide access to all the views for a data item in a view holder public static class ViewHolder extends RecyclerView.ViewHolder { // each data item is just a string in this case public TextView mTextView; public ViewHolder(TextView v) { super(v); mTextView = v; } } // Provide a suitable constructor (depends on the kind of dataset) public MyAdapter(String[] myDataset) { mDataset = myDataset; } // Create new views (invoked by the layout manager) @Override public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { // create a new view TextView v = (TextView)LayoutInflater.from(parent.getContext()) .inflate(R.layout.my_text_view, parent, false); // set the view's size, margins, paddings and layout parameters ... ViewHolder vh = new ViewHolder(v); return vh; } // Replace the contents of a view (invoked by the layout manager) @Override public void onBindViewHolder(ViewHolder holder, int position) { // - get element from your dataset at this position // - replace the contents of the view with that element holder.mTextView.setText(mDataset[position]); } // Return the size of your dataset (invoked by the layout manager) @Override public int getItemCount() { return mDataset.length; } }
創(chuàng)建卡片
CardView繼承自FrameLayout,以卡片式顯示一致的外觀。它可以有陰影和圓角
創(chuàng)建一個(gè)有陰影的卡片,使用card_view:cardElevation屬性。
使用這些屬性來定制CardView組件的外觀:
- 在你的布局設(shè)置圓角半徑,使用card_view:cardCornerRadius屬性
- 在代碼中設(shè)置圓角半徑,使用CardView.setRadius方法
- 設(shè)置卡片的背景顏色,使用card_view:cardBackgroundColor屬性
例
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:card_view="http://schemas.android.com/apk/res-auto" ... > <!-- A CardView that contains a TextView --> <android.support.v7.widget.CardView xmlns:card_view="http://schemas.android.com/apk/res-auto" android:id="@+id/card_view" android:layout_gravity="center" android:layout_width="200dp" android:layout_height="200dp" card_view:cardCornerRadius="4dp"> <TextView android:id="@+id/info_text" android:layout_width="match_parent" android:layout_height="match_parent" /> </android.support.v7.widget.CardView> </LinearLayout>
添加依賴:
gradle依賴
dependencies { ... compile 'com.android.support:cardview-v7:21.0.+' compile 'com.android.support:recyclerview-v7:21.0.+' }
相關(guān)文章
android @override 報(bào)錯(cuò)解決方案
android @override 報(bào)錯(cuò):就是說Java 1.5的編譯器默認(rèn)對父類的方法進(jìn)行覆蓋,采用@Override進(jìn)行說明;但1.6已經(jīng)擴(kuò)展到對接口的方法;所以如果還是以Java 1.5的編譯器來編譯的話,會(huì)出現(xiàn)錯(cuò)誤2012-12-12Android筆記之:深入為從右向左語言定義復(fù)雜字串的詳解
本篇文章是對Android中為從右向左語言定義復(fù)雜字串進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05android實(shí)現(xiàn)在圖標(biāo)上顯示數(shù)字
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)在圖標(biāo)上顯示數(shù)字,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04Android拼圖游戲 玩轉(zhuǎn)從基礎(chǔ)到應(yīng)用手勢變化
這篇文章主要介紹了Android拼圖游戲的實(shí)現(xiàn)方法,教大家玩轉(zhuǎn)從基礎(chǔ)到應(yīng)用手勢變化,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10PopupWindow?RecyclerView實(shí)現(xiàn)下拉選擇Spinner示例解析
這篇文章主要介紹了PopupWindow?RecyclerView實(shí)現(xiàn)下拉選擇Spinner示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07android文件操作——讀取assets和raw文件下的內(nèi)容
本篇文章主要介紹了android文件操作——讀取assets和raw文件下的內(nèi)容,并附簡單實(shí)例代碼,需要的朋友可以參考下。2016-10-10Android實(shí)現(xiàn)自定義View控件的流程詳解
這篇文章主要為大家詳細(xì)介紹了Android中實(shí)現(xiàn)自定義View控件的流程,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以了解一下2023-06-06JSON中optString和getString方法的區(qū)別
optString方法會(huì)在對應(yīng)的key中的值不存在的時(shí)候返回一個(gè)空字符串,但是getString會(huì)拋一個(gè)JSONException 。下面通過一段代碼給大家介紹JSON中optString和getString方法的區(qū)別,感興趣的朋友一起看看吧2017-07-07