Android視圖問題 - ImageView和兩個TextView的

Question

我試圖將兩個TextView的圖像視圖的右側（注意這不是在列表中）。我跟着this這個例子可行，但是當我開始增加TextView的文本大小和背景時會出現問題。儘管將高度設置爲wrap_content，但頂級文本視圖似乎仍然展開。

望着例子，我真的不明白

機器人：layout_height = 「機器人：ATTR/listPreferredItemHeight」

，爲什麼佈局高度設置爲26dip

android：layout_height =「26dip」

這是我與小的改動XML來layout_height我本以爲這工作

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" android:layout_height="wrap_content" 

    android:padding="6dip"> 

    <ImageView android:id="@+id/icon" android:layout_width="wrap_content" 
     android:layout_height="fill_parent" android:layout_alignParentTop="true" 
     android:layout_alignParentBottom="true" android:layout_marginRight="6dip" 

     android:src="@drawable/icon" /> 

    <TextView android:id="@+id/secondLine" android:layout_width="fill_parent" 
     android:layout_height="wrap_content" android:layout_toRightOf="@id/icon" 
     android:layout_alignParentBottom="true" 
     android:layout_alignParentRight="true" android:background="@layout/rounded" 
     android:textSize="20sp" android:singleLine="true" android:textColor="#FFFFFF" 
     android:textStyle="bold" android:ellipsize="marquee" android:padding="10dip" 
     android:layout_margin="5dip" 
     android:text="Simple application that shows how to use RelativeLayout" /> 

    <TextView android:layout_width="fill_parent" 
     android:layout_height="wrap_content" android:background="@layout/rounded" 
     android:layout_toRightOf="@id/icon" android:textSize="20sp" 
     android:singleLine="true" android:textColor="#FFFFFF" 
     android:textStyle="bold" android:layout_alignParentRight="true" 
     android:layout_alignParentTop="true" android:layout_above="@id/secondLine" 
     android:padding="10dip" android:layout_margin="5dip" android:gravity="center_vertical" 
     android:text="My Application" /> 

</RelativeLayout> 

這是生成的圖像???

任何幫助，將不勝感激。

我只是偶然在this post這似乎工作

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RelativeLayout" android:layout_width="fill_parent" 
    android:layout_height="wrap_content" android:padding="6dip"> 
    <ImageView android:id="@+id/Icon" android:layout_margin="5dip" 
     android:layout_width="wrap_content" android:layout_height="wrap_content" 
     android:layout_centerVertical="true" android:src="@drawable/addphoto" /> 
    <TextView android:id="@+id/topLine" android:layout_height="wrap_content" 
     android:layout_width="fill_parent" android:layout_margin="4dip" 
     android:layout_toRightOf="@+id/Icon" android:background="@layout/rounded" 
     android:padding="10dip" android:textSize="20sp" android:singleLine="true" 
     android:textColor="#FFFFFF" android:textStyle="bold" android:text="Name" /> 
    <TextView android:id="@+id/bottomLine" android:layout_height="wrap_content" 
     android:layout_width="fill_parent" android:layout_margin="4dip" 
     android:layout_toRightOf="@+id/Icon" android:layout_below="@+id/topLine" 
     android:padding="10dip" android:background="@layout/rounded" 

     android:textSize="20sp" android:singleLine="true" android:textColor="#FFFFFF" 
     android:textStyle="bold" android:text="Address" /> 

</RelativeLayout> 

Answer 1

你看到的結果，因爲你有TextView的以下屬性：android:layout_alignParentTop="true"和android:layout_above="@id/secondLine"。

上述屬性指定頂端必須與父對齊，底端必須位於「第二線」組件上方。

我刪除了上述兩個屬性，並對佈局進行了一些更改，以達到我想要的目標。請參閱下面的佈局。我希望這個佈局達到你想要獲得的。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 

android:padding="6dip"> 

<ImageView 
    android:id="@+id/icon" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentTop="true" 
    android:layout_marginRight="6dip" 

    android:src="@drawable/icon" /> 

<TextView 
    android:id="@+id/secondLine" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_toRightOf="@id/icon" 
    android:layout_below="@+id/text" 
    android:layout_alignParentRight="true" 
    android:textSize="20sp" 
    android:singleLine="true" 
    android:textColor="#FFFFFF" 
    android:textStyle="bold" 
    android:ellipsize="marquee" 
    android:padding="10dip" 
    android:layout_margin="5dip" 
    android:text="Simple application that shows how to use RelativeLayout" /> 

<TextView 
    android:id="@+id/text" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_toRightOf="@id/icon" 
    android:layout_alignBaseline="@id/icon" 
    android:textSize="20sp" 
    android:singleLine="true" 
    android:textColor="#FFFFFF" 
    android:textStyle="bold" 
    android:padding="10dip" 
    android:layout_margin="5dip" 
    android:gravity="center_vertical" 
    android:text="My Application" />