列表视图中的静态百分比图标

Question

我正在列出学生的百分比分数，并且在每个列表项中我想显示他们的百分比，而不是动态进度条，而只是 ring 内的值。有没有办法做到这一点？ 我也想过下载 1 到 100% 的图标并根据值显示在列表视图中，但它将有 100 个图像，有没有办法在列表中显示百分比，名称和环类似

Answer 1

试试这个

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

        <ProgressBar
            android:id="@+id/cmll_progrssbar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="70dp"
            android:layout_height="70dp"
            android:indeterminate="false"
            android:layoutDirection="rtl"
            android:max="100"
            android:progress="70"
            android:progressDrawable="@drawable/circle_progressbar" />

        <TextView
            android:id="@+id/cmll_completed_per"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@id/cmll_progrssbar"
            android:layout_alignLeft="@id/cmll_progrssbar"
            android:layout_alignRight="@id/cmll_progrssbar"
            android:layout_alignTop="@id/cmll_progrssbar"
            android:layout_gravity="center"
            android:gravity="center"
            android:padding="10dp"
            android:text="70%" />

</RelativeLayout>

@drawable/circle_progressbar

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:id="@android:id/progress">
        <rotate
            android:fromDegrees="270"
            android:toDegrees="270"
            android:pivotX="50%"
            android:pivotY="50%" >
            <shape
                android:innerRadiusRatio="2.5"
                android:shape="ring"
                android:thicknessRatio="25.0" >
                <gradient
                    android:centerColor="@color/colorRed"
                    android:endColor="@color/colorRed"
                    android:startColor="@color/colorRed"
                    android:type="sweep" />
            </shape>
        </rotate>
    </item>
</layer-list>

输出