Android幾種方式實(shí)現(xiàn)控件圓角

目前想到的能實(shí)現(xiàn)圓角的方式有這么幾種:
1劲赠、使用shape元素(比較常用)
2、使用背景圖片(有點(diǎn)蠢峡竣,還得讓UI切圖靠抑,不建議這種方式)
3、自定義控件實(shí)現(xiàn)
4适掰、使用ViewOutlineProvider裁剪view
5颂碧、使用cardView
6、其他第三方庫(kù)

下面來(lái)詳細(xì)說(shuō)明一下类浪,如何用上面的方式實(shí)現(xiàn)圓角Button:

1载城、使用shape元素

在drawable文件夾中新建一個(gè)shape.xml文件,之后布局文件中設(shè)置背景顏色為shape.xml即可费就。利用shape元素實(shí)現(xiàn)圓角:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <corners android:radius="5dp"/>   <!-- 設(shè)置圓角弧度 -->
    <solid android:color="@color/bg_color"/>   <!-- 設(shè)置背景顏色 -->
    <stroke android:color="@color/divider_color" android:width="@dimen/y2"/> <!-- 設(shè)置邊框顏色以及寬度 -->

</shape>

使用shape元素的優(yōu)點(diǎn)是:方便簡(jiǎn)潔且直觀诉瓦,可以在項(xiàng)目中先定義好通用的控件樣式,其他需要同樣樣式的按鈕直接設(shè)置背景顏色就可以了受楼,缺點(diǎn)是一個(gè)xml文件只能寫(xiě)定一種樣式垦搬,如果項(xiàng)目中需要多種樣式則每種不同的樣式都需要一個(gè)專(zhuān)門(mén)的xml文件呼寸。

2艳汽、使用切圖就不多說(shuō)了,使用起來(lái)不方便对雪。

3河狐、自定義Button

第一步:在values文件中新建attrs文件,然后在resources中寫(xiě)入要自定義的屬性

<resources>

    <declare-styleable name="CustomButton">

        <!-- 圓角半徑 -->
        <attr name="radius" format="dimension" />
        <!-- 背景顏色 -->
        <attr name="normal_color" format="reference|color" />

    </declare-styleable>

</resources>

第二步瑟捣,自定義class文件馋艺,繼承自Button或者AppCompatButton

public class CustomButton extends AppCompatButton {

    // 圓角半徑
    private float radius = getResources().getDimension(R.dimen.x6);
    // 按鈕正常時(shí)的背景顏色
    private int normalColor;

    private GradientDrawable gradientDrawable;

    public CustomButton(Context context) {
        this(context, null, 0);
    }

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

    public CustomButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        initAttris(attrs);
        init();
    }

    private void init() {

        setGravity(Gravity.CENTER);
        gradientDrawable = new GradientDrawable();
        gradientDrawable.setCornerRadius(radius);
        gradientDrawable.setColor(normalColor);
        // 這句話(huà)一定不要忘記,不然沒(méi)效果
        setBackground(gradientDrawable);
    }

    /**
     * 屬行初始化
     * @param attrs
     */
    private void initAttris(AttributeSet attrs) {
        if (attrs != null) {  // 獲取自定義屬性
            TypedArray typedArray  = getContext().obtainStyledAttributes(attrs, R.styleable.CustomButton);
            radius = (int) typedArray .getDimension(R.styleable.CustomButton_radius, getResources().getDimension(R.dimen.x6));
            int defaultColor = getResources().getColor(R.color.base_blue);
            normalColor = typedArray.getColor(R.styleable.CustomButton_normal_color, defaultColor);
            typedArray.recycle();
        }
    }
}

第三步迈套,在xml文件中使用自定義按鈕捐祠,其中app:radius,app:normal_color即是使用自定義的屬性設(shè)置桑李。

<com.application.demo.view.CustomButton
        android:id="@+id/btn_test"
        android:layout_width="128dp"
        android:layout_height="44dp"
        app:radius="@dimen/x40"
        app:normal_color="@color/base_orange"
        android:textColor="@color/white"
        android:text="測(cè)試"/>

使用自定義Button彌補(bǔ)了使用shape元素的缺點(diǎn)踱蛀,當(dāng)項(xiàng)目中需要很多不同的樣式時(shí)窿给,只需要修改對(duì)應(yīng)的屬性值即可。

4率拒、使用ViewOutlineProvider

ViewOutlineProvider是Android 5.x引入的新特性崩泡,用于實(shí)現(xiàn)View的陰影和輪廓,用ViewOutlineProvider實(shí)現(xiàn)圓角實(shí)現(xiàn)圓角:

roundImage.setOutlineProvider(new ViewOutlineProvider() {
            @Override
            public void getOutline(View view, Outline outline) {
                // 設(shè)置按鈕圓角率為30
                outline.setRoundRect(0, 0, view.getWidth(), view.getHeight(), 30);
                // 設(shè)置按鈕為圓形
                outline.setOval(0, 0, view.getWidth(), view.getHeight());
            }
        });
roundImage.setClipToOutline(true);
5猬膨、使用CardView

CardView是Android 5.0引入的卡片顯示控件角撞,可以實(shí)現(xiàn)陰影和圓角,通過(guò)設(shè)置cardCornerRadius來(lái)設(shè)置圓角半徑

<android.support.v7.widget.CardView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_gravity="center"
    android:layout_marginTop="10dp"
    app:cardCornerRadius="50dp">

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:scaleType="centerCrop"
        android:src="@drawable/girl" />

</android.support.v7.widget.CardView>

6勃痴、其他一些第三方的庫(kù)有的也有圓角的功能谒所,例如fresco,如果你項(xiàng)目中引入了fresco沛申,那么可以通過(guò)設(shè)置下面的屬行來(lái)設(shè)置圓角半徑:

fresco:roundedCornerRadius="25dp"

相關(guān)文章:你不知道的圓形圓角處理方式

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末百炬,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子污它,更是在濱河造成了極大的恐慌剖踊,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件衫贬,死亡現(xiàn)場(chǎng)離奇詭異德澈,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)固惯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)梆造,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人葬毫,你說(shuō)我怎么就攤上這事镇辉。” “怎么了贴捡?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵忽肛,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我烂斋,道長(zhǎng)屹逛,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任汛骂,我火速辦了婚禮罕模,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘帘瞭。我一直安慰自己淑掌,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布蝶念。 她就那樣靜靜地躺著抛腕,像睡著了一般诈悍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上兽埃,一...
    開(kāi)封第一講書(shū)人閱讀 51,274評(píng)論 1 300
  • 那天侥钳,我揣著相機(jī)與錄音,去河邊找鬼柄错。 笑死舷夺,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的售貌。 我是一名探鬼主播给猾,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼颂跨!你這毒婦竟也來(lái)了敢伸?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤恒削,失蹤者是張志新(化名)和其女友劉穎池颈,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體钓丰,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡躯砰,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了携丁。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琢歇。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖梦鉴,靈堂內(nèi)的尸體忽然破棺而出李茫,到底是詐尸還是另有隱情,我是刑警寧澤肥橙,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布魄宏,位于F島的核電站,受9級(jí)特大地震影響快骗,放射性物質(zhì)發(fā)生泄漏娜庇。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一方篮、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧励负,春花似錦藕溅、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)汁掠。三九已至,卻和暖如春集币,著一層夾襖步出監(jiān)牢的瞬間考阱,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工鞠苟, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留乞榨,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓当娱,卻偏偏與公主長(zhǎng)得像吃既,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子跨细,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 本文鏈接:https://blog.csdn.net/weixin_37577039/article/detail...
    夢(mèng)游的豬閱讀 4,944評(píng)論 0 1
  • 對(duì)于一個(gè)剛大學(xué)畢業(yè)的我來(lái)說(shuō)冀惭,要踏出校門(mén)融入社會(huì)震叙,是一件很困難的事。 看著舍友們一個(gè)個(gè)都在忙著找工作散休,我心里卻想的...
    迷茫之際閱讀 188評(píng)論 0 1
  • 真正的勇士不問(wèn)輸贏捐友,只問(wèn)該不該堅(jiān)持。其實(shí)有的時(shí)候從一開(kāi)始就知道是輸?shù)慕Y(jié)局溃槐,但還是義無(wú)反顧的堅(jiān)持下去匣砖。也許在外人看來(lái)...
    跑BA大師兄閱讀 135評(píng)論 0 3
  • 定義一個(gè)map,關(guān)鍵字是家庭的姓,值是一個(gè)vector昏滴,保存家中孩子(們)的名猴鲫。編寫(xiě)代碼,實(shí)現(xiàn)添加新的家庭以及向已...
    狂舞曲少WA幾個(gè)好不閱讀 468評(píng)論 0 0
  • Your story may not have such a happy beginning,but that d...
    7Shrek閱讀 181評(píng)論 0 0