在xml裡實現圓角的ImageView
阿新 • • 發佈:2018-12-20
在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的邊界部分,使它形成圓角和不透明的邊界線即可。