当前位置: 首页 > 编程笔记 >

Android自定义圆角ImageView

史默
2023-03-14
本文向大家介绍Android自定义圆角ImageView,包括了Android自定义圆角ImageView的使用技巧和注意事项,需要的朋友参考一下

废话不多说了,直接给大家贴代码了。

java类如下:

import android.content.Context; 
import android.content.res.TypedArray; 
import android.graphics.Bitmap; 
import android.graphics.Bitmap.Config; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.graphics.Path; 
import android.graphics.PorterDuff; 
import android.graphics.PorterDuffXfermode; 
import android.graphics.RectF; 
import android.util.AttributeSet; 
import android.widget.ImageView; 
import cn.dotcreate.tt.R; 
public class RoundAngleImageView extends ImageView { 
private Paint paint; 
private int roundWidth = 5; 
private int roundHeight = 5; 
private Paint paint2; 
public RoundAngleImageView(Context context, AttributeSet attrs, int defStyle) { 
super(context, attrs, defStyle); 
init(context, attrs); 
} 
public RoundAngleImageView(Context context, AttributeSet attrs) { 
super(context, attrs); 
init(context, attrs); 
} 
public RoundAngleImageView(Context context) { 
super(context); 
init(context, null); 
} 
private void init(Context context, AttributeSet attrs) { 
if(attrs != null) { 
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RoundAngleImageView); 
roundWidth= a.getDimensionPixelSize(R.styleable.RoundAngleImageView_roundWidth, roundWidth); 
roundHeight= a.getDimensionPixelSize(R.styleable.RoundAngleImageView_roundHeight, roundHeight); 
}else { 
float density = context.getResources().getDisplayMetrics().density; 
roundWidth = (int) (roundWidth*density); 
roundHeight = (int) (roundHeight*density); 
} 
paint = new Paint(); 
paint.setColor(Color.WHITE); 
paint.setAntiAlias(true); 
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)); 
paint2 = new Paint(); 
paint2.setXfermode(null); 
} 
@Override 
public void draw(Canvas canvas) { 
Bitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(), Config.ARGB_8888); 
Canvas canvas2 = new Canvas(bitmap); 
super.draw(canvas2); 
drawLiftUp(canvas2); 
drawRightUp(canvas2); 
drawLiftDown(canvas2); 
drawRightDown(canvas2); 
canvas.drawBitmap(bitmap, 0, 0, paint2); 
bitmap.recycle(); 
} 
private void drawLiftUp(Canvas canvas) { 
Path path = new Path(); 
path.moveTo(0, roundHeight); 
path.lineTo(0, 0); 
path.lineTo(roundWidth, 0); 
path.arcTo(new RectF( 
0, 
0, 
roundWidth*2, 
roundHeight*2), 
-90, 
-90); 
path.close(); 
canvas.drawPath(path, paint); 
} 
private void drawLiftDown(Canvas canvas) { 
Path path = new Path(); 
path.moveTo(0, getHeight()-roundHeight); 
path.lineTo(0, getHeight()); 
path.lineTo(roundWidth, getHeight()); 
path.arcTo(new RectF( 
0, 
getHeight()-roundHeight*2, 
0+roundWidth*2, 
getHeight()), 
90, 
90); 
path.close(); 
canvas.drawPath(path, paint); 
} 
private void drawRightDown(Canvas canvas) { 
Path path = new Path(); 
path.moveTo(getWidth()-roundWidth, getHeight()); 
path.lineTo(getWidth(), getHeight()); 
path.lineTo(getWidth(), getHeight()-roundHeight); 
path.arcTo(new RectF( 
getWidth()-roundWidth*2, 
getHeight()-roundHeight*2, 
getWidth(), 
getHeight()), 0, 90); 
path.close(); 
canvas.drawPath(path, paint); 
} 
private void drawRightUp(Canvas canvas) { 
Path path = new Path(); 
path.moveTo(getWidth(), roundHeight); 
path.lineTo(getWidth(), 0); 
path.lineTo(getWidth()-roundWidth, 0); 
path.arcTo(new RectF( 
getWidth()-roundWidth*2, 
0, 
getWidth(), 
0+roundHeight*2), 
-90, 
90); 
path.close(); 
canvas.drawPath(path, paint); 
} 
} 

定义一个attr.xml的文件,放在values目录下面,内容如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="RoundAngleImageView">
<attr name="roundWidth" format="dimension" />
<attr name="roundHeight" format="dimension" />
</declare-styleable>
</resources>

使用示例如下:

先要声明属性的名字空间:

然后再写跟一般定义View一样:

<cn.dotcreate.tt.ui.RoundAngleImageView
android:id="@+id/headIV"
android:layout_width="75dp"
android:layout_height="75dp"
android:layout_centerVertical="true"
android:layout_marginLeft="2dp"
app:roundWidth="10dp"
app:roundHeight="10dp"
android:src="@drawable/default_head_icon" />

效果如图:

以上代码简单介绍了Android自定义圆角ImageView的相关知识,希望本文分享对大家有所帮助。

 类似资料:
  • 本文向大家介绍Android自定义控件之圆形、圆角ImageView,包括了Android自定义控件之圆形、圆角ImageView的使用技巧和注意事项,需要的朋友参考一下 一、问题在哪里? 问题来源于app开发中一个很常见的场景——用户头像要展示成圆的:  二、怎么搞? 机智的我,第一想法就是,切一张中间圆形透明、四周与底色相同、尺寸与头像相同的蒙板图片,盖在头像上不就完事了嘛,哈哈哈! 在背景纯

  • 本文向大家介绍android自定义imageview实现圆角图片,包括了android自定义imageview实现圆角图片的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了android自定义imageview实现圆角图片的具体代码,供大家参考,具体内容如下 自定义图片的属性,对图片进行圆角切割 实现效果图: (1)在activity_main.xml文件布局,非常简单 2.1注意添加

  • 本文向大家介绍Android自定义控件之圆形/圆角的实现代码,包括了Android自定义控件之圆形/圆角的实现代码的使用技巧和注意事项,需要的朋友参考一下 一、问题在哪里? 问题来源于app开发中一个很常见的场景——用户头像要展示成圆的:  二、怎么搞? 机智的我,第一想法就是,切一张中间圆形透明、四周与底色相同、尺寸与头像相同的蒙板图片,盖在头像上不就完事了嘛,哈哈哈! 在背景纯色的前提下,这的

  • 本文向大家介绍Android自定义水平进度条的圆角进度,包括了Android自定义水平进度条的圆角进度的使用技巧和注意事项,需要的朋友参考一下 平时项目中经常用到自定义进度条样式,我们一般实现的也是下面的第一种,至于第二种的圆角进度,网上介绍的资料也不是很多,这里一起展示一下这两种的实现。 下面开始看代码,先从主界面布局开始看起: 两个进度条布局,然后是不同的progressDrawable布局:

  • 本文向大家介绍Android实现自定义ImageView的圆角矩形图片效果,包括了Android实现自定义ImageView的圆角矩形图片效果的使用技巧和注意事项,需要的朋友参考一下 android中的ImageView只能显示矩形的图片,这样一来不能满足我们其他的需求,比如要显示圆角矩形的图片,这个时候,我们就需要自定义ImageView了,其原理就是首先获取到图片的Bitmap,然后进行裁剪对

  • 本文向大家介绍Android编程自定义圆角半透明Dialog的方法,包括了Android编程自定义圆角半透明Dialog的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android编程自定义圆角半透明Dialog的方法。分享给大家供大家参考,具体如下: 效果图如下: 只是在实例化的时候使用带样式的构造函数即可 在value文件夹中添加mydialogthemes.xml 其中@dr