LinearLayout中的TextView被另一個TextView推到外面

Question

美好的一天！我正在嘗試實現特定類型的佈局。我希望有人能給我提示如何正確地做到這一點。

因此，在我的佈局中，我有一個LinearLayout內部的兩個TextView，它們具有水平方向。第一個TextView包含公司的名稱，第二個包含許多與之關聯的項目。

我想我的佈局表現得像個this.

我目前的佈局看起來像this。

這裏的佈局的具體代碼：

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 

    <TextView 
     android:id="@+id/contractor_item_name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:ellipsize="end" 
     android:maxLines="1" 
     android:text="Gem Seeker Company and Supplies in" 
     android:textColor="@color/list_title" 
     android:textSize="16sp" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="(0)" 
     android:textSize="16sp" 
     android:textStyle="bold" 
     android:maxLines="1" 
     android:layout_marginStart="4dp" 
     android:textColor="@color/space_gray_01"/> 

</LinearLayout> 

繼承人的佈局的完整代碼：

<?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="wrap_content" 
    android:layout_marginEnd="8dp" 
    android:layout_marginStart="8dp" 
    android:layout_marginTop="8dp" 
    android:background="@android:color/white" 
    android:orientation="horizontal"> 

    <LinearLayout 
     android:id="@+id/contractor_item_layout" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:background="?attr/selectableItemBackgroundBorderless" 
     android:clickable="true" 
     android:orientation="horizontal"> 

     <ImageView 
      android:id="@+id/contractor_item_avatar" 
      android:layout_width="48dp" 
      android:layout_height="48dp" 
      android:layout_marginStart="16dp" 
      android:layout_marginTop="16dp" 
      android:background="@color/space_gray_01" 
      android:contentDescription="@string/image_description" 
      android:src="@drawable/ic_user_light" /> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:padding="16dp"> 

      <TextView 
       android:id="@+id/contractor_item_id" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:visibility="gone" /> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal"> 

       <TextView 
        android:id="@+id/contractor_item_name" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:ellipsize="end" 
        android:maxLines="1" 
        android:text="Gem Seeker Company and Supplies in" 
        android:textColor="@color/list_title" 
        android:textSize="16sp" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="(0)" 
        android:textSize="16sp" 
        android:textStyle="bold" 
        android:maxLines="1" 
        android:layout_marginStart="4dp" 
        android:textColor="@color/space_gray_01"/> 

      </LinearLayout> 

      <TextView 
       android:id="@+id/contractor_item_address" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:ellipsize="end" 
       android:maxLines="1" 
       android:text="@string/text_no_address" 
       android:textColor="@color/list_subtitle" 
       android:textSize="14sp" /> 

      <TextView 
       android:id="@+id/contractor_item_phone" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="@string/text_no_contact" 
       android:textColor="@color/list_subtitle" 
       android:textSize="14sp" /> 

     </LinearLayout> 

    </LinearLayout> 

    <ImageView 
     android:id="@+id/contractor_item_show" 
     android:layout_width="24dp" 
     android:layout_height="24dp" 
     android:layout_marginTop="8dp" 
     android:background="?attr/selectableItemBackgroundBorderless" 
     android:clickable="true" 
     android:contentDescription="@string/image_description" 
     android:src="@drawable/ic_show" 
     android:tint="@color/space_gray_02" /> 

</LinearLayout> 

Answer 1

你可以試試這個佈局，你要調整視圖只是給重子1和寬度odp它會正常工作。

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

    <TextView 
     android:id="@+id/contractor_item_name" 
     android:layout_width="0dp" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     android:ellipsize="end" 
     android:maxLines="1" 
     android:text="Gem Seeker Company and Supplies in dddddddddddds" 
     android:textColor="@color/list_title" 
     android:textSize="16sp" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="(0)" 
     android:textSize="16sp" 
     android:textStyle="bold" 
     android:maxLines="1" 
     android:layout_marginStart="4dp" 
     android:textColor="@color/space_gray_01"/> 

</LinearLayout> 

完整佈局

<?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="wrap_content" 
       android:layout_marginEnd="8dp" 
       android:layout_marginStart="8dp" 
       android:layout_marginTop="8dp" 
       android:background="@android:color/white" 
       android:orientation="horizontal"> 

    <LinearLayout 
     android:id="@+id/contractor_item_layout" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:background="?attr/selectableItemBackgroundBorderless" 
     android:clickable="true" 
     android:orientation="horizontal"> 

     <ImageView 
      android:id="@+id/contractor_item_avatar" 
      android:layout_width="48dp" 
      android:layout_height="48dp" 
      android:layout_marginStart="16dp" 
      android:layout_marginTop="16dp" 
      android:background="@color/space_gray_01" 
      android:contentDescription="@string/image_description" 
      android:src="@drawable/ic_user_light" /> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:padding="16dp"> 

      <TextView 
       android:id="@+id/contractor_item_id" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:visibility="gone" /> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:orientation="horizontal"> 

       <TextView 
        android:id="@+id/contractor_item_name" 
        android:layout_width="0dp" 
        android:layout_weight="1" 
        android:layout_height="wrap_content" 
        android:ellipsize="end" 
        android:maxLines="1" 
        android:text="Gem Seeker Company and Supplies in" 
        android:textSize="16sp" /> 

       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="(0)" 
        android:textSize="16sp" 
        android:textStyle="bold" 
        android:maxLines="1" 
        android:layout_marginStart="4dp" 
        android:textColor="@color/space_gray_01" 
        /> 

      </LinearLayout> 

      <TextView 
       android:id="@+id/contractor_item_address" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:ellipsize="end" 
       android:maxLines="1" 
       android:text="@string/text_no_address" 
       android:textColor="@color/list_subtitle" 
       android:textSize="14sp" /> 

      <TextView 
       android:id="@+id/contractor_item_phone" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="@string/text_no_contact" 
       android:textColor="@color/list_subtitle" 
       android:textSize="14sp" /> 

     </LinearLayout> 

    </LinearLayout> 

    <ImageView 
     android:id="@+id/contractor_item_show" 
     android:layout_width="24dp" 
     android:layout_height="24dp" 
     android:layout_marginTop="8dp" 
     android:background="?attr/selectableItemBackgroundBorderless" 
     android:clickable="true" 
     android:contentDescription="@string/image_description" 
     android:src="@drawable/ic_show" 
     android:tint="@color/space_gray_02" /> 

</LinearLayout> 

Answer 2

試試這個

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="horizontal"> 


<TextView 
    android:id="@+id/contractor_item_name" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:ellipsize="end" 
    android:maxLines="1" 
    android:maxLength="10" // set ellipsize as per your reqiement 
    android:text="Gem Seeker Company and Supplies in" 
    android:textSize="16sp" /> 

<TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="(0)" 
    android:textSize="16sp" 
    android:textStyle="bold" 
    android:maxLines="1" 
    android:layout_marginStart="4dp" 
    /> 
</LinearLayout> 

Answer 3

您需要使用在水平文本視圖 layout_weight財產。

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:weightSum="2" 
    android:orientation="horizontal"> 

    <TextView 
     android:id="@+id/contractor_item_name" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:ellipsize="end" 
     android:maxLines="1" 
     android:layout_weight="0.7" 
     android:text="Gem Seeker Company and Supplies in" 
     android:textColor="@android:color/black" 
     android:textSize="16sp" /> 

    <TextView 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_marginStart="4dp" 
     android:maxLines="1" 
     android:layout_weight="1.3" 
     android:text="(0)" 
     android:textColor="@android:color/black" 
     android:textSize="16sp" 
     android:textStyle="bold" 
     tools:ignore="RtlCompat" /> 

</LinearLayout> 

佈局代碼

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_marginEnd="8dp" 
    android:layout_marginStart="8dp" 
    android:layout_marginTop="8dp" 
    android:background="@android:color/white" 
    android:orientation="horizontal"> 

    <LinearLayout 
     android:id="@+id/contractor_item_layout" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_weight="1" 
     android:background="?attr/selectableItemBackgroundBorderless" 
     android:clickable="true" 
     android:orientation="horizontal"> 

     <ImageView 
      android:id="@+id/contractor_item_avatar" 
      android:layout_width="48dp" 
      android:layout_height="48dp" 
      android:layout_marginStart="16dp" 
      android:layout_marginTop="16dp" 
      android:background="@color/colorAccent" 
      android:contentDescription="@string/app_name" 
      android:src="@drawable/ic_back_test" 
      tools:ignore="RtlCompat" /> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:orientation="vertical" 
      android:padding="16dp"> 

      <TextView 
       android:id="@+id/contractor_item_id" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:visibility="gone" /> 

      <LinearLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:weightSum="2" 
       android:orientation="horizontal"> 

       <TextView 
        android:id="@+id/contractor_item_name" 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:ellipsize="end" 
        android:maxLines="1" 
        android:layout_weight="0.7" 
        android:text="Gem Seeker Company and Supplies in" 
        android:textColor="@android:color/black" 
        android:textSize="16sp" /> 

       <TextView 
        android:layout_width="0dp" 
        android:layout_height="wrap_content" 
        android:layout_marginStart="4dp" 
        android:maxLines="1" 
        android:layout_weight="1.3" 
        android:text="(0)" 
        android:textColor="@android:color/black" 
        android:textSize="16sp" 
        android:textStyle="bold" 
        tools:ignore="RtlCompat" /> 

      </LinearLayout> 

      <TextView 
       android:id="@+id/contractor_item_address" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:ellipsize="end" 
       android:maxLines="1" 
       android:text="Address" 
       android:textColor="@color/colorAccent" 
       android:textSize="14sp" /> 

      <TextView 
       android:id="@+id/contractor_item_phone" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:text="Contact" 
       android:textColor="@color/colorAccent" 
       android:textSize="14sp" /> 

     </LinearLayout> 

    </LinearLayout> 

    <ImageView 
     android:id="@+id/contractor_item_show" 
     android:layout_width="24dp" 
     android:layout_height="24dp" 
     android:layout_marginTop="8dp" 
     android:background="?attr/selectableItemBackgroundBorderless" 
     android:clickable="true" 
     android:contentDescription="@string/app_name" 
     android:src="@drawable/common_ic_googleplayservices" 
     android:tint="@color/colorAccent" /> 

</LinearLayout> 

Answer 4

需要聲明weightsum水平線性佈局內和分發佈局權重內部部件