Question

我在XML文件中指定了一个活动布局 - activity_intro.xml - 我正在尝试创建另一个类似但略有不同的活动布局 - 这将是 activity_instructions.xml

Intro活动在屏幕底部有一个9patch图像，它应该保留在那里，只能调整到不同宽度的屏幕。说明活动应包含相同的图像，但超过2个按钮 - 所有这三个视图都必须始终位于屏幕的底部。

activity_intro.xml：

<?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" >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/home_background" >

        <LinearLayout
            style="@style/Activity"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/introAnimationImageView"
                android:layout_width="152dip"
                android:layout_height="176dip"
                android:layout_gravity="center_horizontal"
                android:contentDescription="@string/intro_animation_content_description"
                android:src="@drawable/animation_intro01" />

            <TextView
                android:id="@+id/introTextViewTitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/intro_title"
                android:textAppearance="?android:attr/textAppearanceLarge" />

            <TextView
                android:id="@+id/introTextViewSubtitle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/intro_subtitle"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >

                <Button
                    android:id="@+id/introButtonLoginSignup"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentTop="true"
                    android:text="@string/intro_button_label_login_signup" />

                <Button
                    android:id="@+id/introButtonInstructions"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:layout_alignRight="@+id/introButtonLoginSignup"
                    android:text="@string/intro_button_label_instructions" />

                <Button
                    android:id="@+id/introButtonReportAnonymously"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@+id/introButtonLoginSignup"
                    android:layout_centerHorizontal="true"
                    android:text="@string/intro_button_label_report_anonymously" />
            </RelativeLayout>
        </LinearLayout>
    </ScrollView>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0"
        android:contentDescription="@null"
        android:scaleType="fitXY"
        android:src="@drawable/footer_cityscape" />

</LinearLayout>

结果： enter image description here

由于我已经为Intro编写了代码，我想让说明遵循其示例，但layout_weight属性的行为不符合预期。首先，我只是试图放入2个按钮并省略图像：

<?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" >

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_weight="0.1"
        android:background="@drawable/home_background" >

        <LinearLayout
            style="@style/Activity"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/instructionsTextViewTitle"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="@string/instructions_title_1"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:textStyle="bold" />

            <ImageView
                android:id="@+id/instructionsImageView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/instructions_image_content_description"
                android:src="@drawable/forms" />

            <TextView
                android:id="@+id/instructionsTextViewDescription"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/instructions_description_1"
                android:textAppearance="?android:attr/textAppearanceMedium" />
        </LinearLayout>
    </ScrollView>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" >

        <Button
            android:id="@+id/instructionsButtonPrevious"
            style="@style/ButtonPrevious"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:text="@string/instructions_button_label_previous" />

        <Button
            android:id="@+id/instructionsButtonNext"
            style="@style/ButtonNext"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentRight="true"
            android:text="@string/instructions_button_label_next" />
    </RelativeLayout>

</LinearLayout>

这只有在我将底部RelativeLayout的layout_weight设置为1（而不是0）和ScrollView 0.1（而不是1）时才有效。如果我使用原始值，RelativeLayout将占用所有屏幕。任何人都可以向我解释为什么会这样吗？我也试过谷歌搜索问题，并注意到人们会建议将layout_height设置为0dip我试过但它也没有按预期工作。

其次，我尝试将已经提到的ImageView添加到底部RelativeLayout。然而，这基本上只显示ImageView而不是按钮 - 或者其中一个按钮位于图像的顶部（隐藏它）。这是为什么？我不是专门设置按钮放在它下面吗？ enter image description here

为了让代码按照我的预期行事，代码应该是什么样的？

进一步解释：

以下图片应该有助于说明我想要实现的目标。绿色位是ScrollViews - 我添加了它们，因为Android设备往往具有不同的屏幕尺寸。它们的目的是独立于屏幕尺寸正确地呈现内容，即如果屏幕很小，则用户将能够滚动该部分以读取整个文本并查看图像。左侧的红色位（简介）显示了应该始终位于屏幕底部的ImageView;它总是在那里，可见，并且它上面的绿色位是可移动的。如果您看一下右侧的红色位（说明），可以使用Intro屏幕截图中显示的卡车/卡车覆盖图像的“下一步”按钮。现在这是错的 - 图像旁边应该有2个按钮，如最后一个截图（2个蓝色矩形）所示。

enter image description here

同时使用RelativeLayout，LinearLayout和layout_weight - 奇怪的行为

0 个答案: