1. 程式人生 > >在xml裡實現圓角的ImageView

在xml裡實現圓角的ImageView

       在AndroidStudio裡實現圓角的ImageView有2種方法,一個是在xml檔案裡面顯示,一個是在Activity的Java檔案裡實現。這裡我用的是xml方法。我實現的效果圖如下:     

       

程式碼如下:

       在drawable裡新建一個Drawable resource file檔案,如下所示:

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

     <!--圓角--> 
     <corners android:radius="20dp" 
      android:topLeftRadius="20dp"
      android:topRightRadius="20dp"
      android:bottomLeftRadius="20dp"
      android:bottomRightRadius="20dp" />

     <!--描邊--> 
     <stroke android:width="20dp"
      android:color="#faf9f9" 
      android:dashWidth="5dp" 
      android:dashGap="0dp" /> 

</shape>

    注意,上面描邊的width可以設定大一點,這樣可以覆蓋底層的ImageView的邊界。

在XML裡的程式碼如下:

 <ImageView
        android:id="@+id/showImage_start"
        android:layout_width="140dp"
        android:layout_height="140dp"
        android:layout_centerInParent="true"
        android:src="@mipmap/start"
        android:scaleType="centerCrop"
       />
    <View
        android:layout_width="160dp"
        android:layout_height="160dp"
        android:layout_centerInParent="true"
        android:background="@drawable/image_border_start"/>

       由上面的程式碼,可以看到, View控制元件覆蓋了ImageView控制元件。因為View是透明的,所以我們只要設定View的邊界部分,使它形成圓角和不透明的邊界線即可。