Căn chỉnh các bản xem trước văn bản ở cạnh trái và phải trong bố cục Android

Question

Tôi đang bắt đầu với Android. Tôi gặp sự cố khi sắp xếp bố cục đơn giản.

Tôi muốn sử dụng LinearLayout để định vị hai TextViews trong một hàng. Một TextView ở phía bên tay trái, mặt còn lại ở phía bên phải (tương tự như float: left, float: ngay trong CSS).

Điều đó có thể xảy ra hay tôi cần sử dụng ViewGroup hoặc bố cục làm tổ khác để thực hiện nó?

Dưới đây là những gì tôi có cho đến nay:

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

Sử dụng một RelativeLayout với layout_alignParentLeft và 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> 

Ngoài ra, you should probably be using dip (or dp) rather than sp in your layout. sp phản ánh cài đặt văn bản cũng như mật độ màn hình để chúng thường chỉ để định kích thước các mục văn bản.

Answer 2

Bạn có thể sử dụng thuộc tính trọng lực cho chế độ xem "nổi".

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

Ngay cả với mũi Rollin_s của, câu trả lời Dave Webb đã không làm việc cho tôi. Văn bản ở bên phải TextView vẫn chồng chéo văn bản ở bên trái TextView.

tôi cuối cùng đã nhận hành vi của tôi muốn có một cái gì đó như thế này:

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

Lưu ý rằng mytextview2 có "android:layout_width" bộ như "match_parent".

Hy vọng điều này sẽ giúp ai đó!

Answer 5

Có thể thực hiện với LinearLayout (chi phí thấp hơn). Cung cấp cho chế độ xem thứ hai không gian còn lại để gravity có thể hoạt động. Kiểm tra lại 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> 

Nếu bạn muốn giới hạn kích thước của độ xem văn bản đầu tiên, làm như sau:

Điều chỉnh trọng lượng theo yêu cầu.

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