ProgressBar改变成我们想要的加载动画

水深无声 2022-06-10 11:36 215阅读 0赞

![Center][]

在drawable写背景

<?xml version="1.0" encoding="utf-8"?>
    <rotate xmlns:android="http://schemas.android.com/apk/res/android" 
        android:fromDegrees="0"
        android:toDegrees="360"
        android:pivotX="50%"
        android:pivotY="50%">
       <shape 
           android:shape="ring"
           android:innerRadius="15dp"
           android:thickness="3dp"
           android:useLevel="false">
           <gradient 
               android:startColor="#fff"
               android:endColor="#f00"
               android:centerColor="#fff"
               android:type="sweep"/>
          
       </shape> 
    
    </rotate>

设置ProgressBar的android:indeterminateDrawable="@drawable/circle\_bg"，隐藏系统的progressBar显示我们自己自定义的动画，然后运行就可以了

shape=ring代表圆环

innerRadius代表圆环的内半径（从圆心到内边缘的半径）

thickness代表圆环的厚度的（内边缘到外边缘的厚度）

从测试得到 当我们ProgressBar的宽高为wrap\_content时，圆环的大小并不是无限的，过大只会显示部分，再大全部都不会显示，这时我们就要改变ProgressBar的宽高  
而当我们把useLevel的值改为true时我们又会得到不同的效果，效果如下

![Center 1][]

shape中useLevel默认为true

rotate中toDegrees的大小决定转的速度，说白了就是在有限的时间首追上尾所需转的角度。

当然动画并不止这一种，android:indeterminateDrawable可以填充各种我们在drawable中定义的动画

[Center]: /images/20220610/bf46d14b0993497da7939de4e2aa418c.png
[Center 1]: /images/20220610/d0a3471da13841fcb80bb9f5f184edd2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，215人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android实现ProgressBar旋转菊花加载的动画

Android实现ProgressBar旋转菊花加载的动画在一些常见到的加载中需要显示一个加载动画，如旋转的菊花这样的动画效果，开发中有两种方案，一种是直接让设计

曾经终败给现在/ 2023年10月17日 18:36/ 0 赞/ 22 阅读

相关液体加载动画

液体加载动画 ![在这里插入图片描述][20210418201110488.gif_pic_center] <!DOCTYPE html> <html>

我就是我/ 2023年01月13日 10:55/ 0 赞/ 148 阅读

相关格式化金额成我们想要的格式

方法一：通过标签来实现：页面先引入: <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

清疚/ 2022年09月18日 13:54/ 0 赞/ 139 阅读

相关 Vue+Openlayer加载动画

> 注意：实现动画时不能有scoped！！！！通过gif ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_Q

红太狼/ 2022年09月08日 11:41/ 0 赞/ 247 阅读

相关 Android ProgressBar 详解改变 ProgressBar 颜色

今天来说说 ProgressBar 这个东西, 之前一种是用的项目里面别人写好的直接用, 还没怎么细看这两个东西 ProgressBar 很简单就一进度条

迈不过友情╰/ 2022年08月10日 05:49/ 0 赞/ 608 阅读

相关 android progressBar 加载内容的时候显示

效果图： ![Center][] 2.创建progressdialog private void buildDialog(){ di

心已赠人/ 2022年07月18日 09:05/ 0 赞/ 157 阅读

相关 RecyclerView Item加载动画

这段时间更新的博客内容不太系统，但也是平时比较常用的技术。今天和大家分享一篇关于ReclcyerView的内容。说到RecyclerView，想必大家都已玩

刺骨的言语ヽ痛彻心扉/ 2022年06月17日 13:39/ 0 赞/ 496 阅读

相关 ProgressBar改变成我们想要的加载动画

![Center][] 在drawable写背景 <?xml version="1.0" encoding="utf-8"?> <rotate xmlns:

水深无声/ 2022年06月10日 11:36/ 0 赞/ 216 阅读

相关 css实现加载动画

css实现加载动画 / Usage: <div class="sk-spinner sk-spinner-rotating-plane"></div> /

不念不忘少年蓝@/ 2022年06月01日 11:54/ 0 赞/ 322 阅读

相关想要改变世界的 Rust 语言

> 一门编程语言就像一个小宇宙，语言中的各种语法概念就像一颗颗星辰。对于初学者来说，看这些语法概念与看星罗棋布时产生的迷惑是相似的。幸亏编程语言是由人类创造的，编程语言的作者可

爱被打了一巴掌/ 2021年11月01日 19:36/ 0 赞/ 388 阅读