2011-10-21 5 views
5

Tengo problemas para diseñar el menú de una aplicación con XML. Lo que quiero hacer es tener ambos ToggleButton y Button a la misma altura, pero el Button no aparece alineado. Es como si tuviera algo invisible debajo que lo hace parecer un poco más alto.El botón y ToggleButton no se alinearán a la misma altura

He estado buscando información, pero no encontré nada

Aquí está el código que he escrito en el main.xml:

(...)  
    <TextView 
     android:text="Option1:" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" /> 
    <LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 
    <ToggleButton 
     android:id="@+id/toggle_option1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:width="100sp" 
     android:height="50sp" /> 
    <Button 
     android:id="@+id/button_option1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:height="50sp" 
     android:text="See" 
    /> 
    </LinearLayout> 

alguna idea?

+1

¿Nos podría proporcionar una captura de pantalla? Solo publique la URL de la imagen en la pregunta y publicaré la imagen. –

+0

cambie la altura de 'ToggleButton' como' android: layout_height = "fill_parent" ' –

+1

¡Gracias Adil Soomro, cambiar a fill_parent funciona bien! – ArcDare

Respuesta

4

Prueba esto:

<LinearLayout 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:orientation="horizontal"> 
<ToggleButton 
    android:id="@+id/toggle_option1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:width="100sp" 
    android:height="50sp" 
    android:layout_marginBottom="5sp" /> 
<Button 
    android:id="@+id/button_option1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:height="50sp" 
    android:text="See" 
    android:layout_marginTop="6sp" 
/> 
</LinearLayout> 
+2

¡Muchas gracias! Con el layout_margins Carnal Suggested funciona perfecto! ¿No es extraño que no estén alineados por defecto? PD: Yo votaría, pero no puedo porque todavía tengo menos de 15 en reputación. ¡Lo haré cuando pueda! – ArcDare

+0

Está bien amigo, pero de hecho hay una manera más fácil. En lugar de usar android: layout_marginBottom y marginTop, intenta usar android: layout_height = "fill_parent" en togglebutton, mira si funciona :) – Carnal

+1

¡Sí, sí! ¡Creo que de hecho es la mejor manera! – ArcDare

0
<ToggleButton 
android:layout_height="wrap_content" 
android:id="@+id/toggle_option1" 
android:layout_width="70dp"> 
</ToggleButton> 
    <Button 
android:id="@+id/button_option1" 
android:text="See" 
android:layout_height="wrap_content" 
android:layout_width="70dp"> 
</Button> 
+0

Lo siento pero eso realmente no hace lo que estábamos buscando, incluso si agrego el diseño lineal horizontal; El botón todavía no está alineado con alternar – ArcDare

2

Esto es lo que hice:

<ToggleButton 
     android:id="@+id/tbtnAll" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_vertical" 
     android:height="48dp" 
     /> 

<Button 
     android:id="@+id/tbtnOther" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_vertical" 
     android:height="50dp" 
    /> 
Cuestiones relacionadas