2012-05-19 7 views
0

Je voulais concevoir une interface utilisateur comme celui-ci, enter image description heremise en œuvre Mise en page

Mais je ne peux pas ajouter ces boutons en bas et je ne reçois pas comment faire textview dans le centre.

Voici mon code.

<?xml version="1.0" encoding="utf-8"?> 

<LinearLayout android:orientation="horizontal" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
> 
<ImageView 
    android:id="@+id/poster" 
    android:layout_width="130dp" 
    android:layout_height="158dp" 
    android:scaleType="center" 
    android:src="@drawable/ic_launcher" /> 
<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="158dp" 
    android:orientation="vertical" > 

<TextView 
    android:layout_height="wrap_content" 
    android:id="@+id/titleTextView" 
    android:text="TextView" 
    android:layout_width="fill_parent" 
    android:gravity="center" 
    android:layout_gravity="center" 
    android:layout_centerInParent="true" 
    ></TextView> 
</LinearLayout> 
<LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" 
android:orientation="vertical"> 

    <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="button1" 
     android:id="@+id/button1button"></Button> 

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

     <Button 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="button3" 
     android:id="@+id/button1button3"></Button> 

    </LinearLayout> 

Voici comment la sortie looks.please me aider ce qui est des changements à faire dans mon code

enter image description here

+0

j'utiliser linéaire ** et ** dispositions relatives – keyser

Répondre

2

Convertissez votre mise en page parente en RelativeLayout et commencez à alligner les autres vues les unes par rapport aux autres à l'intérieur. Il vous aidera à assigner des vues où vous voulez sur l'écran indépendamment de sa taille.

1

peut-être cela vous aidera, essayer

<LinearLayout android:orientation="horizontal" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    > 
    <TableLayout 
        android:id="@+id/tblLayout" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" > 

        <TableRow 
         android:id="@+id/tblLayout_tableRow1" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:gravity="center" > 

         <TableLayout 
          android:id="@+id/tblLayout_tableRow1_tbllayout1" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" > 

          <TableRow 
           android:id="@+id/tblLayout_tableRow1_tbllayout1_tableRow1" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" 
           android:gravity="center" > 

           <TextView 
            android:id="@+id/tblLayout_tableRow1_tbllayout1_tableRow1_txtviewspace" 
            android:layout_width="150px" 
            android:layout_height="20px" /> 

    </TableRow> 
          <TableRow 
           android:id="@+id/tblLayout_tableRow1_tbllayout1_tableRow2" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" > 

           <TextView 
            android:id="@+id/tblLayout_tableRow1_tbllayout1_tableRow2_tbltxtviewspace" 
            android:layout_width="30px" 
            android:layout_height="40px" /> 
          </TableRow> 
         </TableLayout> 
        </TableRow> 

        <TableRow 
         android:id="@+id/tblLayout_tableRow2" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" > 

         <TableLayout 
          android:id="@+id/tblLayout_tableRow2_tblLayout1_tableRow2_tblLayout1" 
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content" > 
    <TableRow 
          android:id="@+id/tblLayout_tableRow2_tblLayout1_tableRow2_tblLayout1_tableRow2" 
           android:layout_width="wrap_content" 
           android:layout_height="wrap_content" > 

    <ImageView 
     android:id="@+id/poster" 
     android:layout_width="130dp" 
     android:layout_height="158dp" 
     android:scaleType="center" 
     android:src="@drawable/ic_launcher" /> 
    </TableRow> 
    </TableLayout> 
        </TableRow> 

     <TableRow 
         android:id="@+id/tblLayout_tableRow3" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:gravity="center" > 



     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="button1" 
      android:id="@+id/button1button"></Button> 

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

      <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="button3" 
      android:id="@+id/button1button3"></Button> 

     </TableRow> 
    </TableLayout> 
    </LinearLayout> 
0
<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

<TextView android:id="@+id/textView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentTop="true" 
    android:layout_marginTop="10dp" 
    android:text="Dummy text" /> 

<ImageView android:id="@+id/imageView1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" 
    android:layout_below="@+id/textView1" 
    android:layout_marginTop="36dp" 
    android:src="@drawable/chilly" /> 

<TextView android:id="@+id/textView2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentRight="true" 
    android:layout_centerVertical="true" 
    android:layout_marginRight="76dp" 
    android:text="Dummy Text" /> 

<Button android:id="@+id/button1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:layout_marginLeft="202dp" 
    android:text="Button3" /> 

<Button android:id="@+id/button2" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:layout_marginLeft="88dp" 
    android:text="Button2" /> 

<Button android:id="@+id/button3" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentBottom="true" 
    android:layout_toRightOf="@+id/button1" 
    android:text="Button1" />