快捷導(dǎo)航

Android圓角設(shè)置方法看著一篇文章就夠了

更新時(shí)間：2023年02月09日 10:07:30 作者：~yportnE

我們?cè)趯?shí)際工作中,android經(jīng)常有需要實(shí)現(xiàn)圓角的場(chǎng)景,下面這篇文章主要給大家介紹了關(guān)于Android圓角設(shè)置方法的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì)需要的朋友可以參考下

方法1：Outline

getView(R.id.image_view_1).setClipToOutline(true);
getView(R.id.image_view_1).setOutlineProvider(new ViewOutlineProvider() {
    @Override
    public void getOutline(View view, Outline outline) {
        outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), radius);
    }
});

實(shí)現(xiàn)方法：

1）要設(shè)置圓角的View.setClipToOutline(true)

2）要設(shè)置圓角的View.setOutlineProvider(ViewOutlineProvider provider)

ViewOutlineProvider 只有1個(gè)抽象方法，通過Outline.setRoundRect設(shè)置圓角：

public abstract void getOutline(View view, Outline outline);

方法特點(diǎn)：

1）對(duì)View設(shè)置，可View、ViewGroup

2）對(duì)4個(gè)角同時(shí)設(shè)置，不能單獨(dú)設(shè)置單個(gè)角

方法2：CardView

        <androidx.cardview.widget.CardView
            android:layout_width="match_parent"
            android:layout_height="100dp"
            android:layout_marginTop="@dimen/dp_6"
            app:cardCornerRadius="@dimen/dp_24"
            app:cardElevation="0dp"
            app:cardUseCompatPadding="false">
 
            <ImageView
                android:id="@+id/image_view_2"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:src="#93D5DC"/>
 
        </androidx.cardview.widget.CardView>

實(shí)現(xiàn)方法：

1）對(duì)需要設(shè)置圓角的View，使用CardView包裹

2）對(duì)CardView設(shè)置，設(shè)置圓角、去除陰影和padding

app:cardCornerRadius="@dimen/dp_24"
app:cardElevation="0dp"
app:cardUseCompatPadding="false"

方法特點(diǎn)：

1）對(duì)View設(shè)置，可View、ViewGroup

2）對(duì)4個(gè)角同時(shí)設(shè)置，不能單獨(dú)設(shè)置單個(gè)角

方法3：自定義Drawable

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="@dimen/dp_24"/>
    <solid android:color="#2A5CAA"/>
</shape>

實(shí)現(xiàn)方法：

1）自定義shape，設(shè)置radius

<corners android:radius="@dimen/dp_24"/>

方法特點(diǎn)：

1）對(duì)生成的圖片進(jìn)行設(shè)置

2）可對(duì)4角同時(shí)設(shè)置，也可對(duì)4角單獨(dú)設(shè)置

 <corners
        android:bottomLeftRadius="@dimen/dp_24"
        android:bottomRightRadius="@dimen/dp_24"
        android:topLeftRadius="@dimen/dp_24"
        android:topRightRadius="@dimen/dp_24"/>

方法4：GradientDrawable和RoundedBitmapDrawable

            //GradientDrawable
            if(true) {
                //同時(shí)設(shè)置四個(gè)角
                GradientDrawable drawable = new GradientDrawable();
                drawable.setShape(GradientDrawable.RECTANGLE);
                drawable.setCornerRadius(radius);
                drawable.setColor(0xFFEEA2A4);
                ((ImageView) getView(R.id.image_view_4)).setImageDrawable(drawable);
            } else {
                //單獨(dú)設(shè)置四個(gè)角
                GradientDrawable drawable = new GradientDrawable();
                drawable.setShape(GradientDrawable.RECTANGLE);
                drawable.setColor(0xFFEEA2A4);
                float[] radii = new float[]{
                        radius, radius,
                        0F, 0F,
                        0F, 0F,
                        radius, radius
                };
                drawable.setCornerRadii(radii);
                ((ImageView) getView(R.id.image_view_4)).setImageDrawable(drawable);
            }

實(shí)現(xiàn)方法：GradientDrawable

1）對(duì)GradientDrawable設(shè)置圓角drawable.setCornerRadius(radius)

2）或者對(duì)GradientDrawable設(shè)置float[]，對(duì)4角單獨(dú)設(shè)置

float[] radii = new float[]{
        radius, radius,
        0F, 0F,
        0F, 0F,
        radius, radius
    };
drawable.setCornerRadii(radii);

方法特點(diǎn)：GradientDrawable

1）對(duì)圖片進(jìn)行設(shè)置

2）可對(duì)4角同時(shí)設(shè)置，也可對(duì)4角單獨(dú)設(shè)置

實(shí)現(xiàn)方法：RoundedBitmapDrawable

RoundedBitmapDrawable drawable = RoundedBitmapDrawableFactory.create(getResources(),
                    ResourceUtils.drawable2Bitmap(ResourceUtils.getDrawable(R.drawable.drawable_90_corner_2)));
drawable.setCornerRadius(radius);
((ImageView) getView(R.id.image_view_4_2)).setImageDrawable(drawable);

1）通過RoundedBitmapDrawableFactory創(chuàng)建RoundedBitmapDrawable，提供了三個(gè)實(shí)現(xiàn)方法：

public static RoundedBitmapDrawable create(@NonNull Resources res, @Nullable Bitmap bitmap)
public static RoundedBitmapDrawable create(@NonNull Resources res, @NonNull String filepath)
public static RoundedBitmapDrawable create(@NonNull Resources res, @NonNull InputStream is)

區(qū)別在于第2個(gè)參數(shù)：Bitmap、filepath、InputStream

2）對(duì)RoundedBitmapDrawable設(shè)置setCornerRadius(radius)

方法特點(diǎn)：RoundedBitmapDrawable

1）對(duì)圖片進(jìn)行設(shè)置

2）對(duì)4個(gè)角同時(shí)設(shè)置，不能單獨(dú)設(shè)置單個(gè)角

方法5：3方庫，本例用Glide

            //Glide
            if(true) {
                //同時(shí)設(shè)置四個(gè)角
                Glide.with(this)
                        .asDrawable()
                        .load(R.drawable.drawable_90_corner)
                        .transform(new RoundedCorners(radius))
                        .into((ImageView) getView(R.id.image_view_5));
            } else {
                //單獨(dú)設(shè)置四個(gè)角
                Glide.with(this)
                        .asDrawable()
                        .load(R.drawable.drawable_90_corner)
                        .transform(new GranularRoundedCorners(radius, radius, radius, radius))
                        .into((ImageView) getView(R.id.image_view_5));
            }

實(shí)現(xiàn)方法：

1）引入Glide，使用Glide加載圖片

2）設(shè)置transform(new RoundedCorners(radius))或者transform(new GranularRoundedCorners(radius, radius, radius, radius))

方法特點(diǎn)：

1）對(duì)圖片進(jìn)行設(shè)置

2）可對(duì)4角同時(shí)設(shè)置，也可對(duì)4角單獨(dú)設(shè)置，只是方法不同

不同方法效果對(duì)比：