Material Design 入门(二)——CardView

原创 2016年08月29日 17:32:37

上一章我们分享了TextInputLayout和TextInputEditText的使用方法,比较简单,下面我们再来分享一个小控件CardView的用法。

1、CardView的介绍和属性

1)官方介绍:

java.lang.Object
   ↳ android.view.View

   ↳ android.view.ViewGroup


   ↳ android.widget.FrameLayout



   ↳ android.support.v7.widget.CardView

CardView是Android 5.0中新出的一个控件,从上面的继承结构树中可以看出它的父类是FrameLayout,其实CardView就是在FrameLayout的基础上添加了圆角和阴影的效果。它通常被用在ListView和RecyclerView中,作为他们的itemView出现。


2)CardView介绍:

  • CardView_cardBackgroundColor 设置背景色
  • CardView_cardCornerRadius 设置圆角大小
  • CardView_cardElevation 设置z轴阴影
  • CardView_cardMaxElevation 设置z轴最大高度值
  • CardView_cardUseCompatPadding 是否使用CompadPadding
  • CardView_cardPreventCornerOverlap 是否使用PreventCornerOverlap
  • CardView_contentPadding 内容的padding
  • CardView_contentPaddingLeft 内容的左padding
  • CardView_contentPaddingTop 内容的上padding
  • CardView_contentPaddingRight 内容的右padding
  • CardView_contentPaddingBottom 内容的底padding
补充:

card_view:cardUseCompatPadding 设置内边距,V21+的版本和之前的版本仍旧具有一样的计算方式

card_view:cardPreventConrerOverlap 在V20和之前的版本中添加内边距,这个属性为了防止内容和边角的重叠

上面是CardView的一些常用的属性,比较容易理解,直接上代码。

2、CardView的使用

1)添加CardView依赖库:

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

2)在xml中使用CardView:

<?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:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="5dp"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:clickable="true"
    app:cardCornerRadius="10dp"
    app:cardElevation="10dp">

    <LinearLayout
        style="@style/CardView.Content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/ivBook"
            android:layout_width="109dp"
            android:layout_height="135dp"
            android:src="@mipmap/ic_launcher"
            android:transitionName="书籍"/>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:orientation="vertical">

            <TextView
                android:id="@+id/tvTitle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textAppearance="@style/TextAppearance.AppCompat.Title"
                android:textColor="@android:color/darker_gray"/>

            <TextView
                android:id="@+id/tvDesc"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="2dp"
                android:text="描述"
                android:textColor="@android:color/darker_gray"/>
        </LinearLayout>

    </LinearLayout>

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

3)效果如图:


效果还是不错的,也比较简单,大家可以动手试一下,以后再有圆角的需求就不用那么麻烦了呢。推荐大家看下这篇文章 http://www.jianshu.com/p/20ba212a5f0c

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

android网络调试工具Stetho介绍

背景以前我们在开发过程中一直使用的是代理抓包的方法,来处理后端哥们在调试过程中的数据问题,但前段时间公司网络调整,代理不能用了,很是莫名奇妙。。。。没办法,只能另辟蹊径,在网上查找发现还真有一款很不错...

Android 必知必会-Android Splash 页秒开之细节处理

如果移动端访问不佳,请访问 –> Github版背景今天阅读了两篇 Android Splash 页秒开的文章,就上手试了试,效果确实不错,不过在使用过程中发现个小的问题,应用是发现在 Android...

Android必知必会-Stetho调试工具

一、背景 Stetho是 Facebook 出品的一个强大的 Android 调试工具,使用该工具你可以在 Chrome Developer Tools查看APP的布局, 网络请求(仅限使用Vol...

Android必知必会-App 常用图标尺寸规范汇总

内容持续更新中,更新日期:2016-08-111. 程序启动图标(icon launcher)放在mipmap-*dpi下,文件名为ic_launcher.png LDPI (Low Density ...

Android调试工具_ Stetho

Stetho是Facebook开源的一个Android平台调试工具。Stetho能实现在不root手机的情况下,通过Chrome查看App的布局,Sqlite,SharedPreference,Net...
  • xsl_bj
  • xsl_bj
  • 2015-08-05 09:40
  • 1900

OkHttp+Stetho+Chrome调试android网络访问

安卓网络调试一直是安卓网络模块开发的难题,不像web开发那样直接可以在浏览器上查看请求和响应信息 最近FaceBook发布的开源项目Stetho让安卓网络调试成为可能。 如下图所示: 、 ...

安卓调试神器-Stetho(Facebook出品)的使用

前言 Chrome的Developer Tools对于WEB开发者来讲几乎是一个神器,而Chrome Store里也有无奇不有的插件,如果Chrome能调安卓应用应该是一件美好的事,而Faceboo...

Android 必知必会 - EmptyView

关键词:GridView ListView EmptyView SwipeRefreshLayout在使用 GridView、ListView 时经常需要处理无数据的情况,给用户一些必要的提示。而 G...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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