带有两个边框的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"