Android组件之CardView的基本使用

先上效果图(这里我结合了RecyclerView使用,有关RecyclerView的基本用法请看这里

这里写图片描述

CardView是v7包中的一个组件,颜值不错。而且根据谷歌的Material Design,CardView也是正房的地位。
CardView经常在ListView和RecyclerView的Item布局中作为容器使用。

1.导入依赖包

在build.gradle(Module:app)的dependencies中添加:

compile 'com.android.support:cardview-v7:22.2.1'

2.在XML中使用

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    <--!可点击-->
    android:clickable="true"
    <--!设置水纹点击效果,在旧版本则是一个变深/变亮的效果-->
    android:foreground="?attr/selectableItemBackground"
    <--!设置圆角-->
    app:cardCornerRadius="2dp"
    <--!设置高度-->
    app:cardElevation="5dp"
    app:contentPadding="10dp"
    app:cardUseCompatPadding="true"
    app:cardPreventCornerOverlap="true">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:id="@+id/textView"/>
</android.support.v7.widget.CardView>

基本属性

属性作用
app:cardBackgroundColor设置背景颜色
app:cardCornerRadius设置圆角大小
app:cardElevation设置z轴的阴影
app:cardMaxElevation设置z轴的最大高度值
app:cardUseCompatPadding是否使用CompatPadding(作用似乎是自动设置CardView的margin等属性)
app:cardPreventCornerOverlap是否使用PreventCornerOverlap()(使内容与圆角不重叠)
app:contentPadding设置内容的padding
app:contentPaddingLeft设置内容的左padding
app:contentPaddingTop设置内容的上padding
app:contentPaddingRight设置内容的右padding
app:contentPaddingBottom设置内容的底padding

总的来说,CardView使用还是很简单的,而且也是非常美观。你值得拥有。

源码在这里

参考:http://www.jianshu.com/p/33b1d21d6ba6
http://blog.csdn.net/javacainiao931121/article/details/51720807

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值