我如何在Android XML設計中使用多種形狀

Question

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

我能夠創建設計的最左側部分，該部分在一個圓圈內有一個圓圈，並具有一個textview。

以下是我為以上創建的文件。

/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

如果您不想在每個子部分上單擊，請使用image.You來完成左側，當我看時，我認為您會期望單擊圓圈，因此將圖像分成兩部分，即可得到右側的圖像視圖您創建的形狀

<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>