（4.0.34）CardView的基本用法

最新推荐文章于 2024-05-18 17:23:33 发布
最新推荐文章于 2024-05-18 17:23:33 发布
阅读量628 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 4.0-android之基础控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fei20121106/article/details/54427008

引用

  • Gradle 依赖

    compile 'com.android.support:cardview-v7:23.2.0'

  • 主布局引用(可用于RecyclerView的item布局)

    <android.support.v7.widget.CardView
      android:id="@+id/cardview"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_margin="14dp"
      card_view:cardBackgroundColor="@color/colorAccent"
      card_view:cardCornerRadius="10dp"
      card_view:cardElevation="5dp"
      card_view:contentPadding="8dp">
      <!--子布局控件-->
</android.support.v7.widget.CardView>
  • Cardview继承自FrameLayout，所以子控件布局规则和FrameLayout的一样

CardView的常用属性

 

属性作用
card_view:cardElevation阴影的大小
card_view:cardMaxElevation阴影最大高度
card_view:cardBackgroundColor卡片的背景色
card_view:cardCornerRadius卡片的圆角大小
card_view:contentPadding卡片内容于边距的间隔
card_view:contentPaddingBottom卡片内容与底部的边距
card_view:contentPaddingTop卡片内容与顶部的边距
card_view:contentPaddingLeft卡片内容与左边的边距
card_view:contentPaddingRight卡片内容与右边的边距
card_view:contentPaddingStart卡片内容于边距的间隔起始
card_view:contentPaddingEnd卡片内容于边距的间隔终止
card_view:cardUseCompatPadding设置内边距，V21+的版本和之前的版本仍旧具有一样的计算方式
card_view:cardPreventConrerOverlap在V20和之前的版本中添加内边距，这个属性为了防止内容和边角的重叠

 

 

 

下面看效果： 
http://blog.youkuaiyun.com/javacainiao931121/article/details/51704672 
这是不加CardView是的效果的链接，如图： 
没有添加CardView的效果图片 
这是添加了CardView的效果图： 
这是添加了CardView的效果图

Android控件CardView用法
让每一个想学习编程的人，都能学会，都能看懂，看了都有收获!
05-10 221
CardView是Android开发中实现卡片式UI的理想选择，它简单易用且功能强大。通过合理使用CardView，可以快速构建出美观且符合Material Design规范的用户界面。
CardView解决5.0以下显示圆形异常问题
01-22
使用Android虚拟设备（AVD）或物理设备进行测试，覆盖从Android 4.0（API Level 14）到5.0之前的各个版本。 6. **优化性能：** 考虑到兼容性问题可能会影响性能，特别是在较旧的设备上。可以通过限制阴影大小、...
CardView使用详解
09-01
CardView是android5.0以后出来的view，可以很简单的实现圆角和阴影效果，结合RecyclerView，ListView和GridView一起使用效果非常不错；
安卓CardView使用
似霰的博客
05-18 6364
安卓CardView使用
CardView的基本使用、DrawerLayout 滑动菜单、Fragment
shuo277的博客
08-05 1790
1. Fragment是依赖于Activity的，不能独立存在。2. 一个Activity里可以有多个Fragment。3. 一个Fragment可以被多个Activity重用。4. Fragment有自己的生命周期，并能接收输入事件。5. 可以在Activity运行时动态地添加或删除Fragment。3.1.2 Fragment生命周期3.2 Fragment的静态加载静态加载--以标签的形式添加到Activity的布局当中。3.3 Fragment的动态使用。...
CardView的基本使用
qq_35698774的博客
08-19 2万+
CardView是用于实现卡片式布局效果的重要控件，实际上也是一个frameLayout,只是额外提供了圆角和阴影，看上去有立体效果。 效果如下： <?xml version="1.0" encoding="utf-8"?> <androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http:...
CardView的使用
tsliuch的专栏
01-18 310
以下内容转自：http://blog.csdn.net/kebi007/article/details/52820102 Cardview要引入support.v7兼容包,在nuget中可以进行引入，但编译仍可能出错，如“Download failed. Please download https://dl-ssl.google.com/android/repository/android_m2repository_r32.zip and put it to the...”，解决方法参见遇到过的异常中的“
深入解析Android CardView自定义实现
引入 CardView 的依赖和使用方法 为了在项目中使用 CardView，需要在项目的 `build.gradle` 文件中添加如下依赖： ```gradle dependencies { implementation 'com.android.support:appcompat-v7:28.0.0' } ``` ...
<?xml version="1.0" encoding="utf-8"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#FFFFFF"> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" tools:ignore="MissingConstraints"> <LinearLayout android:id="@+id/ll_content" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" tools:ignore="MissingConstraints"> <LinearLayout android:id="@+id/ll_label" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" tools:ignore="MissingConstraints"> <!-- 返回按钮 --> <ImageView android:id="@+id/btn_back" android:layout_width="40dp" android:layout_height="40dp" android:layout_marginStart="16dp" android:padding="8dp" android:src="@drawable/img_back" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" /> <!-- 分享按钮 --> <ImageView android:id="@+id/btn_share" android:layout_width="40dp" android:layout_height="40dp" android:layout_marginEnd="16dp" android:padding="8dp" android:src="@drawable/img_share" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintTop_toTopOf="parent" /> </LinearLayout> <LinearLayout android:id="@+id/ll_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <!-- 主图片 - 调整高度为0dp实现自适应 --> <ImageView android:id="@+id/image_main" android:layout_width="0dp" android:layout_height="0dp" android:layout_marginStart="8dp" android:layout_marginEnd="16dp" android:scaleType="centerCrop" android:src="@drawable/xiaomi" app:layout_constraintBottom_toTopOf="@+id/details_container" app:layout_constraintDimensionRatio="H,16:9" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toEndOf="@+id/phone_desc" app:layout_constraintTop_toBottomOf="@id/ll_label" /> <!-- 手机描述 - 移动到图片左侧 --> <LinearLayout android:id="@+id/phone_desc" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginStart="16dp" android:layout_marginTop="8dp" android:layout_marginBottom="8dp" android:orientation="vertical" app:layout_constraintBottom_toTopOf="@+id/details_container" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/ll_label"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="名称：" /> <TextView android:id="@+id/phone_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="小米14" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="价格：" /> <TextView android:id="@+id/phone_price" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="￥4399" /> </LinearLayout> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:id="@+id/spacs" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="规格：" /> <TextView android:id="@+id/phone_spacs" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="16G/256G" /> </LinearLayout> </LinearLayout> </LinearLayout> <!-- 详情内容容器 - 自适应屏幕宽度 --> <androidx.cardview.widget.CardView android:id="@+id/details_container" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="16dp" android:layout_marginTop="16dp" android:layout_marginEnd="16dp" android:layout_marginBottom="24dp" app:cardCornerRadius="8dp" app:cardElevation="4dp" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/image_main"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:padding="16dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="小米14 详细介绍" android:textSize="18sp" android:textStyle="bold" android:paddingBottom="8dp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="小米14搭载骁龙8 Gen3处理器，采用6.36英寸2K直屏，支持120Hz高刷新率，兼顾性能与续航。影像系统升级为5000万像素三摄，主摄使用索尼IMX900传感器，支持OIS光学防抖，拍照画质更上一层楼。" android:lineSpacingExtra="4sp" android:paddingBottom="12dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="产品特点" android:textSize="16sp" android:textStyle="bold" android:paddingTop="16dp" android:paddingBottom="4dp" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingBottom="8dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 性能：骁龙8 Gen3 + LPDDR5X + UFS 4.0，安兔兔跑分超200万" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 屏幕：6.36英寸华星光电C8直屏，2K分辨率，120Hz刷新率，2160Hz高频PWM调光" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 影像：5000万主摄(IMX900)+5000万超广角+5000万人像，OIS+EIS双防抖" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 续航：4610mAh电池+120W有线快充+50W无线快充，19分钟充满" android:paddingBottom="4dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="- 系统：MIUI 15基于Android 14，支持光子引擎，流畅度提升30%" /> </LinearLayout> </LinearLayout> </androidx.cardview.widget.CardView> </LinearLayout> </ScrollView> </androidx.constraintlayout.widget.ConstraintLayout>这样设计为什么图片加载不出来
最新发布
05-28
此外，引用[2]提到ConstraintLayout作为ViewGroup的子类，没有重载onDraw方法，这可能意味着布局本身的绘制机制不同，但不太可能直接影响图片加载，除非布局参数导致View不可见。 然后，我需要考虑用户可能遇到的...
安卓开发-一个Demo搞定30个控件.zip
11-18
每个控件都有其特定的属性、方法和事件，通过实践Demo，开发者可以更好地掌握它们的工作原理和使用场景。例如，可以通过OnClickListener监听按钮点击事件，用Adapter填充ListView，用WebView加载网页，用...
CardView的简单使用
06-13
CardView的简单使用
cardview使用
actionzxz的博客
09-10 360
今天使用cardview时，布局文件中报错error: No resource identifier found for attribute 'cardCornerRadius' in package XXXXXX，就是没有找到属性'cardCornerRadius' 对应的标识符。 （1）把android-support-v7-cardview.jar导入后任然出错， （2）打开sdk\ex...
CardView 使用
weixin_43800535的博客
02-11 693
Android5.0 CardView 属性设置
CardView的具体使用方法
热门推荐
菜鸟的博客
06-20 6万+
CardView的用法
CardView 的使用
ahubenkui的博客
07-16 247
1 在实际的开发中，对应阴影的效果或者单个卡片，我们喜欢使用cardView 这个控件 但是这个控件在使用的过程中要注意对于 5.0 + 版本的兼容 可以单独做处理 @SuppressLint("ViewConstructor") public class CustomCardView extends CardView { public CustomCardView(Context...
cardView的使用
liangtao2016的博客
04-20 452
CradView的属性和简单使用 文档上是这样介绍的： A FrameLayout with a rounded corner background and shadow. cradview是一个带圆角背景和阴影的framelayout。 CardView uses elevation property on Lollipop for shadows and falls back to a
CardView的基本使用（通俗易懂，满足最基本需求）
有一位姑娘在coding
05-23 1445
CardView是Android 5.0系统引入的控件，相当于FragmentLayout布局控件然后添加圆角及阴影的效果。本篇主要介绍圆角和阴影的使用，以及点击产生波纹效果。1、在AndroidStudio中使用激光CardView，需要在app对应的build.gradle中添加     compile 'com.android.support:cardview-v7:26.0.2'2、设置圆...
跨平台Xamarin.Forms CardView组件开发指南
资源摘要信息:"Xamarin.Forms-CardView是一个基于Xamarin.Forms框架的软件包，它允许开发者在Android、iOS和UWP（通用Windows平台）三大主流移动平台上创建卡片视图（CardView）。通过这个软件包，开发者能够以简洁...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值