Comment créer une telle interface?

Question

Je pense à une interface pour mon application, j'ai donc appliqué un GridView pour avoir un tableau de bord, MAIS je ne suis pas satisfait du résultat, donc j'ai parcouru certaines applications et j'ai trouvé que celle-ci avait une très belle interface: http://images.frandroid.com/wp-content/uploads/2012/02/patiner.jpg Je voudrais savoir si cela est basé sur un GridView ou des images de boutons simples ou y a-t-il d'autres conseils? Merci beaucoup.

Answer 1

Cela devrait vous donner quelque chose comme ce que vous voulez. Mais j'ai utilisé des boutons ordinaires, vous aurez probablement besoin de boutons d'image. Je me suis juste trouvé avoir ce code ouvert donc j'ai coupé et collé pour le rendre plus "exemple amical" il pourrait ne pas être parfait.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical"> 
      <LinearLayout 
       android:id="@+id/LinearLayout01" 
       android:layout_width="match_parent" 
       android:layout_height="fill_parent" 
       android:layout_weight="1" > 

       <Button 
        android:id="@+id/btn1" 
        android:layout_weight="1" 
        android:text="1" 
        android:layout_width="0dp"/> 

       <Button 
        android:id="@+id/btn2" 
        android:layout_width="0dp" 
        android:layout_weight="1" 
        android:text="2" /> 
      </LinearLayout> 

      <LinearLayout 
       android:id="@+id/LinearLayout02" 
       android:layout_width="match_parent" 
       android:layout_height="fill_parent" 
       android:layout_weight="1" > 

       <Button 
        android:id="@+id/btn3" 
        android:layout_weight="1" 
        android:text="1" 
        android:layout_width="0dp"/> 

       <Button 
        android:id="@+id/btn4" 
        android:layout_width="0dp" 
        android:layout_weight="1" 
        android:text="2" /> 
      </LinearLayout> 
</LinearLayout>