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

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

概述本文主要介绍CardView的使用,CardView是继承自FrameLayout,使用比较简单,只需要用CardView包含其他View就可以实现卡片效果了。

本文主要介绍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                    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控件(三)使用CardView实现卡片效果全部内容,希望文章能够帮你解决学习使用Material Design控件(三)使用CardView实现卡片效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1144952.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存