使用自定义ImageView,实现圆角功能,供大家参考,具体内容如下
1.自定义属性attrs.xml
1
2
3
4
5
6
7
8
9
10
|
<? xml version = "1.0" encoding = "utf-8" ?> < resources > < declare-styleable name = "RoundCornerImageView" > < attr name = "radius" format = "dimension" /> < attr name = "left_top_radius" format = "dimension" /> < attr name = "right_top_radius" format = "dimension" /> < attr name = "right_bottom_radius" format = "dimension" /> < attr name = "left_bottom_radius" format = "dimension" /> </ declare-styleable > </ resources > |
2.自定义RoundCornerImageView,继承AppCompatImageView
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
public class RoundCornerImageView extends AppCompatImageView { private float width, height; private int defaultRadius = 0 ; private int radius; private int leftTopRadius; private int rightTopRadius; private int rightBottomRadius; private int leftBottomRadius; public RoundCornerImageView(Context context) { this (context, null ); init(context, null ); } public RoundCornerImageView(Context context, AttributeSet attrs) { this (context, attrs, 0 ); init(context, attrs); } public RoundCornerImageView(Context context, AttributeSet attrs, int defStyleAttr) { super (context, attrs, defStyleAttr); init(context, attrs); } private void init(Context context, AttributeSet attrs) { if (Build.VERSION.SDK_INT < 18 ) { setLayerType(View.LAYER_TYPE_SOFTWARE, null ); } // 读取配置 TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.RoundCornerImageView); radius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_radius, defaultRadius); leftTopRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_left_top_radius, defaultRadius); rightTopRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_right_top_radius, defaultRadius); rightBottomRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_right_bottom_radius, defaultRadius); leftBottomRadius = array.getDimensionPixelOffset(R.styleable.RoundCornerImageView_left_bottom_radius, defaultRadius); //如果四个角的值没有设置,那么就使用通用的radius的值。 if (defaultRadius == leftTopRadius) { leftTopRadius = radius; } if (defaultRadius == rightTopRadius) { rightTopRadius = radius; } if (defaultRadius == rightBottomRadius) { rightBottomRadius = radius; } if (defaultRadius == leftBottomRadius) { leftBottomRadius = radius; } array.recycle(); } @Override protected void onLayout( boolean changed, int left, int top, int right, int bottom) { super .onLayout(changed, left, top, right, bottom); width = getWidth(); height = getHeight(); } @Override protected void onDraw(Canvas canvas) { //这里做下判断,只有图片的宽高大于设置的圆角距离的时候才进行裁剪 int maxLeft = Math.max(leftTopRadius, leftBottomRadius); int maxRight = Math.max(rightTopRadius, rightBottomRadius); int minWidth = maxLeft + maxRight; int maxTop = Math.max(leftTopRadius, rightTopRadius); int maxBottom = Math.max(leftBottomRadius, rightBottomRadius); int minHeight = maxTop + maxBottom; if (width >= minWidth && height > minHeight) { Path path = new Path(); //四个角:右上,右下,左下,左上 path.moveTo(leftTopRadius, 0 ); path.lineTo(width - rightTopRadius, 0 ); path.quadTo(width, 0 , width, rightTopRadius); path.lineTo(width, height - rightBottomRadius); path.quadTo(width, height, width - rightBottomRadius, height); path.lineTo(leftBottomRadius, height); path.quadTo( 0 , height, 0 , height - leftBottomRadius); path.lineTo( 0 , leftTopRadius); path.quadTo( 0 , 0 , leftTopRadius, 0 ); canvas.clipPath(path); } super .onDraw(canvas); } } |
3.布局文件中使用
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<? xml version = "1.0" encoding = "utf-8" ?> < LinearLayout 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 = "match_parent" android:orientation = "vertical" tools:context = "voicedemo.iflytek.com.roundimage.MainActivity" > < voicedemo.iflytek.com.roundimage.RoundCornerImageView android:id = "@+id/iv_avatar" android:layout_width = "100dp" android:layout_height = "100dp" android:layout_marginBottom = "10dp" android:layout_marginTop = "50dp" android:scaleType = "centerCrop" app:left_top_radius = "20dp" app:right_top_radius = "20dp" /> </ LinearLayout > |
4.调用
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
public class MainActivity extends AppCompatActivity { String avatarUrl = "19e9d4c0a8f1cd033ecac3692_th.jpg" ; @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main); ImageView ivAvatar = findViewById(R.id.iv_avatar); Glide.with( this ).load(avatarUrl).into(ivAvatar); } } |
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:https://blog.csdn.net/qq_26761229/article/details/83378938