2014-07-03 89 views
0

我試圖將textview設置爲其他兩個textviews的左側。我想我可能會使用某種容器將它們分開,然後將第一個textview設置爲包含另外兩個textview的容器的左側。但我沒有找到任何可行的方法。將佈局元素分組到右側的另一個組或元素

我嘗試使用relativelayout將它們組合在一起,但它似乎只填充整個屏幕寬度並使第一個textview位於屏幕左側。

如果我在第一個textview的右側設置了包含另外兩個textview的relativelayout,它還是有效的,但是如果第一個textview中的文本太長,它會重疊容器及其內容,不想要它。

在下面的例子中,「textview1」將包含一個更長的字符串,可能需要1-3行。 另外兩個只包含幾個字符,但它們是可見的,這很重要。

起初,我在textview2的左邊有textview1,但有時textview3會比textview2更寬,從而導致問題。

任何想法如何解決這個問題?

請參閱下面的鏈接,瞭解它應該是什麼樣子以及它現在如何按照要求查看圖片。

http://i.stack.imgur.com/1d5o4.png

<RelativeLayout 
    android:id="@+id/RelativeLayout01" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"> 

    <TextView 
     android:id="@+id/textview1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginTop="0dp" 
     android:layout_toLeftOf="@+id/RelativeLayout02" 
     android:textSize="16sp" 
     android:paddingLeft="10dp" 
     android:paddingRight="10dp" 
     android:textColor="#111" 
     android:background="#FF9999"> 
    </TextView> 

    <RelativeLayout 
     android:id="@+id/RelativeLayout02" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:gravity="right"> 

     <TextView 
      android:id="@+id/textview2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_marginTop="0dp" 
      android:layout_marginLeft="0dp" 
      android:gravity="right" 
      android:textSize="16sp" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:textColor="#111" 
      android:background="#99FF99"> 
     </TextView> 

     <TextView 
      android:id="@+id/textview3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_below="@+id/textview2" 
      android:layout_marginTop="10dp" 
      android:layout_marginLeft="0dp" 
      android:textSize="16sp" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:textColor="#111" 
      android:background="#9999FF"> 
     </TextView> 
    </RelativeLayout> 
</RelativeLayout> 
+0

請張貼預期和電流輸出的圖像。 – Aniruddha

+0

添加圖片。可在http://i.stack.imgur.com/1d5o4.png –

+0

這是什麼?預期產出? – Aniruddha

回答

0

這裏是佈局,只是玩弄的高度。

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


    <TextView android:layout_width="0dp" 
     android:layout_height="50dp" 
     android:layout_weight="0.8" 
     android:background="#ff0000"/> 


    <LinearLayout 
    android:layout_width="0dp" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:layout_weight="0.2" 
    > 

    <TextView android:layout_width="match_parent" 
     android:layout_height="wrap_content" 

     android:background="#00ff00"/> 

    <TextView android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="#0000ff"/> 

</LinearLayout> 
</LinearLayout> 

這裏是輸出

Image

+0

這是可用的。謝謝。我想知道是否有可能以百分比的寬度,而不是以wrap_content的方式。但它可能不是。 –

+0

Android手機的屏幕尺寸各不相同,所以最好隨重。 – Aniruddha

0
Give the width and height for Textview1 

for example 


<?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" > 

    <RelativeLayout 
     android:id="@+id/textview01_layout" 
     android:layout_width="240dp" 
     android:layout_height="wrap_content" > 

     <TextView 
      android:id="@+id/textview1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginTop="0dp" 
      android:background="#FF9999" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:text="parthi" 
      android:textColor="#111" 
      android:textSize="16sp" > 
     </TextView> 
    </RelativeLayout> 

    <RelativeLayout 
     android:id="@+id/RelativeLayout02" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:gravity="right" > 

     <TextView 
      android:id="@+id/textview2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_marginLeft="0dp" 
      android:layout_marginTop="0dp" 
      android:background="#99FF99" 
      android:gravity="right" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:text="parthi" 
      android:textColor="#111" 
      android:textSize="16sp" > 
     </TextView> 

     <TextView 
      android:id="@+id/textview3" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      android:layout_below="@+id/textview2" 
      android:layout_marginLeft="0dp" 
      android:layout_marginTop="10dp" 
      android:background="#9999FF" 
      android:paddingLeft="10dp" 
      android:paddingRight="10dp" 
      android:text="parthi" 
      android:textColor="#111" 
      android:textSize="16sp" > 
     </TextView> 
    </RelativeLayout> 

    <LinearLayout> 
    </LinearLayout> 
相關問題