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>

但是我无法创建必须与圆相邻的设计的 * OCTOBER * 部分。提前谢谢。

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>

如何在android xml设计中使用多个形状

1 个答案: