本文主要介绍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
本文作者: 阳春面
原文地址:http://www.aswifter.com/2015/06/28/Material-Design-Example-3/
欢迎关注我的微信公众号,分享Android 开发,IOS开发,Swift开发和互联网内容
微信号:APP开发者
<p>版权声明:本文为博主原创文章,未经博主允许不得转载。</p>