Gradient Image
我正在使用下面的代码在进度条中显示渐变.那么如何创建图像中显示的渐变进度条呢?我尝试了很多解决方案,但还没有成功.
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@android:id/background"> <shape> <corners android:radius="5dip" /> <gradient android:startColor="@color/gray" android:centerColor="@color/gray" android:centerY="0.75" android:endColor="@color/gray" android:angle="270" /> </shape> </item> <item android:id="@android:id/secondaryProgress"> <clip> <shape> <corners android:radius="5dip" /> <gradient android:startColor="#80ffd300" android:centerColor="#80ffb600" android:centerY="0.75" android:endColor="#a0ffcb00" android:angle="270" /> </shape> </clip> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="5dip" /> <gradient android:startColor="@color/dark_yellow" android:endColor="@color/dark_yellow" android:angle="270" /> </shape> </clip> </item> </layer-list>
解决方法
在你的情况下@android:id / secondaryProgress是没有必要的.另外,android:angle = 270将从顶部到底部旋转渐变,因此它与所需的垂直方向.
所有你需要的是:
绘制/ gradient_progress.xml
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@android:id/background"> <shape> <corners android:radius="5dp"/> <solid android:color="#fff"/> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="5dp"/> <gradient android:endColor="@android:color/holo_red_dark" android:startColor="@android:color/holo_orange_light" /> </shape> </clip> </item> </layer-list>
布局/ any_layout_file.xml
<ProgressBar xmlns:tools="http://schemas.android.com/tools" style="?android:attr/progressBarStyleHorizontal" android:layout_width="match_parent" android:layout_height="10dp" android:progressDrawable="@drawable/gradient_progress" tools:progress="60" />
原文地址:https://www.jb51.cc/android/314136.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。