Показать прогресс бар рядом с текстом ListView

Question

Я пытаюсь сделать ListView с прогресс бар точно как на картинке ниже

Я использование android:layout_toRightOf для отображения Progressbar рядом с Pro-XXX-XXX, но он отображается под текстом.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <TextView android:id="@+id/ListProject" 
     android:textStyle="bold" 
     android:textColor="@color/black" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"/> 
    <ProgressBar 
     android:id="@+id/downloadProgressBar" 
     style="?android:attr/progressBarStyleHorizontal" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toRightOf="@+id/ListProject" /> 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textColor="@color/blue" 
     android:id="@+id/ListTimeIn"/> 
    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textColor="@color/blue" 
     android:layout_toLeftOf="@+id/ListTimeIn" 
     android:id="@+id/ListTimeOut"/> 
    <TextView android:id="@+id/ListDescription" 
     android:layout_width="wrap_content" 
     android:textColor="@color/blue" 
     android:layout_height="wrap_content"/> 

</LinearLayout> 

Изменения в RelativeLayout

@Chintan ответить

Answer 1

Вы должны использовать инструменты, предоставляемые с относительным макетом.

Ваш ProgressBar должен быть "toRightOf", а также "toEndOf" TextView:

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

<RelativeLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:paddingTop="10dp"> 

    <TextView 
     android:id="@+id/ListProject" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:paddingEnd="20dp" 
     android:paddingRight="20dp" 
     android:text="Test" 
     android:textColor="@color/black" 
     android:textStyle="bold"/> 

    <ProgressBar 
     android:id="@+id/downloadProgressBar" 
     style="?android:attr/progressBarStyleHorizontal" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toEndOf="@id/ListProject" 
     android:layout_toRightOf="@+id/ListProject"/> 
</RelativeLayout> 

<TextView 
    android:id="@+id/ListTimeIn" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Test"/> 

<TextView 
    android:id="@+id/ListTimeOut" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="test"/> 

<TextView 
    android:id="@+id/ListDescription" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="test"/> 
</LinearLayout> 

Я только что проверил это XML, и это работает прекрасно.

Answer 2

Замените xml на xml ниже.

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

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

     <TextView 
      android:id="@+id/ListProject" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:lines="2" 
      android:textColor="@color/black" 
      android:textStyle="bold" /> 

     <ProgressBar 
      android:id="@+id/downloadProgressBar" 
      style="?android:attr/progressBarStyleHorizontal" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" /> 

    </LinearLayout> 

    <TextView 
     android:id="@+id/ListTimeIn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textColor="@color/blue" /> 

    <TextView 
     android:id="@+id/ListTimeOut" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@+id/ListTimeIn" 
     android:textColor="@color/blue" /> 

    <TextView 
     android:id="@+id/ListDescription" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textColor="@color/blue" /> 

</LinearLayout> 

Дайте мне знать, если это сработает для вас.

Answer 3

положить следующего код

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

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"> 

     <TextView 
      android:id="@+id/ListProject" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="HProxx -cxcscdc" 
      android:layout_alignParentLeft="true" 
      android:layout_toLeftOf="@+id/downloadProgressBar" 
      android:textColor="@color/black" 
      android:textStyle="bold" /> 

     <ProgressBar 
      android:id="@+id/downloadProgressBar" 
      style="?android:attr/progressBarStyleHorizontal" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_alignParentRight="true" 
      /> 
    </RelativeLayout> 
    <TextView 
     android:id="@+id/ListTimeIn" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="HProxx -cxcscdc" 
     android:textColor="#CADFFF" /> 

    <TextView 
     android:id="@+id/ListTimeOut" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_toLeftOf="@+id/ListTimeIn" 
     android:text="HProxx -cxcscdc" 
     android:textColor="#CADFFF" /> 

    <TextView 
     android:id="@+id/ListDescription" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:text="HProxx -cxcscdc" 
     android:textColor="#CADFFF" /> 

</LinearLayout>