Android Horizo​​ntalScrollView 内容拉伸

Question

我有一个带有一些按钮的 Horizo​​ntalScrollView，我正在尝试拉伸这些按钮以填充 Horizo​​ntalScrollView 的整个宽度，以便它们看起来有条理并且彼此之间等距。这是我拥有的图像。

我希望这 4 个按钮在整个宽度上都被拉伸！这是我的代码

    <HorizontalScrollView
    android:id="@+id/items_HorizontalBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/vf"
    android:background="#80000000"
    android:fillViewport="true" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal" >

        <Button
            android:layout_width="90dp"
            android:layout_height="fill_parent"
            android:layout_margin="5dp"
            android:background="@android:color/transparent"
            android:drawableTop="@drawable/rss"
            android:text="Light"
            android:textColor="@color/green_color"
            android:textSize="20sp" />

        <Button
            android:layout_width="90dp"
            android:layout_height="fill_parent"
            android:layout_margin="5dp"
            android:background="@android:color/transparent"
            android:drawableTop="@drawable/rss"
            android:text="Door"
            android:textColor="@color/green_color"
            android:textSize="20sp" />

        <Button
            android:layout_width="90dp"
            android:layout_height="fill_parent"
            android:layout_margin="5dp"
            android:background="@android:color/transparent"
            android:drawableTop="@drawable/rss"
            android:text="Alarms"
            android:textColor="@color/green_color"
            android:textSize="20sp" />

        <Button
            android:layout_width="90dp"
            android:layout_height="fill_parent"
            android:layout_margin="5dp"
            android:background="@android:color/transparent"
            android:drawableTop="@drawable/rss"
            android:text="Window"
            android:textColor="@color/green_color"
            android:textSize="20sp" />
    </LinearLayout>
</HorizontalScrollView>

Answer 1

您应该遵循将HorizontalScrollView（或垂直）设置为FillViewPort的正确解决方案，而不是搞乱LinearLayout。

XML：

android:fillViewport="true"

以编程方式：

hsv.setFillViewport(true);

Answer 2

对于均等分布，设置父级的 weightSum 值，并将 layout_weight 分配给其子级。

对于 4 个大小相同的按钮，将 android:weightSum="1" 添加到 LinearLayout。为每个按钮设置android:layout_width="0dp"，然后添加android:layout_weight="0.25"。

这就是代码中发生的情况，但根据视图，Eclipse GUI 中的“均匀分布权重” 按钮也可以提供帮助。

但是，HorizontalScrollView 只能容纳一个直接孩子，我想知道这个布局的结构...

Answer 3

尝试使容器成为水平滚动视图。之后添加表格布局，并在表格的每一行中添加一个水平线性层。现在将发生的事情是，滚动视图将被拉伸以适合您设置的按钮大小，并且应该滚动而无需您进行编程，并且您应该有效地创建了一个网格。 尝试类似的方法：

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/sc1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="horizontal" >

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >



            <Button
                android:id="@+id/button1"
                android:layout_width="180dp"
                android:layout_height="wrap_content"
                android:text="Button" />



            <Button
                android:id="@+id/button2"
                android:layout_width="180dp"
                android:layout_height="wrap_content"
                android:text="Button" />



            <Button
                android:id="@+id/button3"
                android:layout_width="230dp"
                android:layout_height="wrap_content"
                android:text="Button" />



            <Button
                android:id="@+id/button4"
                android:layout_width="233dp"
                android:layout_height="wrap_content"
                android:text="Button" />

        </LinearLayout>

    </TableRow>

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </TableRow>

    <TableRow
        android:id="@+id/tableRow4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </TableRow>
</TableLayout>

也许您也可以将水平滚动视图包装在垂直滚动视图中，然后您可以向上/向下、向左/向右滚动并根据需要进行操作。