可绘制的形状不会像ImageView的背景那样拉伸

Question

Shape Drawable：avatar_mask.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:innerRadius="0dp"
    android:thicknessRatio="2">

    <solid android:color="@android:color/transparent" />

    <stroke
        android:width="3dp"
        android:color="@color/mask_color" />    

</shape>

布局

<FrameLayout
    android:layout_width="@dimen/avatar_size"
    android:layout_height="@dimen/avatar_size"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true" >
    <ImageView
        android:id="@+id/avatar"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <ImageView
        android:id="@+id/avatar_mask"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/avatar_mask"/>
</FrameLayout>

在ADT的图形布局中，它看起来不错：

Image 1

在真实设备上，它看起来像这样，这个avatar_mask环显示为一行，没有拉伸到父级大小：

Image 2