2013-03-01 2 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

Андроида 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

Смежные вопросы