2011-09-16 4 views
0

Lorsque je conçois mon application Android en utilisant XML et pour cette application en utilisant la mise en page Relative, mais quand je mets les boutons sur mon écran avec le fond PNG j'ai fait son mauvais look .. les boutons ne sont pas mis comme ils le devraient .. Regardez cette image:Résolution de problèmes de conception en XML?

Picture of my design

Comment puis-je résoudre sorte que les boutons Pluss et pour cent et la virgule et le bouton égal sera placé à droite au lieu de regarder tout ce bizarre?

Si vous êtes intéressé pour voir mon code XML est ici un lien pour pastebin: http://pastebin.com/gpxnPT4P

+0

Pourquoi ne pas utiliser GridLayout? –

+0

Cus quand j'ai demandé ici sur débordement de pile pour des conseils comment mettre les boutons l'un à côté de l'autre ils ont dit relatif serait le meilleur pour moi .. – Rakso

Répondre

1

Je pense que vous devez vérifier la android:layout_... de chaque élément qui montre mal. Par exemple, la déclaration du numéro 5 bouton est:

<Button android:background="@drawable/number5" android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:layout_marginTop="5dp" android:layout_marginBottom="5dp" android:id="@+id/number5" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_below="@+id/number8" android:layout_alignLeft="@+id/divided"></Button> 

Si vous regardez attentivement la déclaration android:layout_alignLeft pointe sur le bouton dé division (@+id/divided) qui est loin. Il y a une situation similaire avec le bouton pour le numéro 6.

Essayez cette déclaration pour le numéro 5 bouton:

<Button android:background="@drawable/number5" android:layout_marginLeft="5dp" android:layout_marginRight="5dp" android:layout_marginTop="5dp" android:layout_marginBottom="5dp" android:id="@+id/number5" android:layout_height="wrap_content" android:layout_width="wrap_content" android:layout_below="@+id/number8" android:layout_alignLeft="@+id/number4"></Button> 

Hope this helps

+0

Cela fait ressembler à ceci: Lien vers tinypic: http: //i52.tinypic. com/24fh7xu.png – Rakso

+0

Je ne comprends pas la signification de "alignLeft". Essayez de changer le 'android: layout_alignLeft =" @ + id/number4 "' pour 'android: layout_toRightOf =" @ + id/number4 "'. [Ce lien] (http://developer.android.com/reference/android/widget/RelativeLayout.LayoutParams.html) peut vous aider. –

Questions connexes