Android圓角邊框詳解

一、什麼是圓角邊框

Android圓角邊框是指在View外圍添加特定的邊框，並且使這個邊框的角變成圓角的UI設計模式。圓角邊框通過改變視圖的外觀，增強了用戶對視圖的注意力，並且在頁面內容相似的情況下，在UI設計中能夠起到區分不同組件的作用。

二、如何添加圓角邊框

1、自定義shape.xml文件

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

        <corners android:radius="10dp"/>

        <solid android:color="#ffffff"/>

        <stroke
            android:width="1dp"
            android:color="#cccccc"/>

    </shape>

自定義shape.xml文件是實現圓角邊框的基礎，通過shape標籤實現矩形、圓形等形狀的定義。其中corners標籤用於設置角的圓角大小，solid標籤用於填充形狀內部顏色，stroke標籤用於設置線的顏色和寬度。

2、在布局文件中的應用

     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_margin="20dp"
         android:background="@drawable/shape_border_rounded"
         android:gravity="center_horizontal"
         android:orientation="vertical"
         android:padding="20dp">
 
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="Hello, World!"
             android:textSize="18sp" />
     </LinearLayout>

在布局文件中，通過在控制項或者布局的background屬性中調用定義好的shape.xml文件，即可實現圓角邊框的顯示。在需要為控制項添加圓角邊框時，只需要將控制項或者布局的background屬性設置為定義好的shape.xml文件即可。

三、圓角邊框的自定義屬性

1、添加選中效果

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

         <item android:state_pressed="false"
             android:state_focused="false"
             android:drawable="@drawable/shape_border_rounded"/>

         <item android:state_pressed="true"
             android:drawable="@drawable/shape_border_rounded_selected"/>

         <item android:state_focused="true"
             android:drawable="@drawable/shape_border_rounded_selected"/>

     </selector>

在使用圓角邊框時，我們通常需要對其添加選中效果來提示用戶當前控制項的狀態。在上述代碼中，我們可以使用state_pressed和state_focused屬性針對控制項的選中狀態進行定義，將相應的shape.xml文件設置為drawable。

2、添加漸變效果

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

        <corners android:radius="50dp"/>

        <gradient
            android:type="linear"
            android:angle="0"
            android:startColor="#E91E63"
            android:endColor="#2196F3"/>

        <stroke
            android:width="5dp"
            android:color="#fff"/>

    </shape>

在上述代碼中，我們可以通過gradient標籤來定義漸變效果，type屬性定義為linear時，是設置某一方向上的漸變；如果type設置為radial時，則為圓形漸變。

四、圓角邊框的適配問題

1、圓角邊框的設置對性能的影響

對於一些低端設備或者存儲空間有限的設備，我們需要盡量減少過多的圖片資源的使用。使用圓角邊框時我們有時會選擇將邊框的樣式作為圖片進行存儲，較多的圖片資源會佔用更多的存儲空間，將對整個應用的性能產生影響。

2、圓角邊框的適配問題

由於在不同的手機屏幕大小和密度上，圓角邊框的效果會有所不同，因此我們需要在編寫App時對圓角邊框自定義屬性進行適配。通常我們可以通過使用dp進行定義，將顯示效果的差異降低到最小。

五、總結

通過對Android圓角邊框的詳細介紹，我們可以看到圓角邊框作為UI設計中十分常用的基礎元素，在App開發中十分重要。我們可以通過自定義shape.xml文件，添加選中效果和漸變效果等多方面對其進行定製，並且在適配問題上也有多種解決方案。