Android Studio 构建圆形的ImageView

创建RoundImageView.java文件

public class RoundImageView extends AppCompatImageView {
    /**
     * 圆形模式
     */
    private static final int MODE_CIRCLE = 1;
    /**
     * 普通模式
     */
    private static final int MODE_NONE = 0;
    /**
     * 圆角模式
     */
    private static final int MODE_ROUND = 2;
    private Paint mPaint;
    private int currMode = 0;
    /**
     * 圆角半径
     */
    private int currRound = dp2px(10);

    public RoundImageView(Context context) {
        super(context);
        initViews();
    }

    public RoundImageView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        obtainStyledAttrs(context, attrs, defStyleAttr);
        initViews();
    }

    private void obtainStyledAttrs(Context context, AttributeSet attrs, int defStyleAttr) {
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.RoundImageView, defStyleAttr, 0);
        currMode = a.hasValue(R.styleable.RoundImageView_type) ? a.getInt(R.styleable.RoundImageView_type, MODE_NONE) : MODE_NONE;
        currRound = a.hasValue(R.styleable.RoundImageView_radius) ? a.getDimensionPixelSize(R.styleable.RoundImageView_radius, currRound) : currRound;
        a.recycle();
    }

    private void initViews() {
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        /**
         * 当模式为圆形模式的时候,我们强制让宽高一致
         */
        if (currMode == MODE_CIRCLE) {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            int result = Math.min(getMeasuredHeight(), getMeasuredWidth());
            setMeasuredDimension(result, result);
        } else {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        Drawable mDrawable = getDrawable();
        Matrix mDrawMatrix = getImageMatrix();
        if (mDrawable == null) {
            return; // couldn't resolve the URI
        }

        if (mDrawable.getIntrinsicWidth() == 0 || mDrawable.getIntrinsicHeight() == 0) {
            return;     // nothing to draw (empty bounds)
        }

        if (mDrawMatrix == null && getPaddingTop() == 0 && getPaddingLeft() == 0) {
            mDrawable.draw(canvas);
        } else {
            final int saveCount = canvas.getSaveCount();
            canvas.save();

            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
                if (getCropToPadding()) {
                    final int scrollX = getScrollX();
                    final int scrollY = getScrollY();
                    canvas.clipRect(scrollX + getPaddingLeft(), scrollY + getPaddingTop(),
                            scrollX + getRight() - getLeft() - getPaddingRight(),
                            scrollY + getBottom() - getTop() - getPaddingBottom());
                }
            }
            canvas.translate(getPaddingLeft(), getPaddingTop());
            if (currMode == MODE_CIRCLE) {//当为圆形模式的时候
                Bitmap bitmap = drawable2Bitmap(mDrawable);
                mPaint.setShader(new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));
                canvas.drawCircle(getWidth() / 2, getHeight() / 2, getWidth() / 2, mPaint);
            } else if (currMode == MODE_ROUND) {//当为圆角模式的时候
                Bitmap bitmap = drawable2Bitmap(mDrawable);
                mPaint.setShader(new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP));
                canvas.drawRoundRect(new RectF(getPaddingLeft(), getPaddingTop(), getWidth() - getPaddingRight(), getHeight() - getPaddingBottom()),
                        currRound, currRound, mPaint);
            } else {
                if (mDrawMatrix != null) {
                    canvas.concat(mDrawMatrix);
                }
                mDrawable.draw(canvas);
            }
            canvas.restoreToCount(saveCount);
        }
    }

    /**
     * drawable转换成bitmap
     */
    private Bitmap drawable2Bitmap(Drawable drawable) {
        if (drawable == null) {
            return null;
        }
        Bitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(bitmap);
        //根据传递的scaletype获取matrix对象,设置给bitmap
        Matrix matrix = getImageMatrix();
        if (matrix != null) {
            canvas.concat(matrix);
        }
        drawable.draw(canvas);
        return bitmap;
    }

    private int dp2px(float value) {
        return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, value, getResources().getDisplayMetrics());
    }
}

在values文件夹下创建attrs.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="RoundImageView">
        <attr name="type" format="enum">
            <enum name="circle" value="1"/>
            <enum name="round" value="2"/>
        </attr>
        <attr name="radius" format="dimension"/>ssss
    </declare-styleable>
</resources>

在布局文件中引用 

 
### 回答1: 要在Android Studio中创建一个圆形ImageView,可以使用以下步骤: 1. 在XML布局文件中添加一个ImageView元素,并设置其宽度和高度。 2. 在ImageView元素中添加一个圆形形状的背景,可以使用shape元素和corners属性来实现。 3. 在Java代码中获取ImageView元素,并使用BitmapFactory.decodeResource()方法加载要显示的图像。 4. 将加载的图像设置为ImageView的源。 5. 在Java代码中创建一个Bitmap对象,并使用Canvas和Paint类将其绘制成圆形。 6. 将绘制的Bitmap对象设置为ImageView的源。 以下是一个示例代码: XML布局文件: <ImageView android:id="@+id/imageView" android:layout_width="200dp" android:layout_height="200dp" android:background="@drawable/circle_shape"/> Java代码: ImageView imageView = findViewById(R.id.imageView); Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.image); Bitmap circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(circleBitmap); Paint paint = new Paint(); paint.setAntiAlias(true); canvas.drawCircle(bitmap.getWidth() / 2f, bitmap.getHeight() / 2f, bitmap.getWidth() / 2f, paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(bitmap, , , paint); imageView.setImageBitmap(circleBitmap); ### 回答2: Android Studio中的ImageView默认是矩形的,但如果我们需要展示圆形图,该怎么做呢? 方法一:使用第三方库CircleImageView CircleImageView是一个非常流行的第三方库,它只是一个自定义的ImageView类,可以将显示的图裁剪成圆形。 使用步骤如下: 1.在项目根目录的build.gradle文件中添加依赖: ``` dependencies { ... implementation 'de.hdodenhof:circleimageview:3.1.0' } ``` 2.在需要展示圆形图的布局文件中,将ImageView改为CircleImageView,并添加app:civ_border_width和app:civ_border_color属性来设置边框的宽度和颜色。 ``` <de.hdodenhof.circleimageview.CircleImageView android:id="@+id/image_view" android:layout_width="100dp" android:layout_height="100dp" android:src="@drawable/profile_image" app:civ_border_width="2dp" app:civ_border_color="#FF0000"/> ``` 方法二:在布局文件中使用自定义shape来实现圆形ImageView 1.在drawable文件夹下新建一个circle.xml来定义一个圆形的形状。 ``` <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#00000000"/> <stroke android:width="2dp" android:color="#FF0000"/> </shape> ``` 2.将ImageView的src属性设置为需要展示的图,并设置background属性为circle.xml. ``` <ImageView android:id="@+id/image_view" android:layout_width="100dp" android:layout_height="100dp" android:src="@drawable/profile_image" android:background="@drawable/circle"/> ``` 以上两种方法都能很好的实现ImageView圆形显示效果,根据具体情况选择即可。 ### 回答3: 在Android Studio中,我们可以使用ImageView控件显示图ImageView默认是矩形的,并不像我们常见的圆形。但是,我们可以使用一些技巧来将ImageView变成圆形。 一种方法是使用圆形图。我们可以在图编辑软件中将矩形的图裁剪成圆形,然后将该图设置到ImageView中即可。具体步骤如下: 1. 打开图编辑软件,并选择需要裁剪成圆形的图。 2. 在软件中找到“圆形裁剪”或“椭圆裁剪”等相关选项。 3. 将图裁剪成圆形,并保存到项目的资源文件夹中。 4. 在布局文件中使用ImageView控件,并设置src属性为圆形的图资源。 另一种方法是在ImageView上叠加一个圆形的遮罩。具体步骤如下: 1. 在项目的drawable文件夹中创建一个圆形的shape文件(比如circle.xml)。 2. 在shape文件中定义一个圆形,可以设置填充色或边框等属性。 3. 在布局文件中使用ImageView控件,并设置src属性为需要显示的图资源。 4. 在ImageView控件上叠加一个圆形的遮罩,可以使用LayerDrawable或另一个ImageView控件实现。 5. 在Java代码中findViewById获取ImageView控件,并进行设置。 以上两种方法都可以实现将ImageView变成圆形的效果。需要注意的是,如果使用第一种方法,每次更换图都需要重新裁剪成圆形;如果使用第二种方法,需要在代码中完成遮罩的设置,相对来说更加灵活。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值