EasyClick 原生UI教程
讲师：Mr-老鬼，QQ：1156346325
EasyClick 原生UI教程电梯直达：
EasyClick 原生UI教程总纲
EasyClick 原生UI连载之 CardViwe 布局
CardView 是 Google 官方发布 MD 风格卡片布局控件，开发者可以很方便的使用它将布局做成卡片效果
效果图
属性详解
私有属性
具体设置效果看代码和上面的效果图。
公有属性参考：原生UI连载三
代码演示
<?xml version="1.0" encoding="UTF-8" ?>
<ScrollView xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:android="http://schemas.android.com/apk/res/android"
xsi:noNamespaceSchemaLocation="layout.xsd"
android:layout_height="match_parent"
android:layout_width="match_parent">
<LinearLayout android:layout_height="match_parent"
android:layout_width="match_parent"
android:orientation="vertical"
android:padding="20dp">
<CardView android:cardBackgroundColor="#aabbcc"
android:cardCornerRadius="30dp">
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="CardView演示1" />
<ImageView android:src="https://t7.baidu.com/it/u=1999592614,2777861859&fm=193&f=GIF"
android:layout_width="80dp"
android:layout_height="80dp"
android:scaleType="CENTER_CROP" />
</LinearLayout>
</CardView>
<CardView android:cardBackgroundColor="#FFFFF0"
android:cardCornerRadius="20dp">
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="CardView演示2" />
<ImageView android:src="https://t7.baidu.com/it/u=1928770808,2488987808&fm=193&f=GIF"
android:layout_width="80dp"
android:layout_height="80dp"
android:scaleType="CENTER_CROP" />
</LinearLayout>
</CardView>
<CardView android:cardCornerRadius="10dp">
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="CardView演示3" />
<ImageView android:src="https://t7.baidu.com/it/u=3527596838,2511254203&fm=193&f=GIF"
android:layout_width="80dp"
android:layout_height="80dp"
android:scaleType="CENTER_CROP" />
</LinearLayout>
</CardView>
<CardView android:cardCornerRadius="10dp">
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="CardView演示4" />
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<CheckBox android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="复选框1" />
<CheckBox android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="复选框2" />
<CheckBox android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="复选框3" />
</LinearLayout>
</LinearLayout>
</CardView>
<CardView android:cardCornerRadius="10dp">
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="CardView演示5" />
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="信息：" />
<EditText android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:hint="请输入内容" />
<CheckBox android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="确认" />
</LinearLayout>
</LinearLayout>
</CardView>
<CardView android:cardCornerRadius="10dp">
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="CardView演示6" />
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="信息：" />
<EditText android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:hint="请输入内容" />
<CheckBox android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="确认" />
</LinearLayout>
</LinearLayout>
</CardView>
<CardView android:cardCornerRadius="10dp">
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="20dp"
android:text="CardView演示7" />
<LinearLayout android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
<TextView android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="信息：" />
<EditText android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:hint="请输入内容" />
<CheckBox android:layout_width="wrap_parent"
android:layout_height="wrap_content"
android:text="确认" />
</LinearLayout>
</LinearLayout>
</CardView>
</LinearLayout>
</ScrollView>
我是Mr-老鬼、QQ1156346325 。交流QQ群：620028786,647082990
------------------------------------------------版权声明------------------------------------------------------
本文版权所有~Mr-老鬼 ~转载请注明原文地址
免责声明：本文所有的教程仅限交流学习使用不得用于违法用途，造成的法律后果本人不承担责任。
转载：https://blog.csdn.net/qq_21460781/article/details/115914440
查看评论