Android Material设计中列表和卡片的创建方法解析

概述5.0提供了两个新的Widget，它们使用了MaterialDesign的style和animation：RecyclerView一个更可插拔式的ListView，它支持不同的布局类型，并且性能有了改进。（列表式）

5.0提供了两个新的Widget，它们使用了Material Design 的style和animation：

RecyclerVIEw 一个更可插拔式的ListVIEw，它支持不同的布局类型，并且性能有了改进。（列表式） CardVIEw 一个能让你在其内显示重要信息，并保持连贯的视觉和感觉的卡片。（卡片式）

它两位于 sdk/extras/androID/support/v7/cardvIEw 和 sdk/extras/androID/support/v7/RecyclerVIEw

创建列表
RecyclerVIEw组件是一个更先进和灵活的版本的列表视图。这个小部件是一个非常有效率的容器，通过有限的vIEws，可以滚动显示大型数据集。
RecyclerVIEw组件数据集合的元素，可在运行时根据用户 *** 作或网络事件进行改变。
RecyclerVIEw类简化了显示和处理大型数据集，它提供了:

布局管理器 常见的默认动画item *** 作，如删除、添加项目

你可以在RecyclerVIEw中灵活定义 布局管理器和动画

要使用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.+' } 

总结

以上是内存溢出为你收集整理的Android Material设计中列表和卡片的创建方法解析全部内容，希望文章能够帮你解决Android Material设计中列表和卡片的创建方法解析所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。