Android中实现ProgressBar菊花旋转进度条的动画效果

 更新时间:2021年09月17日 15:04:38   作者:kaolagirl  
大家在一些页面经常会遇到加载中需要显示一个加载动画,像旋转的菊花旋转的圈圈动画效果,本文通过实例代码给大家讲解下,需要的朋友参考下吧

在一些常见到的加载中需要显示一个加载动画,如旋转的菊花,旋转的圈圈等等动画…,然后我们现在就来说下怎么去试下它吧

一.菊花的旋转动画

在这里插入图片描述

1.新建一个drawable文件

在res/drawable下新建一个progressbar_style.xml文件定义一个旋转动画

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/loading_01"  //菊花图片路径
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
</animated-rotate>

2.在布局ProgressBar控件中引入使用

 <ProgressBar
        android:background="@color/transparent"
        android:indeterminateDuration="2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminateBehavior="repeat" 
        android:indeterminateDrawable="@drawable/progressbar_style"/>

二. 圆圈旋转动画

在这里插入图片描述

步骤跟上面是一样的,使用也是一样的,只是在progressbar_style.xml中定义的动画效果是不一样的

<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
    <shape
        android:innerRadius="8dp"
        android:thickness="3dp"
        android:shape="ring"
        android:useLevel="false">
        <gradient
            android:centerY="0.50"
            android:endColor="#cccccc"
            android:startColor="@color/white"
            android:type="sweep"
            android:useLevel="false" />
    </shape>

<!--  android:pivotX     动画执行的起点x坐标 50%代表相对自身宽度的
android:innerRadius  内环的半径
android:thickness  环的厚度
android:useLevel  只有当我们的shape使用在LevelListDrawable中时,这个值为true,否则为false
android:centerY 渐变中心Y的相对位置,值为0-1
android:type  渐变类型,还有linear,radial两种类型,线性渐变和放射渐变-->

</animated-rotate>

到此这篇关于Android中实现ProgressBar菊花旋转进度条的动画效果的文章就介绍到这了,更多相关Android ProgressBar菊花旋转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android ButtonOnClick事件的写法总结

    Android ButtonOnClick事件的写法总结

    这篇文章主要介绍了Android ButtonOnClick事件的写法总结的相关资料,这里把Android ButtonOnClick的写法做个总结,希望能帮助到大家,需要的朋友可以参考下
    2017-07-07
  • android实现获取有线和无线Ip地址的方法

    android实现获取有线和无线Ip地址的方法

    这篇文章主要介绍了android实现获取有线和无线Ip地址的方法,较为详细的分析了Android获取IP地址的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • Android自定义View展示Wifi信号强弱指示方法示例

    Android自定义View展示Wifi信号强弱指示方法示例

    这篇文章主要给大家介绍了关于Android自定义View展示Wifi信号强弱指示的相关资料,文中通过示例代码介绍的非常详细,文末给出了完整的实例供大家参考学习,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧。
    2017-08-08
  • Android Flutter利用CustomPaint绘制基本图形详解

    Android Flutter利用CustomPaint绘制基本图形详解

    CustomPaint其实和前端的Canvas基本上是一样的,前端Canvas支持的绘制方法CustomPaint都支持,毕竟CustomPaint其实也是基于Canvas实现的。本篇我们来介绍 CustomPaint 基本图形的绘制,感兴趣的可以了解一下
    2022-07-07
  • Android 应用指定浏览器开发实例

    Android 应用指定浏览器开发实例

    这篇文章主要介绍了Android 应用指定浏览器开发实例的相关资料,需要的朋友可以参考下
    2016-10-10
  • Android中GridView和ArrayAdapter用法实例分析

    Android中GridView和ArrayAdapter用法实例分析

    这篇文章主要介绍了Android中GridView和ArrayAdapter用法,结合实例形式分析了Android中GridView结合ArrayAdapter实现表格化排版的相关技巧,需要的朋友可以参考下
    2016-02-02
  • Flutter实现底部导航

    Flutter实现底部导航

    这篇文章主要为大家详细介绍了Flutter实现底部导航的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02
  • Flutter应用框架搭建实现屏幕适配方案详解

    Flutter应用框架搭建实现屏幕适配方案详解

    移动设备多样性,特别是Android的碎片化严重,存在各种各样的分辨率,flutter跨平台开发又需要同时支持Android和IOS,为尽可能的还原设计图效果提升用户的体验,根据设计稿设计屏幕ui的时候我们需要考虑到屏幕适配的问题
    2022-11-11
  • Android异步消息机制详解

    Android异步消息机制详解

    这篇文章主要为大家详细介绍了Android异步消息机制的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android中使用Intent在Activity之间传递对象(使用Serializable或者Parcelable)的方法

    Android中使用Intent在Activity之间传递对象(使用Serializable或者Parcelable)的

    这篇文章主要介绍了 Android中使用Intent在Activity之间传递对象(使用Serializable或者Parcelable)的方法的相关资料,需要的朋友可以参考下
    2016-01-01

最新评论