学习使用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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- 学习使用Material Design控件(二)使用DrawerLayout实现侧滑菜单栏效果
- 学习使用Material Design控件(一)
- 微信小程序之MaterialDesign--input组件详解
- Material Design系列之Behavior实现Android知乎首页
- Material Design系列之Behavior上滑显示返回顶部按钮
- Material Design系列之Behavior实现支付密码弹窗和商品属性选择效果
- Material Design系列之自定义Behavior支持所有View
- Android5.0中Material Design的新特性
- Android App仿QQ制作Material Design风格沉浸式状态栏
- 学习使用Material Design控件(四)Android实现标题栏自动缩放、放大效果
相关文章
Android Studio 视频播放失败 start called in state1 异常怎么解决
很多朋友问小编在使用MediaPlayer播放音频时报出 E/MediaPlayerNative: start called in state 1, mPlayer(0x0)问题,该如何处理呢,今天小编给大家带来了Android Studio 视频播放失败 start called in state1 异常问题,需要的朋友可以参考下2020-03-03
详谈Matrix中preTranslate()和postTranslate()的理解
这篇文章主要为大家详细介绍了Matrix中preTranslate()和postTranslate()的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-11-11
Android 中从屏幕左下角弹出Dialog动画效果的实现代码
这篇文章主要介绍了Android 中从屏幕左下角弹出Dialog动画效果的实现代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-12-12
Android2.3实现Android4.0风格EditText的方法
这篇文章主要介绍了Android2.3实现Android4.0风格EditText的方法,涉及Android界面布局及控件调用的相关技巧,需要的朋友可以参考下2016-03-03


最新评论