Android使用Shape实现ProgressBar样式实例

使用Shape实现样式

使用Shape中的ring实现,如下布局ring.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="ring"
  android:thickness="5dp"
  android:useLevel="false" >
  <gradient
    android:endColor="#888"
    android:startColor="#ccc"
    android:type="sweep"
    android:useLevel="false" />
</shape>

使用rotate使之旋转

如下progressbar.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item>
    <rotate 
      android:drawable="@drawable/ring"
      android:pivotX="50%"
      android:pivotY="50%"
      android:fromDegrees="0"
      android:toDegrees="1080"/>
  </item>
</layer-list>

注意:其中fromDegrees与toDegrees之差要是360的倍数,不然中间会有转的时候会跳一下,另外,这个差越大就转得越快,具体效果大家可以自行试一下

使用

<ProgressBar
  style="?android:attr/progressBarStyleLarge"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:indeterminateDrawable="@drawable/progressbar" <!-- 这里使用自定义的progressbar样式 -->
/>

更简单的方法

直接使用一个布局文件就可以实现:

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
  android:fromDegrees="0"
  android:pivotX="50%"
  android:pivotY="50%"
  android:toDegrees="1080" >

  <shape
    android:shape="ring"
    android:thickness="5dp"
    android:useLevel="false" >
    <gradient
      android:endColor="#888"
      android:startColor="#ccc"
      android:type="sweep"
      android:useLevel="false" />
  </shape>
</rotate>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

声明:本文内容来源于网络,版权归原作者所有,内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:notice#nhooo.com(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。