iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android中实现ProgressBar菊花旋转进度条的动画效果
  • 888
分享到

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

2024-04-02 19:04:59 888人浏览 独家记忆
摘要

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

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

一.菊花的旋转动画

在这里插入图片描述

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菊花旋转内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Android中实现ProgressBar菊花旋转进度条的动画效果

本文链接: https://www.lsjlt.com/news/136063.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android中实现ProgressBar菊花旋转进度条的动画效果
    在一些常见到的加载中需要显示一个加载动画,如旋转的菊花,旋转的圈圈等等动画…,然后我们现在就来说下怎么去试下它吧 一.菊花的旋转动画 1.新建一个drawable文件 在res/d...
    99+
    2024-04-02
  • android实现简单进度条ProgressBar效果
    本文实例为大家分享了android实现简单进度条ProgressBar的具体代码,供大家参考,具体内容如下 记录一下今天学习的进度条ProgressBar 1、在布局文件中添加Pr...
    99+
    2024-04-02
  • Android ProgressBar怎么实现进度条效果
    这篇文章主要介绍了Android ProgressBar怎么实现进度条效果的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Android ProgressBar怎么实现进度条效果文章都会有所收...
    99+
    2023-06-30
  • Android实现仿iOS菊花加载圈动画效果
    目录常见的实现方式效果图:完整代码布局代码 常见的实现方式 切图,做旋转动画 自定义View,绘制效果 gif图 1、切图会增加体积,但相对简单,不过在换...
    99+
    2024-04-02
  • Android ProgressBar 模拟进度条效果的实现
    进度条的使用 圆形进度条 <ProgressBar android:id="@+id/pb" android:layout_...
    99+
    2024-04-02
  • Android如何实现仿iOS菊花加载圈动画效果
    这篇文章主要介绍了Android如何实现仿iOS菊花加载圈动画效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。常见的实现方式切图,做旋转动画自定义View,绘制效果gif图...
    99+
    2023-06-15
  • Android Studio实现进度条效果
    本文实例为大家分享了Android Studio实现进度条效果的具体代码,供大家参考,具体内容如下 实验作业 要求一个进度条,进度随机 效果图 xml代码 <?x...
    99+
    2024-04-02
  • Android中怎么利用ProgressBar实现进度条
    这篇文章给大家介绍Android中怎么利用ProgressBar实现进度条,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。activity_main.xml<xml version="1.0&q...
    99+
    2023-05-30
    android progressbar
  • css旋转动画效果的实现方法
    这篇文章主要讲解了“css旋转动画效果的实现方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css旋转动画效果的实现方法”吧!我们可以通过css来做出动画...
    99+
    2024-04-02
  • android实现icon动态旋转效果
    本文实例为大家分享了android实现icon动态旋转效果的具体代码,供大家参考,具体内容如下 碰到客户的这样一个需求,点击icon后,前景的icon开始旋转,背景的icon不动,就...
    99+
    2024-04-02
  • html5中怎么实现3d旋转动画效果
    这篇“html5中怎么实现3d旋转动画效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“h...
    99+
    2024-04-02
  • CSS3怎么实现旋转圈动画效果
    这篇文章主要讲解了“CSS3怎么实现旋转圈动画效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS3怎么实现旋转圈动画效果”吧!效果:html代码:<body style...
    99+
    2023-07-04
  • Android实现蜗牛进度条效果
    友好的界面可以给用户留下深刻印象,为APP加分,今天实现的这个进度条,以蜗牛爬动的方式告诉用户当前进度,体验比较棒,这里分享一下。这里创建一组帧动画作为进度条的标志,如下:<?xml version="1.0" encodin...
    99+
    2023-05-31
    android 进度条 蜗牛
  • Android实现下载进度条效果
    目录最终效果和对比vivo商店效果分析1 - 计算进度分析2 - 绘制圆角矩形解决方案分析3 - 绘制文字和交汇手势拓展完整代码具体使用最终效果和对比vivo商店效果 vivo应用商...
    99+
    2024-04-02
  • Android实现进度条(ProgressBar)的功能与用法
    Android中的进度条ProgressBar用于显示一个任务的进度,可以通过设置最大值和当前值来表示进度的完成度。以下是Progr...
    99+
    2023-08-11
    Android
  • css如何实现一直旋转动画效果
    本篇内容主要讲解“css如何实现一直旋转动画效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css如何实现一直旋转动画效果”吧! ...
    99+
    2024-04-02
  • css3如何实现放大旋转动画效果
    这篇文章主要介绍“css3如何实现放大旋转动画效果”,在日常操作中,相信很多人在css3如何实现放大旋转动画效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css3如何实现...
    99+
    2024-04-02
  • 基于Vue3实现旋转木马动画效果
    做的比较丑 最后图片 本来打算用vue-carousel-3d这个组件的,但是这个组件一直报源码错误,修改了半天也没有解决 效果图 实现代码 使用了swiper组件 html部分...
    99+
    2024-04-02
  • css怎么实现旋转翻牌动画效果
    小编给大家分享一下css怎么实现旋转翻牌动画效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css动画之旋转翻牌效果,具体内容如下所示:我们先设置两个盒子大小,...
    99+
    2023-06-08
  • css3如何实现旋转缩放动画效果
    这篇文章主要介绍了css3如何实现旋转缩放动画效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 方法:1、利用...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作