Android HorizontalScrollView 内容拉伸

Question

我有一个带有一些按钮的 HorizontalScrollView，我试图拉伸这些按钮以填充 HorizontalScrollView 的整个宽度，以便它们可以显得有组织且彼此之间间隔相等。这是我拥有的图像。

我希望这 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

不要搞乱

LinearLayout

，您应该遵循正确的解决方案，将

HorizontalScrollView

（或垂直）设置为

FillViewPort

。

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>

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

Answer 4

您在 HorizontalScrollView 拉伸和按钮在交互时调整其位置时遇到的问题可能是由以下一种或多种原因引起的：

 HorizontalScrollView scrollView = view.findViewById(R.id.your_scroll_view_id);
    scrollView.getViewTreeObserver().addOnGlobalLayoutListener(() -> {
        Log.d("LayoutCheck", "HorizontalScrollView layout updated");
        scrollView.requestLayout();
    });