安排android布局的最佳做法是什么？

Question

我想安排我的Android布局，如布局图像视图和两个搜索栏顶部的屏幕和两个horizo​​ntalscrollview屏幕顶部到另一个。但似乎布局没有正确排列，这是我的布局代码：

<?xml version="1.0" encoding="utf-8"?>
<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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="@drawable/editor_gradient"
    tools:context=".EditorActivity">
    <RelativeLayout
        android:id="@+id/rl"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true">
        <ImageView
            android:id="@+id/backimg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:scaleType="fitXY"
            android:foreground="@drawable/blacklight_gradient"
            />

        <SeekBar
            android:id="@+id/seekbarSize"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="32dp"
            android:layout_marginRight="32dp"
            android:progress="50"
            android:layout_marginTop="8dp"
            android:visibility="invisible" />

        <SeekBar
            android:id="@+id/seekbarRotation"
            android:layout_width="380dp"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="-170dp"
            android:progress="50"
            android:rotation="270"
            android:visibility="invisible" />

    </RelativeLayout>

    <LinearLayout
        android:layout_below="@+id/rl"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/down" >

        <include
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            layout="@layout/editor_footer" >
        </include>

    </LinearLayout>

    <HorizontalScrollView
        android:id="@+id/horizontal_scroll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/background_dark"
        android:layout_below="@+id/down">

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

    </HorizontalScrollView>
</RelativeLayout>

任何人都可以帮我组织我的布局从上到下的顺序吗？

Answer 1

尝试下面的一个：

<?xml version="1.0" encoding="utf-8"?>
<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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="@drawable/editor_gradient"
    tools:context=".EditorActivity">

    <RelativeLayout
        android:id="@+id/rl"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true">

        <ImageView
            android:id="@+id/backimg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:scaleType="fitXY"
            android:foreground="@drawable/blacklight_gradient"
            />

        <SeekBar
            android:id="@+id/seekbarSize"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="32dp"
            android:layout_marginRight="32dp"
            android:progress="50"
            android:layout_marginTop="8dp"
            android:visibility="invisible"
            android:layout_below="@id/backimg" />

        <SeekBar
            android:id="@+id/seekbarRotation"
            android:layout_width="380dp"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="-170dp"
            android:progress="50"
            android:rotation="270"
            android:visibility="invisible"
            android:layout_below="@id/seekbarSize" />

    </RelativeLayout>

    <LinearLayout
        android:layout_below="@+id/rl"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/down"
        android:layout_alignParentBottom="true" >

        <include
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            layout="@layout/editor_footer" >
        </include>

    </LinearLayout>

    <HorizontalScrollView
        android:id="@+id/horizontal_scroll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/background_dark"
        android:layout_below="@id/rl"
        android:layout_above="@id/down">

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

    </HorizontalScrollView>
</RelativeLayout>