首页 > 系统 > Android > 正文

学习使用Material Design控件(三)使用CardView实现卡片效果

2019-12-12 02:22:55
字体:
来源:转载
供稿:网友

本文主要介绍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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表