设计像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>