2013-03-01 55 views
0

我遇到了布局问题。我希望有一个水平的文件,蒙山两行各一个:布局如何配置

这是一种类似于我想:

enter image description here

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

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    android:gravity="center" 

> 

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


    <ImageView android:id="@+id/takeBike" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
     android:src="@drawable/flecha_1" 
     android:background="@null"/> 

    <ImageView android:id="@+id/returnBike" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
     android:src="@drawable/flecha_2" 
     android:background="@null"/> 

</LinearLayout> 

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


    <TextView android:id="@+id/takeTime" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
    /> 

    <TextView android:id="@+id/returnTime" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
    /> 

</LinearLayout> 

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


    <TextView android:id="@+id/parkingTake" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
    /> 

    <TextView android:id="@+id/parkingReturn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
    /> 

</LinearLayout> 


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


    <TextView android:id="@+id/useTime" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
    /> 

    <TextView android:id="@+id/cost" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="8dip" 
     android:layout_marginBottom="8dip" 
     android:layout_marginLeft="20dip" 
    /> 

</LinearLayout> 

但我得到什么:

enter image description here

wh这是错误吗?

回答

2

Android的plataform有这种情况,TableLayout特定的布局。

你使用TableLayout布局:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:stretchColumns="1"> 

    <TableRow> 

     <ImageView android:id="@+id/takeBike" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="8dip" 
       android:layout_marginBottom="8dip" 
       android:layout_marginLeft="20dip" 
       android:src="@drawable/flecha_1" 
       android:background="@null"/> 

     <TextView android:id="@+id/takeTime" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="8dip" 
       android:layout_marginBottom="8dip" 
       android:layout_marginLeft="20dip"/> 

     <TextView android:id="@+id/parkingTake" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="8dip" 
       android:layout_marginBottom="8dip" 
       android:layout_marginLeft="20dip"/> 

     <TextView android:id="@+id/useTime" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginTop="8dip" 
       android:layout_marginBottom="8dip" 
       android:layout_marginLeft="20dip"/> 

    </TableRow> 

    <TableRow> 

     <ImageView android:id="@+id/returnBike" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="8dip" 
      android:layout_marginBottom="8dip" 
      android:layout_marginLeft="20dip" 
      android:src="@drawable/flecha_2" 
      android:background="@null"/> 

     <TextView android:id="@+id/returnTime" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="8dip" 
      android:layout_marginBottom="8dip" 
      android:layout_marginLeft="20dip"/> 

     <TextView android:id="@+id/parkingReturn" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="8dip" 
      android:layout_marginBottom="8dip" 
      android:layout_marginLeft="20dip"/> 

     <TextView android:id="@+id/cost" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="8dip" 
      android:layout_marginBottom="8dip" 
      android:layout_marginLeft="20dip"/> 



    </TableRow> 
</TableLayout> 
0

使用像

<?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:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal" 
    > 


<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:layout_weight=".25"> 


    <Button 
     android:id="@+id/play_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="left" /> 

    <Button 
     android:id="@+id/stop_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="right" /> 

</LinearLayout> 

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:layout_weight=".25"> 


    <TextView 
     android:id="@+id/play_button" 
     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 
     android:text="12 02 14:07" 
     android:layout_weight=".5"/> 

    <TextView 
     android:id="@+id/stop_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="12 02 14:07" /> 

</LinearLayout> 

<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:layout_weight=".25"> 


    <TextView 
     android:id="@+id/play_button" 
     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 
     android:text="12 02 14:07" 
     android:layout_weight=".5"/> 

    <TextView 
     android:id="@+id/stop_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="12 02 14:07" /> 

</LinearLayout> 
<LinearLayout 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" 
    android:layout_weight=".25"> 


    <TextView 
     android:id="@+id/play_button" 
     android:layout_width="wrap_content" 
     android:layout_height="fill_parent" 
     android:text="12 02 14:07" 
     android:layout_weight=".5"/> 

    <TextView 
     android:id="@+id/stop_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="12 02 14:07" /> 

</LinearLayout> 
</LinearLayout> 

</LinearLayout> 
1

嵌套布局在布局中除去该标记android:gravity="center"这将是很好的我想是这样。

1

对不起,我觉得很懒,所以没有试着在你的代码中找到问题,而是为你写了正确的。这里你去:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="wrap_content" 
    android:layout_height="70dp" 
    android:background="#1E90FF" 
    android:orientation="horizontal" > 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_margin="5dp" 
     android:background="#87CEFA" 
     android:orientation="vertical" > 

     <ImageView 
      android:id="@+id/imageView1" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:src="@android:drawable/ic_media_previous" /> 

     <ImageView 
      android:id="@+id/imageView2" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:src="@android:drawable/ic_media_next" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_margin="5dp" 
     android:background="#87CEFA" 
     android:orientation="vertical" > 

     <TextView 
      android:id="@+id/textView1" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:gravity="center_vertical" 
      android:singleLine="true" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 

     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:gravity="center_vertical" 
      android:singleLine="true" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_margin="5dp" 
     android:background="#87CEFA" 
     android:orientation="vertical" > 

     <TextView 
      android:id="@+id/textView3" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:gravity="center_vertical" 
      android:singleLine="true" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 

     <TextView 
      android:id="@+id/textView4" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:gravity="center_vertical" 
      android:singleLine="true" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_margin="5dp" 
     android:background="#87CEFA" 
     android:orientation="vertical" > 

     <TextView 
      android:id="@+id/textView5" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:gravity="center_vertical" 
      android:singleLine="true" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 

     <TextView 
      android:id="@+id/textView6" 
      android:layout_width="wrap_content" 
      android:layout_height="30dp" 
      android:gravity="center_vertical" 
      android:singleLine="true" 
      android:text="Medium Text" 
      android:textAppearance="?android:attr/textAppearanceMedium" /> 
    </LinearLayout> 

</LinearLayout> 

请看看你的代码段出了什么问题。为了更快地回复,我复制了一遍又一遍的样式,您应该在样式中指定并使用它,遵循指导原则,它将从长远角度帮助您。 PFB屏幕从图形布局拍: Screen shot