我如何在android xml設計中使用多個形狀

Question

我對android非常陌生，試圖在xml中創建這樣的設計。

我能夠創建在圓圈和文本視圖中有圓圈的設計的最左側部分。

以下是我爲上面創建的文件。

/drawable/design_circle.xml

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item 

    android:top="6dp" 
    android:right="6dp" 
    android:bottom="6dp" 
    android:left="6dp"> 
    <shape 
     android:shape="oval"> 
     <stroke 
      android:width="1dp" 
      android:color="#78d9ff"/> 
    </shape> 
</item> 
<item> 
    <shape 
     android:shape="oval"> 
     <stroke android:width="4dp" 
      android:color="#78d9ff"/> 
    </shape> 
</item> 

/layout/view.xml

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
xmlns:app="http://schemas.android.com/apk/res-auto"> 
<android.support.v7.widget.CardView 
    android:layout_width="match_parent" 
    android:layout_height="150dp" 
    android:layout_gravity="center" 
    > 
    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:orientation="vertical"> 
     <TextView 
      android:id="@+id/ec_txtDate" 
      android:layout_width="120dp" 
      android:layout_height="120dp" 
      android:background="@drawable/design_circle" 
      android:text="09" 
      android:textAlignment="center" 
      android:gravity="center_vertical" 
      android:textStyle="bold" 
      android:textSize="50dp"/> 
    </RelativeLayout> 
</android.support.v7.widget.CardView> 

，但我不能夠創造*十月*設計中必須與圓相鄰的部分。先謝謝你。

Answer 1

如果您不想點擊每個子部分，請改爲使用圖像。您完成了左側，看起來我認爲您會期待點擊該圓圈，以便將圖像變成兩個你創建的圖形的右側圖像視圖

<android.support.v7.widget.CardView 
    android:layout_width="match_parent" 
    android:layout_height="150dp" 
    android:layout_gravity="center" 
    > 
    <RelativeLayout 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:gravity="center"//give this to align the objects in this view center alignment 
     android:orientation="vertical"//remove this because it is not relevant for a relative layout but relevant for linearlayout> 
     <TextView 
      android:id="@+id/ec_txtDate" 
      android:layout_width="120dp" 
      android:layout_height="120dp" 
      android:background="@drawable/design_circle" 
      android:text="09" 
      android:textAlignment="center" 
      android:gravity="center_vertical" 
      android:textStyle="bold" 
      android:textSize="50dp"/> 
     <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_centerVertical="true" 
       android:layout_toRightOf="@+id/"ec_txtDate 
       android:src="@drawable/your_image.png" /> 
    </RelativeLayout> 
</android.support.v7.widget.CardView>