sirve - ¿Cómo espaciar uniformemente los botones de radio en Android?

radiobutton android checked

Question

Tengo tres botones de radio y quiero espaciarlos uniformemente en la pantalla. Cuando uso android:layout_weight="1" , los botones se estiran en la pantalla. Entonces, ¿cómo tendría la misma cantidad de espacio entre cada uno de ellos que también se adapta a diferentes tamaños de pantalla?

<RadioGroup 
        android:id="@+id/auton_bar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingLeft="10dp"
        android:layout_below="@id/clear_fields"
                >
        <RadioButton
            android:id="@+id/auton_radio_1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content" 
            android:background="@drawable/auton_col"
            android:layout_weight="1"

            />
        <!-- android:layout_marginRight="380dp"  --> 
        <RadioButton
            android:id="@+id/auton_radio_2"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content" 
            android:background="@drawable/auton_col"
            android:layout_weight="1"


            />
        <RadioButton
            android:id="@+id/auton_radio_3"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content" 
            android:background="@drawable/auton_col"
            android:layout_weight="1"
            />

    </RadioGroup>

Answer 1

Noté que el uso de ponderaciones de diseño para los botones RadioB hizo que se alinearan fuera del centro, a pesar de que definitivamente compartieron el 50% de la pantalla (estaban alineados a la izquierda). El establecimiento de una gravedad para cada RadioButton provocó que solo el texto estuviera centrado / facepalm

El XML a continuación muestra cómo alinear horizontalmente dos botones de radio (podría ser cualquier vista) y centrarlos:

                <RadioGroup
                    android:id="@+id/radiogroup"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal">

                    <Space
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"/>

                    <RadioButton
                        android:id="@+id/radioyes"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/yes"
                        android:checked="false"/>

                    <Space
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"/>

                    <RadioButton
                        android:id="@+id/radiono"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/no"
                        android:checked="false"/>

                    <Space
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"/>

                </RadioGroup>

Answer 2

Si desea que compartan el ancho de la pantalla por igual, debe configurar android:layout_width="match_parent" en cada View . Tu xml se convertiría en:

<RadioGroup
    android:id="@+id/auton_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/clear_fields"
    android:orientation="horizontal"
    android:paddingLeft="10dp" >

    <RadioButton
        android:id="@+id/auton_radio_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/auton_col" />
    <!-- android:layout_marginRight="380dp" -->

    <RadioButton
        android:id="@+id/auton_radio_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/auton_col" />

    <RadioButton
        android:id="@+id/auton_radio_3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:background="@drawable/auton_col" />
</RadioGroup>

Para elaborar, layout_weight se puede utilizar de dos maneras.

• Si tiene varias vistas en un diseño lineal vertical y desea que la última ocupe todo el espacio restante, puede establecer sus alturas en wrap_content y dar a la última vista un peso de 1.
• Si desea que todas las vistas compartan el espacio disponible, establezca todos los anchos / alturas en 0dp o match_parent y match_parent a cada vista el mismo valor de peso. Ellos compartirán el espacio por igual.

Para tener una escala dibujable de fondo, cree un nuevo xml que vaya en su carpeta drawable/ tenga este aspecto

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:gravity="center"
    android:src="@drawable/auton_col" />

Dale el nombre que desees (por ejemplo, auton_col_scale.xml) y haz referencia a ese dibujo como fondo.