任何想法如何在android中创建此布局。以及如何处理不规则形状的点击事件？

Question

我想创建一个这样的布局，并根据不规则的sahpes处理click事件。但我不知道如何做到这一点，任何帮助都会受到赞赏。

Answer 1

使用RelativeLayout。确保圆圈位于xml中的方块之后，因此它将位于它们的前面。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/holo_purple" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/centerLine"
    android:orientation="horizontal" >

    <ImageView
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:layout_marginRight="2dp"
        android:layout_weight="1"
        android:src="@android:color/holo_orange_dark" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:layout_marginLeft="2dp"
        android:layout_weight="1"
        android:src="@android:color/holo_green_dark" />
</LinearLayout>

<View
    android:id="@+id/centerLine"
    android:layout_width="match_parent"
    android:layout_height="4dp"
    android:layout_centerVertical="true"
    android:background="@android:color/holo_purple" />

<LinearLayout
    android:id="@+id/bottomSquares"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/centerLine"
    android:layout_centerVertical="true"
    android:orientation="horizontal" >

    <ImageView
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:layout_marginRight="2dp"
        android:layout_weight="1"
        android:src="@android:color/holo_red_light" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:layout_marginLeft="2dp"
        android:layout_weight="1"
        android:src="@android:color/holo_blue_light" />
</LinearLayout>

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:background="@drawable/circle" />

</RelativeLayout>