0

我需要实现我的 android 布局，如下图所示：

在此处输入图像描述

A -应按以下方式固定组件 在此处输入图像描述

B -应该占据 75% 的屏幕空间并且应该有一个垂直滚动条

我的问题是，我的 Android XML 会是什么样子？伙计们提前谢谢。

我的 XML 如下：

    <?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:android1="http://schemas.android.com/apk/res/android"
    android:id="@+id/tvDate"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:fillViewport="true" >

    <RelativeLayout
        android1:layout_width="match_parent"
        android1:layout_height="match_parent" >

        <NumberPicker
            android1:id="@+id/numberPicker2"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignTop="@+id/numberPicker1"
            android1:layout_toRightOf="@+id/numberPicker1" />

        <NumberPicker
            android1:id="@+id/numberPicker3"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignTop="@+id/numberPicker2"
            android1:layout_toRightOf="@+id/numberPicker2" />

        <NumberPicker
            android1:id="@+id/numberPicker4"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignBottom="@+id/numberPicker3"
            android1:layout_toRightOf="@+id/numberPicker3" />

        <NumberPicker
            android1:id="@+id/numberPicker5"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignTop="@+id/numberPicker4"
            android1:layout_toRightOf="@+id/numberPicker4" />

        <NumberPicker
            android1:id="@+id/numberPicker6"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignBottom="@+id/numberPicker5"
            android1:layout_toRightOf="@+id/numberPicker5" />

        <NumberPicker
            android1:id="@+id/numberPicker7"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignBottom="@+id/numberPicker6"
            android1:layout_toRightOf="@+id/numberPicker6" />

        <NumberPicker
            android1:id="@+id/numberPicker8"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignTop="@+id/numberPicker7"
            android1:layout_toRightOf="@+id/numberPicker7" />

        <TextView
            android1:id="@+id/textView1"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignLeft="@+id/numberPicker1"
            android1:layout_alignParentTop="true"
            android1:layout_marginTop="22dp"
            android1:text="Start Mileage"
            android1:textAppearance="?android:attr/textAppearanceMedium" />

        <ImageView
            android1:id="@+id/imageView1"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignParentTop="true"
            android1:layout_marginRight="25dp"
            android1:layout_toLeftOf="@+id/textView1"
            android1:src="@drawable/line" />

        <Button
            android1:id="@+id/button1"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignParentLeft="true"
            android1:layout_alignTop="@+id/textView1"
            android1:layout_toLeftOf="@+id/imageView1"
            android1:text="Request Bundle" />

        <EditText
            android1:id="@+id/editText2"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignBaseline="@+id/textView3"
            android1:layout_alignBottom="@+id/textView3"
            android1:layout_toLeftOf="@+id/imageView1"
            android1:layout_toRightOf="@+id/textView5"
            android1:ems="10" />

        <TextView
            android1:id="@+id/textView4"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignLeft="@+id/textView3"
            android1:layout_below="@+id/editText2"
            android1:layout_marginTop="29dp"
            android1:text="Driver Name"
            android1:textAppearance="?android:attr/textAppearanceSmall" />

        <EditText
            android1:id="@+id/editText3"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignBaseline="@+id/textView4"
            android1:layout_alignBottom="@+id/textView4"
            android1:layout_alignRight="@+id/editText2"
            android1:layout_toRightOf="@+id/textView5"
            android1:ems="10" />

        <TextView
            android1:id="@+id/textView5"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignLeft="@+id/textView4"
            android1:layout_below="@+id/editText3"
            android1:layout_marginTop="31dp"
            android1:text="Number of passengers"
            android1:textAppearance="?android:attr/textAppearanceSmall" />

        <EditText
            android1:id="@+id/editText4"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignBaseline="@+id/textView5"
            android1:layout_alignBottom="@+id/textView5"
            android1:layout_toLeftOf="@+id/imageView1"
            android1:layout_toRightOf="@+id/textView5"
            android1:ems="10" />

        <TextView
            android1:id="@+id/textView3"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignParentLeft="true"
            android1:layout_below="@+id/button1"
            android1:layout_marginLeft="26dp"
            android1:layout_marginTop="27dp"
            android1:text="Vehicle Number"
            android1:textAppearance="?android:attr/textAppearanceSmall" />

        <TextView
            android1:id="@+id/textView2"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignLeft="@+id/textView5"
            android1:layout_centerVertical="true"
            android1:text="Date"
            android1:textAppearance="?android:attr/textAppearanceSmall" />

        <EditText
            android1:id="@+id/editText1"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_alignRight="@+id/editText4"
            android1:layout_centerVertical="true"
            android1:layout_toRightOf="@+id/textView5"
            android1:ems="10" >


            <requestFocus />
        </EditText>

        <NumberPicker
            android1:id="@+id/numberPicker1"
            android1:layout_width="wrap_content"
            android1:layout_height="wrap_content"
            android1:layout_below="@+id/textView1"
            android1:layout_marginLeft="242dp"
            android1:layout_toRightOf="@+id/textView5" />

    </RelativeLayout>

</ScrollView>
4

1 回答 1

1

现在我认为您应该自己再次阅读您的要求。您已经提到了 A 和 B，所以显然您必须使用两个容器（假设您确定 Fragments 不是更好的选择）。你为什么只用一个？

并且只用滚动视图包装第二个容器。如果你把 ScrollView 放在最外层，一切都会滚动！

使用外部 LinearView 并给内部容器一些权重（左侧android:layout_weight="1"和右侧android:layout_weight="3"）。权重使用任何剩余空间，并根据它们占总重量的百分比进行分配。所以在这种情况下，你有 25% 和 75%。

你真的应该阅读这些布局。请参阅有关它的Android 文档或查看博客样式 Android。如果您无法理解 Eclipse 布局编辑器生成的内容，那么您将无法获得想要的结果。

于 2013-01-29T12:22:08.573 回答