CardView完全解析与RecyclerView结合使用

最新推荐文章于 2020-03-18 11:40:38 发布
最新推荐文章于 2020-03-18 11:40:38 发布
阅读量8.1k 收藏 17
点赞数 4
分类专栏： android-studio

转载请标明出处：

http://blog.csdn.net/developer_jiangqq/article/details/50000733

本文出自:【江清清的博客】

(一).前言:   

        【好消息】个人网站已经上线运行,后面博客以及技术干货等精彩文章会同步更新，请大家关注收藏:http://www.lcode.org

        作为Android L开始，Google更新的除了RecyclerView之外的另一控件就是CardView，其中Google官方应用Google Now就采用了CardView控件，下面我们详细了解一下CardView和使用方法。

(二).基本介绍: 

          CardView继承自FrameLayout，可以让我们使用类似卡片布局来显示一致性效果的内容。同时卡片还可以包含圆角和阴影效果。CardView是一个Layout，同时在里边布局其他View控件。如果我们需要创建带有一个阴影效果的卡片，那么可以使用card_view:cardElevation属性。

在API21（Android L）等级以上拥有属性elevation，意为CardView的Z轴阴影，只有L平台有效。只能通过xml中的elevation属性指定；另外我们还可以使用以下的属性来自定义CardView布局:

使用card_view:cardCornerRadius来设置布局的圆角。同样可以使用代码如下的代码设置圆角:CardView.setRadius。对于卡片的背景可以使用card_view:cardBackgroundColor设置。

         CardView的其他属性以及作用如下:

card_view:cardElevation

阴影的大小

card_view:cardMaxElevation

阴影最大值

card_view:cardBackgroundCollor

卡片的背景色

card_view:cardCornerRadius

卡片的圆角大小

card_view:contentPadding

卡片内容与边距的间隔

card_view:contentPaddingBottom

卡片内容与底部的间隔

card_view:contentPaddingTop

卡片内容与顶部的间隔

card_view:contentPaddingLeft

卡片内容与左边的间隔

card_view:contentPaddingRight

卡片内容与右边的间隔

card_view:contentPaddingStart

 

card_view:contentPaddingEnd

 

(三).CardView组件引入:

        我们知道CardView组件是Android L开始引入，同时Google也做了兼容包在V7包里边了，具体我们来看一下项目存在的路径:

       使用Android Studio IDE进行开发的话，我们只需要进行dependencies引入依赖即可:

[html] view plain copy
print ?
  1. dependencies {  
  2.     compile fileTree(dir: ‘libs’, include:[‘*.jar’])  
  3.    …….  
  4.     compile’com.android.support:cardview-v7:23.1.1’  
  5. }  
dependencies {
    compile fileTree(dir: 'libs', include:['*.jar'])
   …….
    compile'com.android.support:cardview-v7:23.1.1'
}

(四).CardView基本使用:

         下面我们来具体来使用一下,根据上面的讲解我们知道CardView也是一个Layout，那么里边我们也可以加入其他布局，请看实例Demo布局文件,比较简单一看就会了:

[html] view plain copy
print ?
  1. <?xmlversionxmlversion=“1.0” encoding=“utf-8”?>  
  2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android=“http://schemas.android.com/apk/res/android”  
  3.    xmlns:card_view=“http://schemas.android.com/apk/res-auto”  
  4.     android:orientation=“vertical”  
  5.    android:layout_width=“match_parent”  
  6.    android:layout_height=“match_parent”>  
  7.     <includelayoutincludelayout=“@layout/common_top_bar_layout”/>  
  8.     <android.support.v7.widget.CardView  
  9.        android:layout_marginTop=“3dp”  
  10.        android:layout_marginLeft=“3dp”  
  11.        android:layout_marginRight=“3dp”  
  12.        android:id=“@+id/card_view_one”  
  13.        android:layout_gravity=“center”  
  14.        android:layout_width=“match_parent”  
  15.         android:layout_height=“100dp”  
  16.        card_view:cardCornerRadius=“5dp”>  
  17.         <TextView  
  18.            android:id=“@+id/info_text_one”  
  19.            android:text=“CardView1测试”  
  20.             android:textSize=“16sp”  
  21.             android:gravity=“center”  
  22.            android:layout_width=“match_parent”  
  23.            android:layout_height=“match_parent” />  
  24.     </android.support.v7.widget.CardView>  
  25.     <android.support.v7.widget.CardView  
  26.        android:layout_marginTop=“3dp”  
  27.        android:layout_marginLeft=“3dp”  
  28.        android:layout_marginRight=“3dp”  
  29.        android:id=“@+id/card_view_two”  
  30.        android:layout_gravity=“center”  
  31.        android:layout_width=“match_parent”  
  32.         android:layout_height=“100dp”  
  33.        card_view:cardCornerRadius=“5dp”  
  34.        card_view:cardBackgroundColor=“#FFE4B5”>  
  35.         <TextView  
  36.            android:id=“@+id/info_text_two”  
  37.            android:text=“CardView2测试”  
  38.             android:textSize=“16sp”  
  39.             android:gravity=“center”  
  40.            android:layout_width=“match_parent”  
  41.            android:layout_height=“match_parent” />  
  42.     </android.support.v7.widget.CardView>  
  43.     <android.support.v7.widget.CardView  
  44.        android:layout_marginTop=“3dp”  
  45.        android:layout_marginLeft=“3dp”  
  46.        android:layout_marginRight=“3dp”  
  47.        android:id=“@+id/card_view_three”  
  48.        android:layout_gravity=“center”  
  49.        android:layout_width=“match_parent”  
  50.         android:layout_height=“100dp”  
  51.        card_view:cardCornerRadius=“5dp”  
  52.        card_view:cardBackgroundColor=“#CAE1FF”>  
  53.         <TextView  
  54.            android:id=“@+id/info_text_three”  
  55.            android:text=“CardView3测试”  
  56.             android:textSize=“16sp”  
  57.             android:gravity=“center”  
  58.            android:layout_width=“match_parent”  
  59.            android:layout_height=“match_parent” />  
  60.     </android.support.v7.widget.CardView>  
  61.     <android.support.v7.widget.CardView  
  62.        android:layout_marginTop=“3dp”  
  63.        android:layout_marginLeft=“3dp”  
  64.        android:layout_marginRight=“3dp”  
  65.        android:id=“@+id/card_view_four”  
  66.        android:layout_gravity=“center”  
  67.        android:layout_width=“match_parent”  
  68.         android:layout_height=“100dp”  
  69.        card_view:cardCornerRadius=“5dp”  
  70.        card_view:cardBackgroundColor=“#7CCD7C”  
  71.         card_view:cardElevation=“5dp”  
  72.        card_view:cardMaxElevation=“5dp”>  
  73.         <TextView  
  74.            android:id=“@+id/info_text_four”  
  75.            android:text=“CardView4测试”  
  76.             android:textSize=“16sp”  
  77.             android:gravity=“center”  
  78.            android:layout_width=“match_parent”  
  79.            android:layout_height=“match_parent” />  
  80.     </android.support.v7.widget.CardView>  
  81. </LinearLayout>  
<?xmlversion="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
   android:layout_width="match_parent"
   android:layout_height="match_parent">
    <includelayout="@layout/common_top_bar_layout"/>
    <android.support.v7.widget.CardView
       android:layout_marginTop="3dp"
       android:layout_marginLeft="3dp"
       android:layout_marginRight="3dp"
       android:id="@+id/card_view_one"
       android:layout_gravity="center"
       android:layout_width="match_parent"
        android:layout_height="100dp"
       card_view:cardCornerRadius="5dp">
        <TextView
           android:id="@+id/info_text_one"
           android:text="CardView1测试"
            android:textSize="16sp"
            android:gravity="center"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
    <android.support.v7.widget.CardView
       android:layout_marginTop="3dp"
       android:layout_marginLeft="3dp"
       android:layout_marginRight="3dp"
       android:id="@+id/card_view_two"
       android:layout_gravity="center"
       android:layout_width="match_parent"
        android:layout_height="100dp"
       card_view:cardCornerRadius="5dp"
       card_view:cardBackgroundColor="#FFE4B5">
        <TextView
           android:id="@+id/info_text_two"
           android:text="CardView2测试"
            android:textSize="16sp"
            android:gravity="center"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
    <android.support.v7.widget.CardView
       android:layout_marginTop="3dp"
       android:layout_marginLeft="3dp"
       android:layout_marginRight="3dp"
       android:id="@+id/card_view_three"
       android:layout_gravity="center"
       android:layout_width="match_parent"
        android:layout_height="100dp"
       card_view:cardCornerRadius="5dp"
       card_view:cardBackgroundColor="#CAE1FF">
        <TextView
           android:id="@+id/info_text_three"
           android:text="CardView3测试"
            android:textSize="16sp"
            android:gravity="center"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
    <android.support.v7.widget.CardView
       android:layout_marginTop="3dp"
       android:layout_marginLeft="3dp"
       android:layout_marginRight="3dp"
       android:id="@+id/card_view_four"
       android:layout_gravity="center"
       android:layout_width="match_parent"
        android:layout_height="100dp"
       card_view:cardCornerRadius="5dp"
       card_view:cardBackgroundColor="#7CCD7C"
        card_view:cardElevation="5dp"
       card_view:cardMaxElevation="5dp">
        <TextView
           android:id="@+id/info_text_four"
           android:text="CardView4测试"
            android:textSize="16sp"
            android:gravity="center"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
</LinearLayout>

这边定义了四个CardView,同时设置了圆角以及相关背景颜色，其他第四个CardView还设置了阴影效果,具体运行效果如下:

(五).CardView结合RecyclerView:

          前面我们实现了RecyclerView实现列表功能了，现在我们把Item View采用CardView来实现,    

1.首先我们来看下Item 布局文件:

[html] view plain copy
print ?
  1. <?xmlversionxmlversion=“1.0” encoding=“utf-8”?>  
  2. <LinearLayoutxmlns:androidLinearLayoutxmlns:android=“http://schemas.android.com/apk/res/android”  
  3.    xmlns:card_view=“http://schemas.android.com/apk/res-auto”  
  4.     android:orientation=”vertical”android:layout_width=“match_parent”  
  5.    android:layout_height=“match_parent”>  
  6.     <android.support.v7.widget.CardView  
  7.        android:id=“@+id/item_cardview”  
  8.        android:layout_gravity=“center”  
  9.        android:layout_width=“match_parent”  
  10.         android:layout_height=“100dp”  
  11.        card_view:cardCornerRadius=“5dp”  
  12.        card_view:cardBackgroundColor=“#7CCD7C”  
  13.         card_view:cardElevation=“3dp”  
  14.        card_view:cardMaxElevation=“5dp”>  
  15.         <TextView  
  16.             android:id=“@+id/item_tv”  
  17.            android:text=“CardView测试”  
  18.             android:textSize=“16sp”  
  19.            android:textColor=“#FFFFFF”  
  20.             android:gravity=“center”  
  21.            android:layout_width=“match_parent”  
  22.            android:layout_height=“match_parent” />  
  23.     </android.support.v7.widget.CardView>  
  24. </LinearLayout>  
<?xmlversion="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"android:layout_width="match_parent"
   android:layout_height="match_parent">
    <android.support.v7.widget.CardView
       android:id="@+id/item_cardview"
       android:layout_gravity="center"
       android:layout_width="match_parent"
        android:layout_height="100dp"
       card_view:cardCornerRadius="5dp"
       card_view:cardBackgroundColor="#7CCD7C"
        card_view:cardElevation="3dp"
       card_view:cardMaxElevation="5dp">
        <TextView
            android:id="@+id/item_tv"
           android:text="CardView测试"
            android:textSize="16sp"
           android:textColor="#FFFFFF"
            android:gravity="center"
           android:layout_width="match_parent"
           android:layout_height="match_parent" />
    </android.support.v7.widget.CardView>
</LinearLayout>

 这个布局比较简单，定义一个CardView，内部包含了一个TextView。

2.自定义的Adapter如下,主要加载布局然后绑定数据:

[java] view plain copy
print ?
  1. packagecom.chinaztt.fda.test.CardView;  
  2. importandroid.content.Context;  
  3. importandroid.support.v7.widget.CardView;  
  4. importandroid.support.v7.widget.RecyclerView;  
  5. importandroid.text.Layout;  
  6. importandroid.view.LayoutInflater;  
  7. importandroid.view.View;  
  8. importandroid.view.ViewGroup;  
  9. importandroid.widget.TextView;  
  10. importcom.chinaztt.fda.entity.CardDataUtils;  
  11. importcom.chinaztt.fda.entity.CardViewBean;  
  12. importcom.chinaztt.fda.ui.R;  
  13. importjava.util.List;  
  14. /** 
  15.  * 当前类注释:CardView结合RecyclerView 自定义Adapter 
  16.  * 项目名：FastDev4Android 
  17.  * 包名：com.chinaztt.fda.test.CardView 
  18.  * 作者：江清清 on 15/11/23 19:41 
  19.  * 邮箱：jiangqqlmj@163.com 
  20.  * QQ： 781931404 
  21.  * 公司：江苏中天科技软件技术有限公司 
  22.  */  
  23. public class CardViewAdapter extends RecyclerView.Adapter<CardViewAdapter.ItemCardViewHolder>{  
  24.     private List<CardViewBean> beans;  
  25.     private LayoutInflater mInflater;  
  26.     private Context mContext;  
  27.     public CardViewAdapter(Context context){  
  28.         this.mContext=context;  
  29.         beans=CardDataUtils.getCardViewDatas();  
  30.         mInflater=LayoutInflater.from(context);  
  31.     }  
  32.     @Override  
  33.     public ItemCardViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
  34.         Viewview=mInflater.inflate(R.layout.item_cardview_layout,parent,false);  
  35.         return new ItemCardViewHolder(view);  
  36.     }  
  37.     @Override  
  38.     public void onBindViewHolder(ItemCardViewHolder holder, int position) {  
  39.        holder.item_cardview.setCardBackgroundColor(mContext.getResources().getColor(beans.get(position).getColor()));  
  40.        holder.item_tv.setText(beans.get(position).getTitle());  
  41.     }  
  42.     @Override  
  43.     public int getItemCount() {  
  44.         return beans.size();  
  45.     }  
  46.    
  47.     public static class ItemCardViewHolder extends RecyclerView.ViewHolder{  
  48.         private CardView item_cardview;  
  49.         private TextView item_tv;  
  50.         public ItemCardViewHolder(ViewitemView) {  
  51.             super(itemView);  
  52.            item_cardview=(CardView)itemView.findViewById(R.id.item_cardview);  
  53.            item_tv=(TextView)itemView.findViewById(R.id.item_tv);  
  54.    
  55.         }  
  56.     }  
  57. }  
packagecom.chinaztt.fda.test.CardView;
importandroid.content.Context;
importandroid.support.v7.widget.CardView;
importandroid.support.v7.widget.RecyclerView;
importandroid.text.Layout;
importandroid.view.LayoutInflater;
importandroid.view.View;
importandroid.view.ViewGroup;
importandroid.widget.TextView;
importcom.chinaztt.fda.entity.CardDataUtils;
importcom.chinaztt.fda.entity.CardViewBean;
importcom.chinaztt.fda.ui.R;
importjava.util.List;
/**
 * 当前类注释:CardView结合RecyclerView 自定义Adapter
 * 项目名：FastDev4Android
 * 包名：com.chinaztt.fda.test.CardView
 * 作者：江清清 on 15/11/23 19:41
 * 邮箱：jiangqqlmj@163.com
 * QQ： 781931404
 * 公司：江苏中天科技软件技术有限公司
 */
public class CardViewAdapter extends RecyclerView.Adapter<CardViewAdapter.ItemCardViewHolder>{
    private List<CardViewBean> beans;
    private LayoutInflater mInflater;
    private Context mContext;
    public CardViewAdapter(Context context){
        this.mContext=context;
        beans=CardDataUtils.getCardViewDatas();
        mInflater=LayoutInflater.from(context);
    }
    @Override
    public ItemCardViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        Viewview=mInflater.inflate(R.layout.item_cardview_layout,parent,false);
        return new ItemCardViewHolder(view);
    }
    @Override
    public void onBindViewHolder(ItemCardViewHolder holder, int position) {
       holder.item_cardview.setCardBackgroundColor(mContext.getResources().getColor(beans.get(position).getColor()));
       holder.item_tv.setText(beans.get(position).getTitle());
    }
    @Override
    public int getItemCount() {
        return beans.size();
    }

    public static class ItemCardViewHolder extends RecyclerView.ViewHolder{
        private CardView item_cardview;
        private TextView item_tv;
        public ItemCardViewHolder(ViewitemView) {
            super(itemView);
           item_cardview=(CardView)itemView.findViewById(R.id.item_cardview);
           item_tv=(TextView)itemView.findViewById(R.id.item_tv);

        }
    }
}

3.数据提供我这边采用一个类，在内边进行构造的:

[java] view plain copy
print ?
  1. public class CardDataUtils {  
  2.     public static List<CardViewBean> getCardViewDatas(){  
  3.         List<CardViewBean> beans=new ArrayList<CardViewBean>();  
  4.         int[] colors=newint[]{R.color.color_0,R.color.color_1,  
  5.                R.color.color_2,R.color.color_3,R.color.color_4,  
  6.                R.color.color_5,R.color.color_6,R.color.color_7,  
  7.                R.color.color_8,R.color.color_9,R.color.color_10,};  
  8.         for(int i=0;i<11;i++){  
  9.             beans.add(new CardViewBean(colors[i],“CardView测试Item”+i));  
  10.         }  
  11.         return beans;  
  12.     }  
  13. }  
public class CardDataUtils {
    public static List<CardViewBean> getCardViewDatas(){
        List<CardViewBean> beans=new ArrayList<CardViewBean>();
        int[] colors=newint[]{R.color.color_0,R.color.color_1,
               R.color.color_2,R.color.color_3,R.color.color_4,
               R.color.color_5,R.color.color_6,R.color.color_7,
               R.color.color_8,R.color.color_9,R.color.color_10,};
        for(int i=0;i<11;i++){
            beans.add(new CardViewBean(colors[i],"CardView测试Item"+i));
        }
        return beans;
    }
}

其中里面的11个颜色在,colors文件中定义了:

[html] view plain copy
print ?
  1. <!–cardView 实例中的颜色–>  
  2.    <color name=“color_0”>#FFF0F5</color>  
  3.    <color name=“color_1”>#FFE1FF</color>  
  4.    <color name=“color_2”>#E6E6FA</color>  
  5.    <color name=“color_3”>#C1FFC1</color>  
  6.    <color name=“color_4”>#B22222</color>  
  7.    <color name=“color_5”>#836FFF</color>  
  8.    <color name=“color_6”>#68228B</color>  
  9.    <color name=“color_7”>#5CACEE</color>  
  10.    <color name=“color_8”>#43CD80</color>  
  11.    <color name=“color_9”>#00EE00</color>  
  12.    <color name=“color_10”>#708090</color>  
 <!--cardView 实例中的颜色-->
    <color name="color_0">#FFF0F5</color>
    <color name="color_1">#FFE1FF</color>
    <color name="color_2">#E6E6FA</color>
    <color name="color_3">#C1FFC1</color>
    <color name="color_4">#B22222</color>
    <color name="color_5">#836FFF</color>
    <color name="color_6">#68228B</color>
    <color name="color_7">#5CACEE</color>
    <color name="color_8">#43CD80</color>
    <color name="color_9">#00EE00</color>
    <color name="color_10">#708090</color>

4.主布局文件的代码就不贴了，和以前一样，就是一个RecyclerView控件定义，然后主Activity使用方法代码如下:

[java] view plain copy
print ?
  1. packagecom.chinaztt.fda.test.CardView;  
  2.    
  3. importandroid.os.Bundle;  
  4. importandroid.support.v7.widget.LinearLayoutManager;  
  5. importandroid.support.v7.widget.OrientationHelper;  
  6. importandroid.support.v7.widget.RecyclerView;  
  7. importandroid.view.View;  
  8. importandroid.widget.LinearLayout;  
  9. importandroid.widget.TextView;  
  10.    
  11. importcom.chinaztt.fda.ui.R;  
  12. importcom.chinaztt.fda.ui.base.BaseActivity;  
  13.    
  14. /** 
  15.  * 当前类注释:CardView结合RecyclerView使用实例 
  16.  * 项目名：FastDev4Android 
  17.  * 包名：com.chinaztt.fda.test.CardView 
  18.  * 作者：江清清 on 15/11/23 19:34 
  19.  * 邮箱：jiangqqlmj@163.com 
  20.  * QQ： 781931404 
  21.  * 公司：江苏中天科技软件技术有限公司 
  22.  */  
  23. public class CardViewRecyclerActivity extends BaseActivity {  
  24.     private LinearLayout top_bar_linear_back;  
  25.     private TextView top_bar_title;  
  26.     private RecyclerView recycler_cardview;  
  27.     @Override  
  28.     protected void onCreate(BundlesavedInstanceState) {  
  29.         super.onCreate(savedInstanceState);  
  30.        setContentView(R.layout.card_view_recycler_layout);  
  31.        top_bar_linear_back=(LinearLayout)this.findViewById(R.id.top_bar_linear_back);  
  32.        top_bar_linear_back.setOnClickListener(new CustomOnClickListener());  
  33.        top_bar_title=(TextView)this.findViewById(R.id.top_bar_title);  
  34.        top_bar_title.setText(”CardView结合RecyclerView使用实例”);  
  35.    
  36.        recycler_cardview=(RecyclerView)this.findViewById(R.id.recycler_cardview);  
  37.         LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);  
  38.        linearLayoutManager.setOrientation(OrientationHelper.VERTICAL);  
  39.        recycler_cardview.setLayoutManager(linearLayoutManager);  
  40.         recycler_cardview.setAdapter(newCardViewAdapter(this));  
  41.     }  
  42.     class CustomOnClickListener implements View.OnClickListener{  
  43.         @Override  
  44.         public void onClick(View v) {  
  45.            CardViewRecyclerActivity.this.finish();  
  46.         }  
  47.     }  
  48. }  
packagecom.chinaztt.fda.test.CardView;

importandroid.os.Bundle;
importandroid.support.v7.widget.LinearLayoutManager;
importandroid.support.v7.widget.OrientationHelper;
importandroid.support.v7.widget.RecyclerView;
importandroid.view.View;
importandroid.widget.LinearLayout;
importandroid.widget.TextView;

importcom.chinaztt.fda.ui.R;
importcom.chinaztt.fda.ui.base.BaseActivity;

/**
 * 当前类注释:CardView结合RecyclerView使用实例
 * 项目名：FastDev4Android
 * 包名：com.chinaztt.fda.test.CardView
 * 作者：江清清 on 15/11/23 19:34
 * 邮箱：jiangqqlmj@163.com
 * QQ： 781931404
 * 公司：江苏中天科技软件技术有限公司
 */
public class CardViewRecyclerActivity extends BaseActivity {
    private LinearLayout top_bar_linear_back;
    private TextView top_bar_title;
    private RecyclerView recycler_cardview;
    @Override
    protected void onCreate(BundlesavedInstanceState) {
        super.onCreate(savedInstanceState);
       setContentView(R.layout.card_view_recycler_layout);
       top_bar_linear_back=(LinearLayout)this.findViewById(R.id.top_bar_linear_back);
       top_bar_linear_back.setOnClickListener(new CustomOnClickListener());
       top_bar_title=(TextView)this.findViewById(R.id.top_bar_title);
       top_bar_title.setText("CardView结合RecyclerView使用实例");

       recycler_cardview=(RecyclerView)this.findViewById(R.id.recycler_cardview);
        LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);
       linearLayoutManager.setOrientation(OrientationHelper.VERTICAL);
       recycler_cardview.setLayoutManager(linearLayoutManager);
        recycler_cardview.setAdapter(newCardViewAdapter(this));
    }
    class CustomOnClickListener implements View.OnClickListener{
        @Override
        public void onClick(View v) {
           CardViewRecyclerActivity.this.finish();
        }
    }
}

5.运行效果如下:

(六).最后总结

           今天我们对于CardView做了基本讲解以及相关使用方法，同时也通过与RecyclerView的结合让我们巩固CardView的使用。CardView控件整体比较简单，相信大家还是比较容易理解，以后的项目中大家就可以使用CardView控件了(例如在新闻列表功能中等)。

           本次具体实例注释过的全部代码已经上传到FastDev4Android项目中了。同时欢迎大家去Github站点进行clone或者下载浏览:

https://github.com/jiangqqlmj/FastDev4Android 同时欢迎大家star和fork整个开源快速开发框架项目~

           本人录制AA(Android Annotations)注入框架的视频教程已经上线了,欢迎大家前往观看。http://www.cniao5.com/course/10074

         

         

尊重原创，转载请注明：From Sky丶清（http://blog.csdn.net/developer_jiangqq） 侵权必究！

关注我的订阅号,每天分享移动开发技术(Android/IOS),项目管理以及博客文章!


关注我的微博，可以获得更多精彩内容

RecyclerView和CardView的使用以及注意
AboutJoke的博客
04-25 2786
转载请注明出处 作者：AboutJoke ( http://blog.csdn.net/u013200308 ) 原文链接：http://blog.csdn.net/u013200308/article/details/51168922 距离RecyclerView和CardView的出现已经很久了，网上也有很多关于这方面的博客。因为最近自己在项目中用到了Material Design设计
界面无小事(一): RecyclerView+CardView了解一下
Sean
04-01 1085
目录 前言 RecyclerView使用 CardView使用 RecyclerView.Adapter实现 给RecyclerView.Adapter添加点击事件 给CardView添加点击特效 为CardView添加更多内容 最后 前言 官方文档传送门 RecyclerView是Google推荐用来替代ListView的...
【FastDev4Android框架开发】CardView完全解析与RecyclerView结合使用(三十二)
热门推荐
江清清的专栏
11-23 1万+
(一).前言:            作为Android L开始，Google更新的除了RecyclerView之外的另一控件就是CardView，其中Google官方应用Google Now就采用了CardView控件，下面我们详细了解一下CardView和使用方法。(二).基本介绍:           CardView继承自FrameLayout，可以让我们使用类似卡片布局来显示一致性效果的
Android：RecyclerView与CardView控件基本使用，很干的干货！！
qq_28837549的博客
03-18 608
RecyclerView是一个Android 5.0推出的，是support-v7包中的新组件,它被用来代替ListView和GridView，并且能够实现瀑布流的布局，是个更加高级和灵活的控件，并且提供了更加高效的回收复用机制。 有RecyclerView还要什么listView，还要什么GridView？？ 官方使用说明：https://developer.android.google.cn/...
RecyclerView与CardView的使用
qq_36706379的博客
02-22 369
1.将RecyclerView与CardView导入Android Studio对于Android Studio导入比较简单，在build.gradle(Module:app)中添加如下代码:dependencies { compile fileTree(include: ['*.jar'], dir: 'libs') compile 'com.android.support:appcompat
Android 5.X 新特性：RecyclerView与CardView解析
4. **内嵌于RecyclerView**：CardView可以作为RecyclerView中的一个条目布局，与RecyclerView结合使用时，可以轻松实现具有material design风格的卡片列表效果。 ### 小结 在Android 5.X版本中，开发人员迎来了更加...
掌握Android开发：RecyclerView和CardView深入解析
RecyclerView与CardView的结合使用 在使用RecyclerView时，可以将CardView作为列表项的布局容器。具体步骤如下： - 定义一个CardView布局文件，为其设置适当的边距、背景颜色和阴影效果。 - 在RecyclerView的...
深入解析Android新组件RecyclerView与CardView
- 可以很容易地与 RecyclerView 结合使用，以展示列表中的每个项目作为一张卡片。 #### RecyclerView的使用方法 使用 RecyclerView，通常涉及以下几个关键步骤： 1. **在布局文件中添加RecyclerView组件：** ```...
深入理解CardView与RecyclerView在Android开发中的应用
将CardView与RecyclerView结合起来使用，可以创建出既美观又功能强大的用户界面。例如，在一个新闻应用中，可以使用RecyclerView来展示新闻列表，每个列表项则使用CardView来布局，让每个新闻条目都呈现出卡片状，...
深入解析Android5.0新特性：RecyclerView与CardView的高效应用
1. RecyclerView的定义与使用目的 RecyclerView是Android 5.0（API 级别 21）引入的一个新的布局管理器，用于替代早期的ListView和GridView等。它的主要优势在于提高性能和灵活性，尤其是在处理大量数据时，通过...
RecyclerView和CardView实现列表功能，用LeanCloud所存储的数据中填充RecyclerView
05-12
RecyclerView和CardView实现列表功能，用LeanCloud所存储的数据中填充RecyclerView
RecyclerView中嵌套CardView
08-04
在RecyclerView中嵌套CardView
Android开源框架之CardView实现3d卡片效果
11-11
Android开源框架之CardView实现3d卡片效果 [注：本内容来自网络，在此分享仅为帮助有需要的网友，如果侵犯了您的权利，麻烦联系我，我会第一时间删除，谢谢您。]
recyclerview和cardview的结合使用
03-08
这里面实现和基本的5.0的recyclerview和cardview实现展示的
android 新组件RecyclerView及CardView 使用详解
08-25
android 新组件RecyclerView及CardView 使用详解
RecyclerView和CardView结合使用
qq_40941027的博客
06-09 482
XML1:implementation ‘com.android.support:recyclerview-v7:28.0.0’ <android.support.v7.widget.RecyclerView android:layout_width="match_parent" android:layout_height="match_parent" andro...
Android RecyclerView与CardView的配合使用
ljp345775的博客
10-13 1239
首先 我要介绍，我是学习的鸿洋大神的博客，然后写的这个，有兴趣的可以看一下，大神介绍的很详细，连接如下： http://blog.csdn.net/lmj623565791/article/details/45059587 首先看一下效果图： 第一步：导入所需要的包 /*首先到导入这两个包*/ compile 'com.android.support:cardview-v7
学习RecyclerView和CardView
kayan19901的博客
06-24 642
之前在GitHub上看一些开源项目源码时，发现有这两个控件，貌似之前一直没有见到过，所以现在决定学习下。 先来看RecyclerView，RecyclerView 组件是一个更高级和伸缩性更强的 ListView，是Android Lollipop中的新widget，使用时和LIstView相比多了一个RecyclerView.LayoutManager，用来测量和定位Recycl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值