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>