如何构建这样的布局？

Question

我想构建一个具有以下设计的 activity。到目前为止，我只使用相对和线性布局。是否可以使用此组视图进行以下设计，还是我应该使用其他东西？

我想在形状 2 和 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" />

如何构建这样的布局？

How to build a layout like this?

layout

android