代码之家  ›  专栏  ›  技术社区  ›  Samuel s

listview中的静态百分比图标

  •  0
  • Samuel s  · 技术社区  · 7 年前

    我正在制作一个学生的百分比分数列表,在每个列表项中,我想显示他们的百分比,不像动态进度条,而是环中的一个值。有办法吗? 我还想过下载1到100%的图标,并根据值显示在列表视图中,但它将有100个图像,有没有办法用名称和环形图标显示列表中的百分比

    enter image description here

    1 回复  |  直到 7 年前
        1
  •  1
  •   Goku Farhana Naaz Ansari    7 年前

    试试这个

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

    @可绘制/圆形进度条

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

    输出

    enter image description here