在Android佈局中對齊左側和右側邊的文字瀏覽

Question

我正在開始使用Android。我無法獲得簡單的佈局。

我想用一個LinearLayout在單排定位兩個TextViews。一個TextView在左側，另一個在右側（類似於float：left，float：right在CSS中）。

這是可能的，或者我需要使用不同的ViewGroup或進一步佈局嵌套來完成呢？

這是我到目前爲止有：

<?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="horizontal" android:padding="10sp"> 
<TextView android:id="@+id/mytextview1" android:layout_height="wrap_content" android:text="somestringontheleftSomestring" android:layout_width="wrap_content"/> 
<TextView android:id="@+id/mytextview2" android:layout_height="wrap_content" android:ellipsize="end" 
    android:text="somestringontheright" android:layout_width="wrap_content"/> 
</LinearLayout> 

Answer 1

使用RelativeLayout與layout_alignParentLeft和layout_alignParentRight：

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RelativeLayout01" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:padding="10dp"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:id="@+id/mytextview1"/> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentRight="true" 
     android:id="@+id/mytextview2"/> 

</RelativeLayout> 

此外，you should probably be using dip (or dp) rather than sp in your layout。 sp反映文本設置以及屏幕密度，因此它們通常僅用於調整文本項目大小。

Answer 2

您可以使用gravity屬性來「浮動」視圖。

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

    <LinearLayout 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:gravity="center_vertical|center_horizontal" 
      android:orientation="horizontal"> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="left" 
      android:layout_weight="1" 
      android:text="Left Aligned" 
      /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:gravity="right" 
      android:layout_weight="1" 
      android:text="Right Aligned" 
      /> 
    </LinearLayout> 

</LinearLayout> 

Answer 3

<TextView 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_weight="1" 
    android:text="Hello world" /> 

<View 
    android:layout_width="0dp" 
    android:layout_height="match_parent" 
    android:layout_weight="1" /> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Gud bye" /> 

Answer 4

即使Rollin_s的小費，戴夫·韋伯的回答並沒有爲我工作。右邊的TextView中的文字仍然與左邊的TextView中的文字重疊。

我終於得到了我想要的東西這樣的行爲：

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/RelativeLayout01" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="10dp"> 

<TextView 
    android:id="@+id/mytextview1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_alignParentLeft="true" /> 

<TextView 
    android:id="@+id/mytextview2" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_toRightOf="@id/mytextview1" 
    android:gravity="right"/> 

</RelativeLayout> 

注意mytextview2具有"android:layout_width"設置爲"match_parent"。

希望這可以幫助別人！

Answer 5

它可以用LinearLayout（較少的開銷）完成。給第二個視圖剩餘空間，以便gravity可以工作。經測試回API 16

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="Aligned left" /> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:gravity="end" 
     android:text="Aligned right" /> 
</LinearLayout> 

如果你想限制第一文本視圖的大小，這樣做：

調整權重的要求。

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <TextView 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:text="Aligned left but too long and would squash the other view" /> 

    <TextView 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:gravity="end" 
     android:text="Aligned right" /> 
</LinearLayout>