CardView的详细使用

转载 2018年04月16日 17:15:42
 

CardView的详细使用

标签: cardView 阴影圆角卡片 Elevation
4294人阅读 评论(0) 收藏 举报
 分类:
android(110) 

CardView是android5. 0出现的,效果类似于带有阴影边框的圆角卡片。可以把它看成FrameLayout,这样使用起来就清晰了很多吧。它既可以独立使用也可以是ListView、GradView、RecyclerView等的item布局。

一、使用它要现在build.gradle中添加依赖

 compile 'com.android.support:cardview-v7:23.4.0'
  • 1

二、接下来就放心大胆的使用吧

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    card_view:cardElevation="3dp"
    card_view:cardCornerRadius = "9dp"
    android:clickable="true"
    android:foreground="?android:attr/selectableItemBackground"
    tools:context="com.example.ws.scrollcviewrerurntop.CardViewActivity"
    card_view:cardBackgroundColor="#ff0000"
    card_view:contentPadding ="10dp">

    <!--你要显示的布局,一个控件或者一个其他的布局-->
    <LinearLayout/>
    ……
    </LinearLayout>

</android.support.v7.widget.CardView>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

三、接下来简单说一下CardView的属性

> 1、android:cardCornerRadius 在xml文件中设置card圆角的大小 

> 2、CardView.setRadius在代码中设置card圆角的大小 

> 3、android:cardBackgroundColor 在xml文件中设置card背景颜色

> 4、android:elevation 在xml文件中设置阴影的大小 

> 5、card_view:cardElevation在xml文件中设置阴影的大小 

> 6、card_view:cardMaxElevation 在xml文件中设置阴影最大高度

> 7、card_view:cardCornerRadius 在xml文件中设置卡片的圆角大小

> 8、card_view:contentPadding 在xml文件中设置卡片内容于边距的间隔

> 9、card_view:contentPaddingBottom 在xml文件中设置卡片内容于下边距的间隔

> 10、card_view:contentPaddingTop 在xml文件中设置卡片内容于上边距的间隔

> 11、card_view:contentPaddingLeft 在xml文件中设置卡片内容于左边距的间隔

> 12、card_view:contentPaddingRight 在xml文件中设置卡片内容于右边距的间隔

> 13、card_view:contentPaddingStart 在xml文件中设置卡片内容于边距的间隔起始

> 14、card_view:contentPaddingEnd 在xml文件中设置卡片内容于边距的间隔终止

> 15、card_view:cardUseCompatPadding 在xml文件中设置内边距,V21+的版本和之前的版本仍旧具有一样的计算方式

> 16、card_view:cardPreventConrerOverlap 在xml文件中设置内边距,在V20和之前的版本中添加内边距,这个属性为了防止内容和边角的重叠
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31

四、波纹点击效果

默认情况,CardView是不可点击的,并且没有任何的触摸反馈效果。触摸反馈动画在用户点击CardView时可以给用户以视觉上的反馈。 
实现这种行为,需要提供一下属性:android:clickable和android:foreground。

android:clickable="true"
android:foreground="?android:attr/selectableItemBackground"
  • 1
  • 2

五、对更早的版本的支持

在AndroidL之前的设备上,CardView为了支持圆角的效果加上了padding,圆角剪裁操作可以算是很昂贵的操作。相似的,对阴影效果来说,在AndroidL之前,也会提供padding去绘制阴影面积,这些内容的padding是和elevation属性相关的,按照文档:

padding值为:

左右两边的值为:maxCardElevation + (1 - cos45) * cornerRadius 
上下两边的值为:maxCardElevation * 1.5 + (1 - cos45) * cornerRadius

因此,如果你需要给自己的内容加上padding的话,需要使用新的属性:card_view:contentPadding

相似的,如果改变CardView的背景,也需要使用新的属性:card_view:cardBackgroundColor

mongodb详细入门教程

从零基础开始讲解mongodb基础知识,一步步引导,直到学会mongodb的基本使用和内部原理;
  • 2017年11月13日 23:04

Android CardView的常用属性

CardView的相关属性用法和效果。
  • qq_25184739
  • qq_25184739
  • 2017-04-15 00:41:52
  • 749

快速讲解CardView的使用

CardView和RecyclerView一样是Android5.0以后新出现的控件,伴随着Material Design设计而诞生。 一、引入CardView    在AS新建项目中需要使用Card...
  • u011150924
  • u011150924
  • 2017-04-12 17:07:20
  • 2881

CardView的具体使用方法

CardView的用法
  • Javacainiao931121
  • Javacainiao931121
  • 2016-06-20 15:04:00
  • 50506

【FastDev4Android框架开发】CardView完全解析与RecyclerView结合使用(三十二)

(一).前言:            作为Android L开始,Google更新的除了RecyclerView之外的另一控件就是CardView,其中Google官方应用Google Now就采用了...
  • jiangqq781931404
  • jiangqq781931404
  • 2015-11-23 20:50:48
  • 15470

Android5.0之CardView的使用

CardView也是一个非常炫酷的控件,一般我们将CardView配合RecyclerView来使用,当然,CardView也可以配合ListView来使用,都是可以的。OK,我们先来看一张CardV...
  • u012702547
  • u012702547
  • 2016-04-30 17:24:51
  • 9334

Android CardView使用详解

转至:http://www.w2bc.com/Article/36229 Android5.0中向我们介绍了一个全新的控件–CardView,从本质上看,可以将CardView看做是...
  • h183288132
  • h183288132
  • 2016-01-16 19:27:06
  • 3211

CardView的常用属性

引言:最近在项目中需要用到类似CardView的效果,既然这样为什么不直接用CardView呢?CardView是v7包widget下的一个控件,自带圆角和阴影,是我本人非常喜欢的效果。之前在项目中使...
  • qq496380369
  • qq496380369
  • 2016-04-23 16:05:57
  • 5765

Android CardView全解析(一)

**前言:前面写了一博客 Android订单流程view(超简单!) 其中用到了(CardView),之前也用过,很爽!!所以对于CardView其实很早就想去研究一下它了,于是就有了这篇博客了,写...
  • vv_bug
  • vv_bug
  • 2017-04-01 18:03:54
  • 2442

利用CardView,使Picasso加载圆角图片

一、去除CardView的阴影 参考博客:http://blog.csdn.net/aheeyiqi/article/details/51064454 正如CardView的阴影属性,绝大...
  • yypccc
  • yypccc
  • 2017-03-08 15:37:36
  • 664
收藏助手
不良信息举报
您举报文章:CardView的详细使用
举报原因:
原因补充:

(最多只允许输入30个字)