设计安装屏幕，如Google Play

Question

我打算开发像Google Play这样的安装屏幕。现在，我因为一个问题而陷入困境。

我不知道如何设计此视图，如下图所示。

Answer 1

我刚试过第一项。接下来的项目，我认为你需要svg或png作为背景。

<强>布局

<RelativeLayout
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@drawable/corner_red_stroke">

        <TextView
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:gravity="center"
            android:text="10"
            android:paddingBottom="4dp"
            android:textSize="20sp" />

        <TextView
            android:layout_width="50dp"
            android:layout_height="13dp"
            android:layout_alignParentBottom="true"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:background="@drawable/corner_red_solid"
            android:gravity="center"
            android:text="MILLION"
            android:textColor="#ffffff"
            android:textSize="8sp" />

    </RelativeLayout>

<强> corner_red_solid.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" android:padding="10dp">
    <solid android:color="#ff0105"/>
    <corners android:radius="50dp"/>
    <stroke android:width="1dp" android:color="#ff0105" />

</shape>

<强> corner_red_stroke.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" android:padding="10dp">
    <corners android:radius="50dp"/>
    <stroke android:width="1dp" android:color="#ff0105" />

</shape>