Android HorizontalScrollView растягивание содержимого

У меня есть 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>

android java android-xml horizontalscrollview
person Ahmed Emad    schedule 11.07.2012    source источник

Ответы (3)


arrow_upward
0
arrow_downward

Для равного распределения установите значение weightSum родительского элемента и назначьте layout_weight его дочерним элементам.

Для 4 кнопок одинакового размера добавьте android:weightSum="1" к LinearLayout. Для каждой из кнопок установите android:layout_width="0dp", затем добавьте android:layout_weight="0.25".

Это то, что происходит в коде, но в зависимости от представления также может помочь кнопка "Распределить веса равномерно" в графическом интерфейсе Eclipse.

Однако HorizontalScrollView может содержать только один прямой дочерний элемент, мне интересно узнать о структуре этого макета...

person es0329    schedule 11.07.2012
comment
Это потрясающе! Я знал, что ответ был в android:layout_weight=0.25, но я не знал, как сделать общую сумму веса LinearLayout равной 1:D. Спасибо! - person Ahmed Emad; 11.07.2012

arrow_upward
1
arrow_downward

Вместо того, чтобы возиться с LinearLayout, вы должны следовать правильному решению, которое устанавливает HorizontalScrollView (или по вертикали) на FillViewPort.

XML:

android:fillViewport="true"

Программно:

hsv.setFillViewport(true);
person ahmadalibaloch    schedule 13.07.2016

arrow_upward
0
arrow_downward

попробуйте сделать контейнер горизонтальным прокруткой. После этого добавьте в макет таблицы, и в каждую строку таблицы добавьте горизонтальный линейный слой. что теперь произойдет вместо этого, так это то, что вид прокрутки будет растянут, чтобы соответствовать размеру кнопки, который вы установили, и должен прокручиваться без необходимости программировать что-либо, и вы должны были эффективно создать сетку. попробуйте что-то похожее на это:

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

Also perhaps you could wrap the horizontal scroll view in a vertical scroll view then you can scroll up/down, left/right and do as you need.

person WIllJBD    schedule 11.07.2012