Android：drawable变成黑色

Question

这是我的图标：

然后我添加到了xml布局中：

<android.support.design.widget.CoordinatorLayout ....

    <RelativeLayout
    android:id="@+id/rl_circle_progress_container"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:visibility="visible">

    <ProgressBar
        android:id="@+id/circularProgressbar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="180dp"
        android:layout_height="180dp"
        android:layout_centerInParent="true"
        android:indeterminate="false"
        android:max="100"
        android:progress="50"
        android:progressDrawable="@drawable/circular_progress_bar"
        android:secondaryProgress="100" />


    <ImageButton
        android:id="@+id/ibt_cancel"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:layout_centerInParent="true"
        android:background="#0000"
        android:scaleType="fitXY"
        app:srcCompat="@drawable/ic_cancel" />

    <TextView
        android:id="@+id/tv_progress_percentage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:text="0%"
        android:textStyle="bold"
        android:textColor="@android:color/white"
        android:textSize="18sp" />
</RelativeLayout>

但是当我在模拟器中运行应用程序或真正的移动红色变成黑色时：我使用RelativeLayout可以更改视图顺序，因为我想将imageButton放在进度栏的顶部。