android imageview 设置圆角

例图:

    

接下来就看一下具体的代码:

public class RoundAngleImageView extends ImageView {
    private Paint paint;
    /**
     * 个人理解是
     *
     * 这两个都是画圆的半径
     */
    private int roundWidth = 20;
    private int roundHeight = 20;
    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(), Bitmap.Config.ARGB_8888);
        Canvas canvas2 = new Canvas(bitmap);
        super.draw(canvas2);
        drawLiftUp(canvas2);
        drawLiftDown(canvas2);
        drawRightUp(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, 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);
    }
}
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.   
  4.     <declare-styleable name="RoundAngleImageView">  
  5.         <attr name="roundWidth" format="dimension" />  
  6.         <attr name="roundHeight" format="dimension" />  
  7.     </declare-styleable>  
  8.   
  9. </resources>  

然后在values下建个xml文件attribute.xml
<?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>  



直接调用即可。

有好多种方法可以实现,这只是其中一种,个人感觉这个比较简单,仅供大家参考。

嘿嘿。


  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: 可以通过以下步骤设置 Android ImageView圆角: 1. 创建一个 xml 文件,例如 "rounded_corner.xml",并将以下代码复制到文件中: ``` <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <corners android:radius="10dp" /> </shape> ``` 2. 在布局文件中,将 ImageView 的背景设置为刚才创建的 xml 文件: ``` <ImageView android:id="@+id/my_image_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/rounded_corner" android:src="@drawable/my_image" /> ``` 3. 如果需要在代码中设置圆角,可以使用以下代码: ``` ImageView imageView = findViewById(R.id.my_image_view); GradientDrawable drawable = (GradientDrawable) imageView.getBackground(); drawable.setCornerRadius(10f); ``` 其中,10f 是圆角的半径,可以根据需要进行调整。 ### 回答2: AndroidImageView是常用的一种控件,用于展示图片。在实际开发中,我们可能需要对ImageView进行一些特殊的样式设置,比如给一个ImageView设置圆角。下面是一些关于Android ImageView如何设置圆角的方法。 方法一:使用drawable实现圆角效果 我们可以将图片包裹在一个drawable里面,并使用该drawable设置ImageView的背景。因为可以对drawable进行裁剪,所以我们就可以通过在drawable里面设置圆角来实现ImageView圆角效果。 1.创建一个xml文件 drawable/round_corners.xml: ``` <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <corners android:radius="20dp"/> <solid android:color="@color/yourColor"/> </shape> ``` 其中,corners属性设置的就是圆角的大小,solid属性设置的就是要填充的颜色。 2.使用该drawable设置ImageView的背景: ``` <ImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/round_corners" android:scaleType="centerCrop" /> ``` 需要注意的是,这种方法对ImageView的背景进行裁剪,而不是对展示的图片进行裁剪,因此可能会出现图片被拉伸的问题。 方法二:使用BitmapShader实现圆角效果 我们也可以通过创建一个圆形bitmap并将其设置ImageView的背景来实现圆角效果。 1.创建一个自定义的CircleImageView类: ``` public class CircleImageView extends AppCompatImageView { private Paint mPaint; private BitmapShader mShader; private RectF mRectF; private float mRadius; public CircleImageView(Context context) { this(context, null); } public CircleImageView(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CircleImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); mPaint = new Paint(); mPaint.setAntiAlias(true); } /** * 重写onSizeChanged,在ImageView的大小改变时重新计算圆形的半径 */ @Override protected void onSizeChanged(int w, int h, int oldw, int oldh) { super.onSizeChanged(w, h, oldw, oldh); mRectF = new RectF(0, 0, w, h); mRadius = Math.min(w, h) / 2; mShader = new BitmapShader(drawableToBitmap(getDrawable()), Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); invalidate(); } /** * 重写onDraw,绘制圆形bitmap */ @Override protected void onDraw(Canvas canvas) { mPaint.setShader(mShader); canvas.drawRoundRect(mRectF, mRadius, mRadius, mPaint); } /** * 将Drawable转换为Bitmap */ private Bitmap drawableToBitmap(Drawable drawable) { if (drawable instanceof BitmapDrawable) { return ((BitmapDrawable) drawable).getBitmap(); } else if (drawable instanceof ColorDrawable) { Bitmap bitmap = Bitmap.createBitmap(1, 1, Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); canvas.drawColor(((ColorDrawable) drawable).getColor()); return bitmap; } else { throw new IllegalArgumentException("Unsupported drawable type"); } } } ``` 2.在布局文件中使用自定义的CircleImageView: ``` <your.package.name.CircleImageView android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/yourImage" android:scaleType="centerCrop" /> ``` 这种方法可以直接对图片进行裁剪,不会出现拉伸的问题。 综上所述,以上是两种常见的实现ImageView圆角的方法,读者可以根据实际需要选择合适的方法。 ### 回答3: 在Android中,我们可以使用ImageView来展示图片,有时候需要对图片进行圆角处理,这一过程涉及到几个步骤: 第一步,创建一个ShapeDrawable对象,用来实现圆角效果,代码如下: ShapeDrawable shapeDrawable = new ShapeDrawable(); shapeDrawable.setShape(new RoundRectShape(new float[]{ radius, radius, radius, radius, radius, radius, radius, radius }, null, null)); 其中,RoundRectShape的构造方法中传入一个float数组来指定每一个角的半径大小,这里都设置为radius。 第二步,使用BitmapDrawable将图片转换为Bitmap,并设置给ShapeDrawable的Drawable属性: Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image); BitmapDrawable bitmapDrawable = new BitmapDrawable(getResources(), bitmap); shapeDrawable.setDrawable(bitmapDrawable); 第三步,将我们创建的ShapeDrawable对象与ImageView关联起来: ImageView imageView = (ImageView) findViewById(R.id.imageView); imageView.setBackground(shapeDrawable); 这样,我们就完成了对ImageView进行圆角处理,具体实现过程如下: ``` ShapeDrawable shapeDrawable = new ShapeDrawable(); shapeDrawable.setShape(new RoundRectShape(new float[]{ radius, radius, radius, radius, radius, radius, radius, radius }, null, null)); Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image); BitmapDrawable bitmapDrawable = new BitmapDrawable(getResources(), bitmap); shapeDrawable.setDrawable(bitmapDrawable); ImageView imageView = (ImageView) findViewById(R.id.imageView); imageView.setBackground(shapeDrawable); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值