当前位置：首页 > 资讯 > 技术文档

Android使用Shape实现ProgressBar样式实例

时间：2022-09-11 22:10 编辑：来源：阅读：
扫一扫，手机访问

摘要：Android使用Shape实现ProgressBar样式实例

[b]使用Shape实现样式[/b] 使用Shape中的[code]ring[/code]实现，如下布局[code]ring.xml[/code]：

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

[b]使用rotate使之旋转[/b] 如下[code]progressbar.xml[/code]

<?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的倍数，不然中间会有转的时候会跳一下，另外，这个差越大就转得越快，具体效果大家可以自行试一下 [b]使用[/b]

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

[b]更简单的方法[/b] 直接使用一个布局文件就可以实现：

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：Android中PopupMenu组件的使用实例
下一篇：Android开发中滑动分页功能实例详解

资讯排行榜
更多>>