Android 相对布局 - 不像我想要的那样工作

Question

我现在正在尝试这个，但它仍然不起作用。我阅读了很多关于相对布局的教程，但我仍然做不到。请给我一个想法，我能做什么。我想要一个像图片一样的简单布局！[在此处输入图片描述][1]

编辑：看起来我无法上传图片... :(

它是一个简单测验应用程序的布局，这些小部件彼此位于下方。一个进度条，一个用于问题的 TextView，4 个用于答案的按钮。 TextView 应该占据其他小部件不需要的所有位置。 Button 应始终位于末尾。

我尝试了 alignParentTop、Bottom、嵌套的 LinearLayouts，但它仍然不起作用。我能做些什么？有一个想法真的很棒吗？非常感谢！

好主意：我上传了图片：http://imgur.com/Z0YmLw2

这是实际代码。 （我编辑了大约 20 次）

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <ProgressBar
        android:id="@+id/answerProgressBar"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/countdownTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/answerProgressBar"
        android:text="00:00:00" />

    <ImageView
        android:id="@+id/questionImageView"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_below="@id/countdownTextView"
        android:layout_margin="5dp"
        android:background="@drawable/ic_launcher"
        android:scaleType="fitCenter" />

    <TextView
        android:id="@+id/questionTextView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/answerProgressBar"
        android:layout_margin="5dp"
        android:layout_toRightOf="@id/questionImageView"
        android:text="jfh rhguijfhg fhge hugutbh r rut hruteruzt dkjfh uzdt ggu zguzg zuh ftz huuh rh grhtughrtu thiohjriwetk lkj rgjrjkrjek"
        android:textSize="22dp" />


        <Button
            android:id="@+id/answert1Button"
            style="@style/answerButton"
            android:text="answer 1" />


        <Button
            android:id="@+id/answer2Button"
            style="@style/answerButton"
            android:text="answer 2" />


        <Button
            android:id="@+id/answer3Button"
            style="@style/answerButton"
            android:text="answer 3" />

        <Button
            android:id="@+id/answer4Button"
            style="@style/answerButton"
            android:text="answer 4 Butto d uzrr rd drtd gzugt ffzft drtn" />


</RelativeLayout>

Answer 1

使用RelativeLayout，这是将小部件定位到屏幕的最简单方法。 但是，您可能需要一些时间才能掌握它。因为如果您使用图形工具设计布局，会更难。

尝试在 XML 文本 中编辑它。请务必阅读this Android Dev Tutorial，了解您可以使用RelativeLayout 访问的所有选项。 我相信您确实检查过，但我也很确定您只是在寻找明显的解决方案。有时，一些不那么明显的选项会引导您实现目标 - 所以请耐心等待，并在教程的帮助下尝试从头开始。

否则，您也可以使用FrameLayout，它将您的屏幕分成几个帧。 但是，同样，它可能会使您的应用程序中的事情变得复杂。

Answer 2

首先，为了方便，去掉countdownTextView和questionImageView，我们试试吧。

我认为您需要将 layout_alignParentTop 属性与 ProgressBar：

<ProgressBar
    android:id="@+id/answerProgressBar"
    style="@android:style/Widget.ProgressBar.Horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true" />

然后将所有 Button 放在一个垂直的 LinearLayout 中，并带有 layout_alignParentBottom：

<LinearLayout
    android:id="@+id/answerButtons"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:orientation="vertical" >

    <Button
        android:id="@+id/answerButton1"
        style="@style/answerButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="answer1" />

    (...)

</LinearLayout>

最后，TextView 必须同时具有 layout_below 和 layout_above 属性并设置 layout_height="match_parent"：

<TextView
    android:id="@+id/questionTextView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="R.id.answerProgressBar"
    android:layout_above="R.id.answerButtons"
    android:text="blah blah blah" />