自动调整框架布局

Question

我需要做这样的事情：

该应用程序的用户界面的一个区域包含多个彩色矩形，另一个区域包含SeekBar。 当用户拖动SeekBar时，矩形将逐渐更改其颜色。

我正在使用framelayouts（我不知道是否有更好的选择），但是我对每个framelayout的大小进行了硬编码，当然，这是一个坏主意。 如何调整框架布局并维护关系？

这是我的activity_main.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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity"
    android:background="@color/black">

    <SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/seekBar"
        android:indeterminate="false"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true" />

    <FrameLayout
        android:id="@+id/first_block"
        android:layout_width="150dp"
        android:layout_height="240dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentBottom="false"></FrameLayout>

    <FrameLayout
        android:id="@+id/first_block_b"
        android:layout_width="150dp"
        android:layout_height="240dp"
        android:layout_above="@+id/seekBar"
        android:layout_below="@id/first_block"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="5dp"></FrameLayout>

    <FrameLayout
        android:id="@+id/second_block"
        android:layout_width="190dp"
        android:layout_height="165dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"></FrameLayout>

    <FrameLayout
        android:id="@+id/med_block"
        android:layout_width="190dp"
        android:layout_height="165dp"
        android:layout_alignParentTop="false"
        android:layout_alignParentRight="true"
        android:layout_below="@id/second_block"
        android:layout_alignParentEnd="true"
        android:layout_marginTop="5dp"></FrameLayout>

    <FrameLayout
        android:id="@+id/last_block"
        android:layout_width="190dp"
        android:layout_height="165dp"
        android:layout_alignParentTop="false"
        android:layout_alignParentRight="true"
        android:layout_below="@id/med_block"
        android:layout_alignParentEnd="true"
        android:layout_marginTop="5dp"></FrameLayout>

</RelativeLayout>

谢谢你的帮助！

Answer 1

尝试

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/first_block"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

        <FrameLayout
            android:id="@+id/first_block_b"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    </LinearLayout>

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent">

        <FrameLayout
            android:id="@+id/second_block"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

        <FrameLayout
            android:id="@+id/med_block"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

        <FrameLayout
            android:id="@+id/last_block"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"/>

    </LinearLayout>

</LinearLayout>

<SeekBar
    android:id="@+id/seekBar"
    android:indeterminate="false"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

</LinearLayout>

上面使用嵌套的权重，有时有时会降低性能，但是鉴于您要执行的操作，这是在代码中计算它们的最佳选择。