视图记录笔记--CardView,ShapeableImageView

最新推荐文章于 2023-01-21 00:21:26 发布
最新推荐文章于 2023-01-21 00:21:26 发布
阅读量1.4k 收藏
点赞数
文章标签： java android android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42555003/article/details/121660149
版权

目录

androidx.cardview.widget.CardView

com.google.android.material.imageview.ShapeableImageView

小结

androidx.cardview.widget.CardView

app:cardBackgroundColor -- 背景
app:cardCornerRadius -- 边缘弧度数
app:cardCornerRadius -- 阴影高度
app:contentPadding-- 卡片边界距离内部的距离
app:contentPaddingLeft -- 卡片边界距离左边的距离
app:contentPaddingTop -- 卡片边界距离顶边的距离
app:contentPaddingRight -- 卡片边界距离右边的距离
app:contentPaddingBottom -- 卡片边界距离底边的距离

com.google.android.material.imageview.ShapeableImageView

app:strokeColor="#88EF0606" ---描边颜色
app:strokeWidth="15dp" ---描边宽度
app:shapeAppearanceOverlay="@style/roundedCornerImageStyle"---形状，style样式

详细介绍链接---Material组件之ShapeableImageView的使用https://blog.csdn.net/baidu_34587520/article/details/108992294https://blog.csdn.net/baidu_34587520/article/details/108992294

小结

这两个控件无法使用


                

        

        

    

  


    

      

        

            

              
                
                  葬￡沙№
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
快速讲解CardView的使用

				
			

			

				

					yangyang的博客
				

				

					04-12
					
					1万+
					
				

			

		

		

			
				
CardView和RecyclerView一样是Android5.0以后新出现的控件，伴随着Material Design设计而诞生。
一、引入CardView 
  在AS新建项目中需要使用CardView组件，和RecyclerView一样，需要在Gradle里面提前加入CardView的
包，直接在Gradle中加入：
  compile 'com.android.support:c

			
		

	



                

              
                



	

		

			

				
					
Android-LCardView-卡片布局可设置阴影颜色透明度圆角大小阴影宽度

				
			

			

				

					08-12
				

			

		

		

			
				
LCardView - 卡片布局，可设置阴影颜色，透明度，圆角大小，阴影宽度

			
		

	



                


  
              

                


	

		

			

				
					
CardView中图片适配自定义ImageView

				
			

			

				

					10-24
				

			

		

		

			
				
这个工具类是实现CardView实现在5.0以下适配的问题，

			
		

	





	

		

			

				
					
CardView轻松实现圆角卡片效果

					
热门推荐

				
			

			

				

					wangwo1991的博客
				

				

					08-19
					
					1万+
					
				

			

		

		

			
				
看到上面这个效果，就会想到让美工切一张圆角图片用imageview来实现，这也是一种实现的方式，实现起来也比较方便，且不用做什么兼容适配；其实android系统提供了CardView这个控件实现起来也很方便，同时还可以实现一些其他的效果。 
CardView是android5.0出现的一个Material Design风格的控件，extends FrameLayout，可以把它当做一个布局容器来使用

			
		

	



		

			
		



	

		

			

				
					
Android低版本 CardView和ImageView实现圆角质感按钮出现的诡异问题解决

				
			

			

				

					qq_44633692的博客
				

				

					04-21
					
					874
					
				

			

		

		

			
				
项目场景：
如果你想用CardView加ImageView做出一个带有质感的圆角按钮，但是Android11运行完美无瑕，可是切换到android7却发现漏洞百出，那么一下便是最佳解决方案


问题描述：
如图这是布局代码


这是Android11上运行的结果

这是android7运行的结果

原因分析：
在特大小下圆形CardView遭不住比它半径还大的cardCornerRadius属性这就导致了填充不满的问题

解决方案：
将其cardCornerRadius属性的值调整到layout_width

			
		

	





	

		

			

				
					
react-native-cardview：react-native的本机CardView（所有Android版本和iOS）

				
			

			

				

					02-05
				

			

		

		

			
				
React本机卡视图  与iOS和Android（棒棒糖和棒棒糖）兼容的Native CardView。 入门 $ npm install react-native-cardview --save # --- or --- $ yarn add react-native-cardview 大多是自动安装 $ react-native ...

			
		

	





	

		

			

				
					
android-support-v7-cardview.jar

				
			

			

				

					11-09
				

			

		

		

			
				
android-support-v7-cardview.jar

			
		

	





	

		

			

				
					
RecyclerView-and-CardView-example:带有 CardView 项目的 RecyclerView 列表

				
			

			

				

					07-04
				

			

		

		

			
				
在这个项目“RecyclerView-and-CardView-example”中，开发者使用了这两个组件来展示一个包含CardView卡片的列表。让我们深入探讨一下这两个组件以及它们如何协同工作。  `RecyclerView`是Android SDK中的一个视图...

			
		

	





	

		

			

				
					
RecyclerView-and-CardView-example-源码.rar

				
			

			

				

					10-10
				

			

		

		

			
				
在"RecyclerView-and-CardView-example-源码"中，我们可以预期看到以下关键部分：  1. **MainActivity**：这是应用的主入口点，通常会初始化 RecyclerView 并设置其布局管理器、适配器和项动画。  2. **RecyclerView...

			
		

	





	

		

			

				
					
android   园形ImageView  可以描边

				
			

			

				

					08-14
				

			

		

		

			
				
android   园形ImageView  可以描边,工程中使用，很方便。

			
		

	





	

		

			

				
					
CardView + ImageView 自定义圆角头像控件

				
			

			

				

					01-20
				

			

		

		

			
				
入门级CardView + ImageView实现圆角头像
在xml中直接使用CardView包裹ImageView实现，实现简单快捷适合不重复用到头像的情况；
    

自定义控件
//自定义属性
    float headRadius;       //设置圆角
    int headImage;          //设置头像图

headRadius设置为宽高的一半就是圆形头像了
package com.example.roundhead.custom;
import android.content.Context;
import android.content.res.Type

			
		

	





	

		

			

				
					
MaterialImageView-可设置阴影 、圆角的ImageView .zip

				
			

			

				

					09-24
				

			

		

		

			
				
小而美的MaterialImageView，可设置阴影 、圆角。官方说也带旋转和锯齿，很可惜我们有找到相应的属性。项目地址：https://github.com/zhaozhentao/MaterialImageView 效果图：如何使用：由于MaterialImageView是扩展了ImageView，支持ImageView的所有特性。<com.zzt.library.MaterialImageView
        android:src="@drawable/pic1"
        android:layout_width="320px"
        android:layout_height="480px" 
        app:radius_size="15"
        app:shadow_size="8"/>radius_size是设置图片圆角半径的大小。shadow_size设置图片周围阴影的宽度，是个Integer类型，最大为20。另外，还有个use_white_bg属性，boolean类型，设置是否使用白色背景。

			
		

	





	

		

			

				
					
圆形头像带描边的工具类

				
			

			

				

					chinaboyliusir的博客
				

				

					05-04
					
					2065
					
				

			

		

		

			
				
在开发APP时,有些应用会涉及个人中心之类，此时用户头像有部分会被设计成圆形来展示，一般来说头像生成是用户通过拍照或从相册里选择后再通过裁切而成。这个图片或存于APP或上传服务器，还有一种情况应用已经有web端而用户可能在web端已经上传了,在显示是通过BitmapFactory.decodeFile("文件路径")或BitmapFactory.decodeStream(InputStream)方

			
		

	





	

		

			

				
					
Android CardView 的使用

				
			

			

				

					博客已搬家，请访问新博客https://kswapd.cn，提供更好的阅读体验。
				

				

					05-27
					
					574
					
				

			

		

		

			
				
CardView
  CardView继承至FrameLayout类，可以在一个卡片布局中一致性的显示内容，卡片可以包含圆角和阴影。CardView是一个Layout，可以布局其他View。
CardView的 常用属性
card_view:cardElevation 阴影的大小
card_view:cardMaxElevation 阴影最大高度
card_view:cardBackgroundCo

			
		

	





	

		

			

				
					
CardView边框去除

				
			

			

				

					qq_51941912的博客
				

				

					12-24
					
					2112
					
				

			

		

		

			
				
app:cardElevation=“0dp”
去除CardView外部边界



			
		

	





	

		

			

				
					
ShapeableImageView的骚操作

				
			

			

				

					博客，是nsacer先森的
				

				

					07-01
					
					338
					
				

			

		

		

			
				
<com.google.android.material.imageview.ShapeableImageView
        android:id="@+id/ivCoverIndexItem"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:padding="4dp"
        app:shapeAppearance="@style/rectRound8Im.

			
		

	





	

		

			

				
					
android——卡片式布局

				
			

			

				

					weixin_30500105的博客
				

				

					09-05
					
					331
					
				

			

		

		

			
				
一、CardView

<android.support.v7.widget.CardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width=...

			
		

	





	

		

			

				
					
Android Material 新控件之更强大的CardView支持自定义边框 MaterialCardView(二)

				
			

			

				

					馒头
				

				

					11-12
					
					5402
					
				

			

		

		

			
				
前言

MaterialCardView提供了CardView的所有功能，但增加了一些自定义属性，使用起来更加方便实用。在Cardview 的基础上增加了 strokeColor strokeWidth 自定义边框等属性

一、MaterialCardView是什么？

MaterialCardView是提供了更多自定义属性的CardView

二、使用步骤

1.引入库

代码如下（示例）：


 implementation "com.google.android.materia...

			
		

	





	

		

			

				
					
[Android]Shape Drawable

					
最新发布

				
			

			

				

					weixin_63357306的博客
				

				

					01-21
					
					875
					
				

			

		

		

			
				
针对ring这个形状,有5个特殊的属性:android:innerRadius、android:thickness、android:immerRadiusRatio、android:thicknessRatio和android:useLevel,它们的含义如表所示。表示包含它的View的空白，有四个属性：android：left、android：top、android：right和android：bottom。android:width——描边的宽度,越大则shape的边缘线就会看起来越粗;

			
		

	





	

		

			

				
					
ViewPager结合CardView打造优雅卡片式UI设计

				
			

			

				

					
				

			

		

		

			
				
具体做法是在ViewPager的适配器中为每个页面创建一个CardView，并将相应的视图或布局放入CardView中。这样不仅实现了页面的滑动切换，还通过CardView增强了页面的视觉效果。在结合使用时，需要关注CardView的布局...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值