1 重写ImageView
public class RoundImageView extends AppCompatImageView { float width, height; private int defaultRadius = 0; private int radius; private int leftTopRadius; private int rightTopRadius; private int rightBottomRadius; private int leftBottomRadius; public RoundImageView(Context context) { this(context, null); init(context, null); } public RoundImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); init(context, attrs); } public RoundImageView(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.Custom_Round_Image_View); radius = array.getDimensionPixelOffset(R.styleable.Custom_Round_Image_View_radius, defaultRadius); leftTopRadius = array.getDimensionPixelOffset(R.styleable.Custom_Round_Image_View_left_top_radius, defaultRadius); rightTopRadius = array.getDimensionPixelOffset(R.styleable.Custom_Round_Image_View_right_top_radius, defaultRadius); rightBottomRadius = array.getDimensionPixelOffset(R.styleable.Custom_Round_Image_View_right_bottom_radius, defaultRadius); leftBottomRadius = array.getDimensionPixelOffset(R.styleable.Custom_Round_Image_View_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); }
2 运用所重写的ImageView
<ola.com.travel.views.RoundImageView android:layout_width="match_parent" android:layout_height="@dimen/x200" android:src="@mipmap/temp_infomation" android:scaleType="fitXY" android:layout_margin="@dimen/x3" roundiv:left_top_radius="5dp" roundiv:right_top_radius="5dp" />
3 添加所需要的样式
在attrs.xml 文件中添加如下
<declare-styleable name="Custom_Round_Image_View"> <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>
四个角都可以设置弧度,根据需求自己定义,值都在xml文件中