Как построить такой макет?

Question

Я хочу создать мероприятие со следующим дизайном. До сих пор я использовал только относительные и линейные макеты. Можно ли сделать следующий дизайн с этой группой, или я должен использовать что-то еще?

Я хочу поставить некоторые анимации на ¹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" />