首页 > 移动平台 > 详细

android 进度条

时间:2014-06-04 13:47:50      阅读:574      评论:0      收藏:0      [点我收藏+]
在之前实现自定义进度条的时候,基本上都是使用ImageView来实现的,见


Android 用Animation-list实现逐帧动画,最近一段时间看到APP的进度条很多都是ProgressBar然后圆圈里面是一张图片,所以就查看了一下ProgressBar的使用。

1、动画实现

    定义res/anim/loading.xml,例如:

<?xml version="1.0" encoding="UTF-8"?>
<animation-list android:oneshot="false"
  xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:duration="150" android:drawable="@drawable/load_1" />
  <item android:duration="150" android:drawable="@drawable/load_3" />
  <item android:duration="150" android:drawable="@drawable/load_5" />
  <item android:duration="150" android:drawable="@drawable/load_7" />
  <item android:duration="150" android:drawable="@drawable/load_9" />
  <item android:duration="150" android:drawable="@drawable/load_11" />
  <item android:duration="150" android:drawable="@drawable/load_13" />
  <item android:duration="150" android:drawable="@drawable/load_15" />
</animation-list>

2、自定义颜色实现

   定义res/drawable/progress.xml,例如:

<?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="360" >

    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="8"
        android:useLevel="false" >
        <gradient
            android:centerColor="#FFFFDC35"
            android:centerY="0.50"
            android:endColor="#FFCE0000"
            android:startColor="#FFFFFFFF"
            android:type="sweep"
            android:useLevel="false" />
    </shape>

</rotate>

3、一张图片

  定义res/drawable/progress_small.xml,例如:

 <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminateDrawable="@drawable/progress_small"/>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
  <rotate android:drawable="@drawable/dialog_progress_round"
   android:fromDegrees="0.0" android:toDegrees="360.0" android:pivotX="50.0%"
   android:pivotY="50.0%" />
</item>
</layer-list>

4、设置背景

	<ProgressBar 
		android:layout_width="wrap_content" 
		android:layout_height="wrap_content"
		android:background="@drawable/load_1"
		/>

如果只设置background,那么调整好的图片就会在圆圈中心。

bubuko.com,布布扣bubuko.com,布布扣

android 进度条,布布扣,bubuko.com

android 进度条

原文:http://blog.csdn.net/jwzhangjie/article/details/28234513

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!