国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 系統 > Android > 正文

Android Material設計中列表和卡片的創建方法解析

2019-12-12 06:40:07
字體:
來源:轉載
供稿:網友

5.0提供了兩個新的Widget,它們使用了Material Design 的style和animation:

  • RecyclerView 一個更可插拔式的ListView,它支持不同的布局類型,并且性能有了改進。(列表式)
  • CardView 一個能讓你在其內顯示重要信息,并保持連貫的視覺和感覺的卡片。(卡片式)

它兩位于 sdk/extras/android/support/v7/cardview 和 sdk/extras/android/support/v7/RecyclerView

201647154113431.jpg (1118×902)
創建列表
RecyclerView組件是一個更先進和靈活的版本的列表視圖。這個小部件是一個非常有效率的容器,通過有限的views,可以滾動顯示大型數據集。
RecyclerView組件數據集合的元素,可在運行時根據用戶操作或網絡事件進行改變。
RecyclerView類簡化了顯示和處理大型數據集,它提供了:

  • 布局管理器
  • 常見的默認動畫item操作,如刪除、添加項目

你可以在RecyclerView中靈活定義 布局管理器和動畫

201647154220295.jpg (1128×230)

要使用RecyclerView組件,您必須指定一個適配器和布局管理器。創建一個適配器,繼承RecyclerView.Adapter類。有關更多信息,請參見下面的例子。
RecyclerView并確定重用項目視圖時,布局管理器的利用item的方法,不再是對用戶可見。重用(或回收)視圖,布局管理器可能會問適配器,替換內容為不同的數據集的元素。回收view時,以這種方式來改進性能:避免創建不必要的view或執行消耗大的findViewById()查詢。

RecyclerView提供了如下管理器:

  • LinearLayoutManager  橫向或縱向的滾動列表
  • GridLayoutManager  網格列表
  • StaggeredGridLayoutManager  交錯的網格列表

要創建一個自定義布局管理器,需要繼承RecyclerView.LayoutManager類

動畫:
添加和刪除item的動畫,在RecyclerView默認啟用。定制這些動畫,需要繼承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 以優化性能      // 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);   }   ... } adapterpublic 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;   } } 

創建卡片
CardView繼承自FrameLayout,以卡片式顯示一致的外觀。它可以有陰影和圓角
創建一個有陰影的卡片,使用card_view:cardElevation屬性。

使用這些屬性來定制CardView組件的外觀:

  • 在你的布局設置圓角半徑,使用card_view:cardCornerRadius屬性
  • 在代碼中設置圓角半徑,使用CardView.setRadius方法
  • 設置卡片的背景顏色,使用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.+' } 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南涧| 兴文县| 肇庆市| 湖北省| 体育| 柳江县| 芦溪县| 营山县| 九龙城区| 宁化县| 衡东县| 剑阁县| 保定市| 如皋市| 巴林左旗| 乐都县| 牟定县| 崇信县| 电白县| 青河县| 龙山县| 阿勒泰市| 淮阳县| 剑河县| 华坪县| 四子王旗| 宜丰县| 那坡县| 太康县| 上蔡县| 白城市| 自贡市| 蒙山县| 阳谷县| 瑞金市| 班玛县| 酒泉市| 石阡县| 武乡县| 海门市| 安国市|