線性佈局中的Android文本查看器

Question

我無法將兩個textveiw放在彼此之下。我嘗試使用 android：Layout_below =「@ + id/title」，但第二個textview始終放在遠處，而不是低於第一個文本視圖。如何將兩個textveiws精確地放置在彼此之下？

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context=".MainActivity"> 

    <fragment xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:map="http://schemas.android.com/apk/res-auto" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:id="@+id/map" 
     android:name="com.google.android.gms.maps.SupportMapFragment" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"/> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:gravity="top" 
     android:orientation="vertical"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="#453b4da7" 
      android:orientation="horizontal"> 

      <ImageButton 
       android:id="@+id/ThumbnailView" 
       android:layout_width="50dp" 
       android:layout_height="50dp" 
       android:layout_margin="0dp" 
       android:background="@drawable/ic_launcher" /> 

      <TextView 
       android:id="@+id/title" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignTop="@+id/ThumbnailView" 
       android:layout_toRightOf="@+id/ThumbnailView" 
       android:text="loading City" 
       android:textColor="#FF040404" 
       android:textSize="15dip" 
       android:textStyle="bold" 
       android:typeface="sans" /> 

      <TextView 
       android:id="@+id/location" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_below="@+id/title" 
       android:layout_marginTop="20dip" 
       android:layout_toRightOf="@+id/ThumbnailView" 
       android:text="Loading Locality" 
       android:textColor="#343434" 
       android:textSize="10dip" /> 

     </LinearLayout> 

    </LinearLayout> 


</FrameLayout> 

Answer 1

總結他們在一個垂直的LinearLayout

Answer 2

您使用線性佈局，並有不同的定位。只需給定垂直於線性佈局的方向，並將圖像視圖置於另一個線性佈局中，該線性佈局應該與水平線性佈局一致。 僞代碼是這樣的

Linear layout horizontal 
Child 1 : Image View 
Child 2 : Linear layout vertical 
      c1: text view 
      c2: text view 

希望這將有所幫助和抱歉，如果僞代碼不是那麼清楚。

Answer 3

這將這樣的伎倆：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context=".MainActivity"> 

    <fragment xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:map="http://schemas.android.com/apk/res-auto" 
     xmlns:tools="http://schemas.android.com/tools" 
     android:id="@+id/map" 
     android:name="com.google.android.gms.maps.SupportMapFragment" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"/> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:gravity="top" 
     android:orientation="vertical"> 

     <RelativeLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="#453b4da7" 
      android:orientation="horizontal"> 

      <ImageButton 
       android:id="@+id/ThumbnailView" 
       android:layout_width="50dp" 
       android:layout_height="50dp" 
       android:layout_margin="0dp" 
       android:background="@drawable/ic_launcher" /> 

      <TextView 
       android:id="@+id/title" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_alignTop="@+id/ThumbnailView" 
       android:layout_toRightOf="@+id/ThumbnailView" 
       android:text="loading City" 
       android:textColor="#FF040404" 
       android:textSize="15dip" 
       android:textStyle="bold" 
       android:typeface="sans" /> 

      <TextView 
       android:id="@+id/location" 
       android:layout_width="fill_parent" 

       android:layout_height="wrap_content" 
       android:layout_below="@+id/title" 
       android:layout_marginTop="20dip" 
       android:layout_toRightOf="@+id/ThumbnailView" 
       android:text="Loading Locality" 
       android:textColor="#343434" 
       android:textSize="10dip" /> 

     </RelativeLayout> 

    </LinearLayout> 


</FrameLayout>