帶有兩個邊框的Android圓形圖像查看收藏

Question

我正在嘗試製作帶有兩個邊框的圓形圖像查看。

圓形圖像由library製成，只允許製作一個邊框，使用app:civ_border_color屬性。

第二個邊框是通過設置背景屬性來實現的。

我的問題是，第二個邊界，與背景做，被裁剪的兩側，像這樣：

---

圓形圖像

<de.hdodenhof.circleimageview.CircleImageView xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/profile_image" 
    android:layout_width="wrap_content" 
    android:layout_gravity="center" 
    android:background="@drawable/border" 
    android:padding="0dp" 
    android:layout_margin="0dp" 
    android:layout_height="200dp" 
    android:src="@drawable/mrwhite" 
    app:civ_border_width="3dp" 
    app:civ_border_color="#BF0404" /> 

第二個邊框

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:innerRadius="0dp" 
    android:shape="ring" 
    android:thicknessRatio="1.9" 
    android:useLevel="false" > 
    <solid android:color="@android:color/transparent" /> 

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

Answer 1

變化thicknessRatio值

android:thicknessRatio="2"