码迷,mamicode.com
首页 > 移动开发 > 详细

【Android - MD】之CardView的使用

时间:2016-12-22 15:00:42      阅读:320      评论:0      收藏:0      [点我收藏+]

标签:div   cardview   iss   tree   eve   nbsp   技术分享   ref   技术   

CardView是Android 5.0新特性——Material Design中的一个布局控件,可以通过属性设置显示一个圆角的类似卡片的视图。

 

1、CardView的属性:

app:cardCornerRadius:CardView的圆角大小
        app:cardElevation:CardView的阴影大小
        app:cardMaxElevation:CardView最大阴影大小
        app:cardPreventCornerOverlap:CardView中的内容是否和圆角重叠,true为不重叠
        注:如果CardView中有一张填充布局的图片,则如果不设置cardPreventCornerOverlap为true的话,图片的四个角
            会延伸到CardView的圆角之外

 

2、演示代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="200.0dip"
        android:layout_margin="20.0dip"
        app:cardCornerRadius="10.0dip"
        app:cardElevation="5.0dip"
        app:cardMaxElevation="15.0dip"
        app:cardPreventCornerOverlap="true">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:contentDescription="@string/app_name"
            android:scaleType="centerCrop"
            android:src="@mipmap/bg" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="THIS IS A CARDVIEW"
            android:textColor="#FFFFFFFF"
            android:textSize="24.0sp"
            android:textStyle="bold" />
    </android.support.v7.widget.CardView>

</RelativeLayout>

 

运行结果如图所示:

技术分享

 

以上就是对CardView简单使用方法的介绍,下面贴出码云上的源码,供大家参考。

DEMO地址

【Android - MD】之CardView的使用

标签:div   cardview   iss   tree   eve   nbsp   技术分享   ref   技术   

原文地址:http://www.cnblogs.com/itgungnir/p/6210768.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!