Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android CardView详解

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

投稿:lqh

这篇文章主要介绍了Android CardView详解及使用方法和实例的相关资料,这里附有实例代码及实现效果图,需要的朋友可以参考下

Android  CardView详解

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

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

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

样子是这样的:

或者你还可以放到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~~ 反正很简约美观就是啦~~

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

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

您可能感兴趣的文章:
阅读全文