欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android CardView详解及使用方法和实例

程序员文章站 2024-02-26 16:27:28
android  cardview详解 android5.0中向我们介绍了一个全新的控件–cardview,从本质上看,可以将cardview看做是framel...

android  cardview详解

android5.0中向我们介绍了一个全新的控件–cardview,从本质上看,可以将cardview看做是framelayout在自身之上添加了圆角和阴影效果。请注意:cardview被包装为一种布局,并且经常在listview和recyclerview的item布局中,作为一种容器使用。

发现个好看的东东 cardview,他在support v7包中~~

顾名思义就是卡片view,可以设置阴影,圆角,等等。。

样子是这样的:

Android  CardView详解及使用方法和实例

或者你还可以放到listview里 是这样的:

怎么使用

其次介绍一下它的基本属性:

app:cardbackgroundcolor这是设置背景颜色
app:cardcornerradius这是设置圆角大小
app:cardelevation这是设置z轴的阴影
app:cardmaxelevation这是设置z轴的最大高度值
app:cardusecompatpadding是否使用compatpadding
app:cardpreventcorneroverlap是否使用preventcorneroverlap
app:contentpadding 设置内容的padding
app:contentpaddingleft 设置内容的左padding
app:contentpaddingtop 设置内容的上padding
app:contentpaddingright 设置内容的右padding
app:contentpaddingbottom 设置内容的底padding

在xml文件中 加入一个cardview

 <android.support.v7.widget.cardview xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="200dp"
    android:layout_height="wrap_content"
    <--!设置cardview的背景色-->
    card_view:cardbackgroundcolor="#303069"

    <--!设置cardview的半径-->
    card_view:cardcornerradius="10dp"
    card_view:cardpreventcorneroverlap="true"
    card_view:cardusecompatpadding="true"

    <--!设置cardview的padding-->
    card_view:contentpadding="10dp">
    <textview
      android:text="我是cardview"

      android:textcolor="#fff"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />

  </android.support.v7.widget.cardview>

里面可以包裹内容,通过观察源码我们发现,cardview其实是一个framelayout,所以使用方式跟framelayout相同

public class cardview extends framelayout implements cardviewdelegate {
}

或者你也可以用于listview~~ 反正很简约美观就是啦~~

Android  CardView详解及使用方法和实例

以后再遇到什么圆角的需求,就可以用这个完成,而不是什么porterduffxfermode了~~

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!