????小菜最近在處理圖片的圓角，不止是四個(gè)角全是圓角，還包括單左側(cè)/單右側(cè)/對(duì)角線方向的圓角。因?yàn)樽约禾酥荒軐で缶W(wǎng)上的大神，發(fā)現(xiàn)一個(gè)自定義圓角布局，這樣可以變相的解決我的需求，還可以實(shí)現(xiàn)更多的圓角效果，不僅是圖片，還包括其他布局。
????小菜我作為伸手黨，非常感謝大神的分享，參考原文 RoundAngleFrameLayout。
????這個(gè)布局實(shí)現(xiàn)方式很簡(jiǎn)單，大神只提供了默認(rèn)的四個(gè)圓角，這里我添加了一些方法可以動(dòng)態(tài)的設(shè)置圓角的位置與弧度，并說(shuō)明一下小菜遇到的小問(wèn)題。小菜根據(jù)大神的總結(jié)自定義了一個(gè) MyRoundLayout GitHub 布局樣式。

Tips:

1. 在設(shè)置完角度之后，要添加 invalidate() 刷新 UI，才可以進(jìn)行動(dòng)態(tài)設(shè)置；
2. 自定義的布局樣式繼承的 FrameLayout，所以設(shè)置在需要進(jìn)行圓角的控件外即可，并不影響其內(nèi)部控件的樣式；
3. 既然 MyRoundLayout 繼承的是 FrameLayout，則應(yīng)遵循 FrameLayout 的特點(diǎn)，內(nèi)部不能直接設(shè)置控件的權(quán)重，可在內(nèi)部添加一層 Layout 布局，在進(jìn)行權(quán)重 weight 的處理；
4. 在使用 MyRoundLayout 時(shí)，因?yàn)樵O(shè)置的是外層的圓角，所以不建議使用 padding 的屬性，若要設(shè)置邊距，建議使用外邊距 margin，若使用 padding 不當(dāng)，會(huì)發(fā)生效果圖中第一行第二個(gè)的樣式，沒有直接效果；
5. xml 中與 Java/Kotlin 代碼中均設(shè)置圓角弧度和位置時(shí)，以 Java/Kotlin 為準(zhǔn)，這也是小菜設(shè)置 setXX 的原因。
   效果圖:
   
   圓角布局效果圖.jpg

/**
 * 設(shè)置左上角圓角弧度
 *
 * @param topLeftRadius
 */
public void setDrawTopLeft(float topLeftRadius) {
    this.topLeftRadius = topLeftRadius;
    invalidate();
}

/**
 * 設(shè)置右上角圓角弧度
 *
 * @param topRightRadius
 */
public void setDrawTopRight(float topRightRadius) {
    this.topRightRadius = topRightRadius;
    invalidate();
}

/**
 * 設(shè)置左下角圓角弧度
 *
 * @param bottomLeftRadius
 */
public void setDrawBottomLeft(float bottomLeftRadius) {
    this.bottomLeftRadius = bottomLeftRadius;
    invalidate();
}

/**
 * 設(shè)置右下角圓角弧度
 *
 * @param bottomRightRadius
 */
public void setDrawBottomRight(float bottomRightRadius) {
    this.bottomRightRadius = bottomRightRadius;
    invalidate();
}

/**
 * 設(shè)置左上角與右下角圓角弧度，簡(jiǎn)稱左對(duì)角線弧度
 *
 * @param radius
 */
public void setLeftDiagonal(float radius) {
    this.topLeftRadius = radius;
    this.bottomRightRadius = radius;
    this.topRightRadius = 0.0f;
    this.bottomLeftRadius = 0.0f;
    invalidate();
}

/**
 * 設(shè)置右上角與左下角圓角弧度，簡(jiǎn)稱右對(duì)角線弧度
 *
 * @param radius
 */
public void setRightDiagonal(float radius) {
    this.topLeftRadius = 0.0f;
    this.bottomRightRadius = 0.0f;
    this.topRightRadius = radius;
    this.bottomLeftRadius = radius;
    invalidate();
}

/**
 * 設(shè)置左下角與右下角圓角弧度，簡(jiǎn)稱下弧度
 *
 * @param radius
 */
public void setBottomDiagonal(float radius) {
    this.topLeftRadius = 0.0f;
    this.topRightRadius = 0.0f;
    this.bottomRightRadius = radius;
    this.bottomLeftRadius = radius;
    invalidate();
}

/**
 * 設(shè)置右上角與左上角圓角弧度，簡(jiǎn)稱上弧度
 *
 * @param radius
 */
public void setTopDiagonal(float radius) {
    this.topLeftRadius = radius;
    this.topRightRadius = radius;
    this.bottomRightRadius = 0.0f;
    this.bottomLeftRadius = 0.0f;
    invalidate();
}

/**
 * 設(shè)置所有角度統(tǒng)一圓角弧度
 *
 * @param radius
 */
public void setAllDiagonal(float radius) {
    this.topLeftRadius = radius;
    this.bottomRightRadius = radius;
    this.topRightRadius = radius;
    this.bottomLeftRadius = radius;
    invalidate();
}

來(lái)源： 阿策小和尚