如何构建这样的布局？

Question

我想使用以下设计构建活动。到目前为止，我只使用了相对和线性布局。 是否可以使用此组视图进行以下设计，或者我应该使用其他内容？

我想在形状no.2和no.3上放置一些动画，但不是“text1”和“text2”。 我该怎么办？是否可以仅在我的xml文件中设计它，或者我应该在我的java代码中做一些工作？ *只是彩色部分是布局，数字和箭头不是它的一部分。

Answer 1

这就是我所做的，我使用了3个不可见的视图来帮助我将我的图像视图放在我想要的位置。 至于尺寸，我将使用“dimens.xml”和不同屏幕尺寸的不同值。

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

<View
    android:id="@+id/center"
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_centerInParent="true"
    android:visibility="invisible" />

<view
    android:id="@+id/up"
    android:layout_width="1dp"
    android:layout_height="1dp"
    android:layout_above="@id/center"
    android:layout_toRightOf="@id/center"/>

 <view
    android:id="@+id/down"
    android:layout_width="1dp"
    android:layout_height="1dp"
    android:layout_below="@id/center"
    android:layout_toLeftOf="@id/center"/>

<ImageView
    android:id="@+id/p_button"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:layout_above="@id/down"
    android:layout_toLeftOf="@id/up"
    android:src="@drawable/p"
    tools:ignore="ContentDescription" />

<ImageView
    android:id="@+id/s_button"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:layout_below="@id/up"
    android:layout_toRightOf="@id/down"
    android:src="@drawable/s"
    tools:ignore="ContentDescription" />