Question

我正在尝试使用进度条创建一个listView，与下面的图像完全相同

我使用android:layout_toRightOf在Pro-XXX-XXX旁边显示progressBar，但它显示在文本下方。

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

下面的代码

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

Answer 2

您需要使用相对布局提供的工具。

你的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 3

将您的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>

请告诉我这是否适合您。

在ListView中的文本旁边显示进度条

3 个答案: