1.先上效果图:
2.自定义ImageView类:
package com.lqq.demo;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PaintFlagsDrawFilter;
import android.graphics.Path;
import android.graphics.RectF;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;
import com.lqq.demo.R;
/**
*通过clipPath裁剪实现圆角ImageView
*
*/
public class RoundImageView1 extends ImageView {
private Path mPath;
private RectF mRectF;
/**
* 利用clip剪切的四个角半径,八个数据分别代表左上角(x轴半径,y轴半径),右上角(**),右下角(**),左下角(**)
*/
private float[] rids = new float[8];
private PaintFlagsDrawFilter paintFlagsDrawFilter;
private float radius_sf = 0.2f;
private float radius = 40;
public RoundImageView1(Context context) {
this(context, null,0);
}
public RoundImageView1(Context context, @Nullable AttributeSet attrs) {
this(context,attrs,0);
}
public RoundImageView1(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray array= context.obtainStyledAttributes(attrs, R.styleable.RoundImageView);
float t_radius = array.getDimension(R.styleable.RoundImageView_radius,0);
float t_radius_sf = array.getFloat(R.styleable.RoundImageView_radius_scale,0);
if(t_radius_sf > 0){//优先使用比例
radius_sf = t_radius_sf>0.5? 0.5f : t_radius_sf;
radius = 0;
}else if (t_radius > 0){
radius_sf = 0;
radius = t_radius;
} else {
radius_sf = 0.2f;
radius = 0;
}
// array.recycle();
mPath = new Path();
paintFlagsDrawFilter = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);
setLayerType(View.LAYER_TYPE_HARDWARE, null);
}
@Override
protected void onDraw(Canvas canvas) {
if (radius == 0){
int r = (int) (Math.min(getWidth(),getHeight()) * radius_sf);
for (int i=0; i<rids.length;i++){
rids[i] = r;
}
}else if (radius_sf == 0){
for (int i=0; i<rids.length;i++){
rids[i] = radius;
}
}else {
for (int i=0; i<rids.length;i++){
rids[i] = 0;
}
}
mPath.reset();
mPath.addRoundRect(mRectF, rids, Path.Direction.CW);
canvas.setDrawFilter(paintFlagsDrawFilter);
canvas.save();
canvas.clipPath(mPath);
super.onDraw(canvas);
canvas.restore();
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mRectF = new RectF( getPaddingLeft(), getPaddingTop(), w - getPaddingRight(), h - getPaddingBottom());
}
public void setRadius_sf(float radius_sf) {
this.radius_sf = radius_sf < 0? 0 : radius_sf;
this.radius = 0;
invalidate();
}
public void setRadius(int radius) {
this.radius = radius < 0? 0 : radius;
this.radius_sf = 0;
invalidate();
}
}
3.自定义RoundImageView1的属性文件代码:
<?xml version="1.0" encoding="utf-8"?>
<resources>
<attr name="radius" format="dimension"/>
<attr name="radius_scale" format="float"/>
<declare-styleable name="RoundImageView" >
<attr name="radius" />
<attr name="radius_scale" />
</declare-styleable>
</resources>
4.activity的布局文件代码:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.lqq.demo.RoundImageView1
android:layout_width="300dp"
android:layout_height="300dp"
android:src="@drawable/cat1"
android:scaleType="centerCrop"
app:radius_scale="0.0" //app:radius_scale app:radius 属性任选一个,两个同时存在的话,如果radius_scale的值大于0,该属性就生效,否则不生效
app:radius="50dp"
android:layout_gravity="center"
/>
</FrameLayout>