缓冲进度条或加载进度条

缓冲进度条或加载进度条，在加载页面或者视频加载过程中，为了做到更好的UI及App功能体验交互，这些缓冲加载的等待效果是必不可少的；

下面来看一下旋转的动画效果：那么，他们的具体源码在这里：loading_1:

<?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.0" ><shapeandroid:innerRadiusRatio="3"android:shape="ring"android:thicknessRatio="8"android:useLevel="false" ><gradientandroid:centerColor="#FFDC35"android:centerY="0.50"android:endColor="#CE0000"android:startColor="#FFFFFF"android:type="sweep"android:useLevel="false" /></shape></rotate>

loading_2:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><item ><rotateandroid:drawable="@drawable/movie_loading"android:fromDegrees="0.0"android:pivotX="50.0%"android:pivotY="50.0%"android:toDegrees="1080.0" /></item></layer-list>

loading_3:

<?xml version="1.0" encoding="UTF-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"android:oneshot="false" ><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_01"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_02"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_03"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_04"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_05"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_06"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_07"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_08"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_09"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_10"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_11"android:gravity="left" /></item><item android:duration="150"><clipandroid:clipOrientation="horizontal"android:drawable="@drawable/loading_12"android:gravity="left" /></item></animation-list>

activity_main.java:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal"android:gravity="center_horizontal"android:background="#222222"><ProgressBarandroid:id="@+id/loading_1"android:layout_width="50dp"android:layout_height="50dp"android:layout_marginTop="60dp"android:indeterminate="false"android:padding="5dp"android:indeterminateDrawable="@drawable/loading_1" /><ProgressBarandroid:id="@+id/loading_2"android:layout_width="50dp"android:layout_height="50dp"android:layout_marginTop="60dp"android:indeterminate="false"android:padding="5dp"android:indeterminateDrawable="@drawable/loading_2" /><ProgressBarandroid:id="@+id/loading_3"android:layout_width="50dp"android:layout_height="50dp"android:indeterminate="false"android:layout_marginTop="60dp"android:padding="5dp"android:indeterminateDrawable="@drawable/loading_3" /></LinearLayout>

不需要在Activity.java中添加任何代码，已经搞定！

后待续。。。

缓冲进度条或加载进度条相关推荐

Android缓冲进度条或加载进度条
缓冲进度条或加载进度条,在加载页面或者视频加载过程中,为了做到更好的UI及App功能体验交互,这些缓冲加载的等待效果是必不可少的: 下面来看一下旋转的动画效果: 那么,他们的具体源码在这里:loadi ...
WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调增加加载进度条支持JS中alert.confirm.prompt Safari调试设置 -> safari --> 高级,开启J ...
网站预加载进度条的实现
我们经常会看到,一些站点在首次进入的时候会先显示一个进度条,等资源加载完毕后再呈现页面,大概像这样: 然后整个页面的操作就会非常流畅,因为之后没必要再等待加载资源了.尤其是在移动端,或者是页游中,这样 ...
小米视频加载进度条效果实现
原文:小米视频加载进度条效果实现好吧,其实这些都是我闲暇时自己做着玩的,以前总是拿来主义,现在分享一下让我也为大家做一点贡献好了.废话不说了,看效果. 好吧其实没什么技术含量直接上代码好了和我 ...
android 加载条封装,Android基于JsBridge封装的高效带加载进度的WebView
图片发自简书App 概述从去年4月项目就一直用起了JsBridge,前面也针对jsBridge使用姿势介绍过一篇入门篇,<Android JsBridge实战打造专属你的Hybrid APP ...
浅谈前端实现页面加载进度条以及 nprogress.js 的实现
以前在 Vue 的项目用了 nprogress 这个插件,一直对于其如何得知加载进度充满好奇,最近又看到了「前端如何实现页面加载进度条」这个问题,今天周六恰好一探究竟.以下仅为一家之言,如有异议,欢迎 ...
Vue项目实战06：nprogress页面加载进度条
博客: https://lvsige.top/ nprogress页面加载进度条前言很多时候在访问网页的时候我们总是看到页面在加载中,可以却不知道要加载多久,无期限的等待总是让人烦躁不安,所以我们 ...
iview地区加载_LoadingBar 加载进度条
LoadingBar 加载进度条概述全局创建一个显示页面加载.异步请求.文件上传等的加载进度条. 说明 LoadingBar 只会在全局创建一个,因此在任何位置调用的方法都会控制这同一个组件.主要 ...

缓冲进度条或加载进度条

缓冲进度条或加载进度条相关推荐

最新文章

热门文章