CardView实现卡片效果 学习使用Material Design控件(三)使用CardView实现卡片效果
贵公子 人气:0想了解学习使用Material Design控件(三)使用CardView实现卡片效果的相关内容吗,贵公子在本文为您仔细讲解CardView实现卡片效果的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:Material,Design,CardView,卡片,下面大家一起来学习吧。
本文主要介绍CardView的使用,CardView是继承自FrameLayout,使用比较简单,只需要用CardView包含其他View就可以实现卡片效果了。
实现效果如下:
加入依赖库
dependencies { …. compile 'com.android.support:cardview-v7:22.2.0' }
Layout布局
<android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" app:cardCornerRadius="10dp" app:cardElevation="10dp" android:layout_marginBottom="@dimen/card_margin" android:layout_marginLeft="@dimen/card_margin" android:layout_marginRight="@dimen/card_margin"> <LinearLayout style="@style/CardView.Content" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/book1" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:orientation="vertical"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="@string/book_title_1" android:textAppearance="@style/TextAppearance.AppCompat.Title" android:textColor="@color/primary_text" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="2dp" android:text="@string/book_description_1" android:textColor="@color/secondary_text" /> </LinearLayout> </LinearLayout> </android.support.v7.widget.CardView>
app:cardBackgroundColor 设置CardView背景颜色
app:cardCornerRadius 设置CardView圆角大小
app:cardElevation 设置CardView阴影高度
项目源码已发布到Github,以后慢慢加入其他控件的使用。
源码地址:MaterialDesignExample
加载全部内容