安卓自定义电量效果

最新推荐文章于 2024-05-21 10:10:55 发布

qq_42331921

最新推荐文章于 2024-05-21 10:10:55 发布

阅读量94

点赞数 2

文章标签： android gitee

本文链接：https://blog.csdn.net/qq_42331921/article/details/137962868

版权

效果图如下

背景图如下:

代码如下:

 <LinearLayout
                        android:orientation="horizontal"
                        android:id="@+id/Electricitylevel"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="10dp"
                        android:gravity="center">

                        <ProgressBar
                            android:paddingEnd="3.2dp"
                            android:paddingTop="1dp"
                            android:paddingBottom="0.9dp"
                            android:paddingStart="0.9dp"
                            android:id="@+id/progressBar"
                            style="?android:attr/progressBarStyleHorizontal"
                            android:layout_width="30dp"
                            android:layout_height="15dp"
                            android:progressDrawable="@drawable/custom_progress_bar"
                            android:progress="50"
                            android:max="100"
                            android:background="@drawable/electricity" />

                        <TextView
                            android:id="@+id/textView9"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:text="100%"
                            android:textSize="12dp" />

                    </LinearLayout>

custom_progress_bar.xml代码如下

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Background -->
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <solid android:color="@color/white" />
        </shape>
    </item>
    <!-- Progress -->
    <item android:id="@android:id/progress">
        <clip>
            <shape android:shape="rectangle">
                <solid android:color="@color/black" />
            </shape>
        </clip>
    </item>
</layer-list>