2 botones uno al lado del otro

4 minutos de lectura

avatar de usuario
luca

¿Cómo puedo poner 2 botones uno al lado del otro, para que ocupen todo el ancho, con un poco de espacio entre ellos?

Pensé en un diseño lineal horizontal, con 2 diseños sublineales configurados para coincidir con el padre y el peso 1, cada uno de ellos conteniendo el botón. ¿Hay una manera más sencilla? ¿Se puede lograr esto con diseños relativos?

  • puedes probar el diseño de la tabla, se colocan dos botones en la pestaña, creo que esto te encuentra

    – pengwang

    5 de abril de 2011 a las 11:57

  • Esto puede ser más complejo de lo que sugiere la pregunta … ya que debe agregar el diseño de la tabla, luego, después de la fila de la tabla, luego agregue dos botones.

    – Jana

    5 de abril de 2011 a las 12:03

  • posible duplicado del diseño de la tabla XML? ¿Dos filas de IGUAL ancho llenas de botones de igual ancho?

    – Estanque Robby

    5 de abril de 2011 a las 12:06

  • Estimado, no es necesario dar orientación, solo proporcione el relleno al botón y la orientación es horizontal por defecto, lo que necesita en su aplicación… pruébelo, espero que funcione…

    – Robin Hood

    5 de abril de 2011 a las 13:07

  • si el problema no se resuelve, consulte este enlace stackoverflow.com/questions/14892365/…

    – Pranoy Sarkar

    21 de agosto de 2016 a las 9:53

avatar de usuario
2rojo13

<LinearLayout 
    android:id="@+id/LinearLayout02" 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    android:layout_alignParentBottom="true">
    <Button 
        android:id="@+id/Button02" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:layout_weight="1" android:text="Apply">
    </Button>
    <Button 
        android:id="@+id/Button03" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content"
        android:layout_weight="1" 
        android:text="Cancel">
    </Button>
</LinearLayout>

  • Eso es lo primero que intenté, pero obtuve un error del compilador al intentar aplicar el peso del diseño en los botones… tal vez algo más estaba mal… Lo intentaré de nuevo

    – luca

    5 de abril de 2011 a las 14:57

  • eso me sorprende, uso este código para 1,6 a 2,3 sin ningún problema

    – 2rojo13

    5 de abril de 2011 a las 15:01

  • layout_alignParentBottom (línea 5) no es válido para LinearLayout.

    – SM Biggs

    28 de agosto de 2012 a las 14:27

  • tienes razón, pero en mi Código es el LL un hijo de un RelativeLayout, luego el LL se muestra en la parte inferior del RL

    – 2rojo13

    3 de septiembre de 2012 a las 10:39

  • esto no funciona Los botones de este ejemplo tienen un ancho similar solo porque el texto del interior tiene una longitud similar. Intente usar texto de longitud radicalmente diferente (estoy usando “Descargado” y “Todo”) y observe el efecto.

    – pstobiecki

    17 de enero de 2016 a las 16:18

avatar de usuario
iarroyo

Si quieres que los 2 botones ocupen todo el ancho y los botones tengan el mismo ancho, debes cambiar en los 2 botones la propiedad:

android:layout_width="wrap_content" a android:layout_width="match_parent"

porque si tienes uno de este botón con texto largo y el otro botón con texto corto, el botón con texto largo ocupará más espacio.

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal" >

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

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

</LinearLayout>

avatar de usuario
Derrick

Usando LinearLayout, para cada botón: haga que el ancho coincida con_parent, y el weight="1". El margen proporcionará un pequeño espacio entre cada botón. Con esto, puede agregar tantos botones seguidos como desee, todos con un ancho similar.

android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_margin="5dp"

avatar de usuario
Hussein

Prueba esto,

Hacer una RelaiveLayout orientation como horizontal y el dar un poco padding tener un espacio entre ellos..

Hacer el Layoutheight y Layoutwidth de tu deseo

Gracias

  • La orientación es una propiedad de LinearLayout, no de RelativeLayout. Aunque no creo que arroje un error de compilación, en realidad no tiene ningún efecto.

    –Kevin Grant

    6 de enero de 2014 a las 16:04

  • La orientación es una propiedad de LinearLayout, no de RelativeLayout. Aunque no creo que arroje un error de compilación, en realidad no tiene ningún efecto.

    –Kevin Grant

    6 de enero de 2014 a las 16:04

¿Ha sido útil esta solución?