quick-cocos2d-x 加载进度条的学习

先上quick代码:

 1     --[[创建扇形的进度加载条]]
 2
 3     --创建进度动作的Action(进度时间,最终比例)
 4     local to1 = CCProgressTo:create(1, 100)
 5
 6     --传入作为进度条用的精灵,创建ProgressTimer
 7     local pTimer = CCProgressTimer:create(CCSprite:create(s_pPathSister1))
 8     pTimer:setType(kCCProgressTimerTypeRadial) --设置CCProgressTimer类型为Radial
 9     --pTimer:setReverseProgress(true)  --设置为逆时针旋转加载(可选,默认顺时针)
10     pTimer:setPosition(CCPointMake(100, s.height / 2))
11     pTimer:runAction(CCRepeatForever:create(to1))
12     layer:addChild(pTimer)
13
14     --[[创建矩形的进度加载条]]
15     local to2 = CCProgressTo:create(2, 100)
16
17     local pTimer1 = CCProgressTimer:create(CCSprite:create(s_pPathSister1))
18     pTimer1:setType(kCCProgressTimerTypeBar)  --设置为矩形进度条
19     -- 设置进度条从左边开始
20     pTimer1:setMidpoint(CCPointMake(0, 0))
21     -- 设置进度条Y方向的改变为0(Y方向不发生改变)
22     pTimer1:setBarChangeRate(CCPointMake(1, 0))
23     pTimer1:setPosition(CCPointMake(100, s.height / 2))
24     pTimer1:runAction(CCRepeatForever:create(to2))
25     layer:addChild(pTimer1)

效果图:

     &&    

也可以使用CCScaleTo实现进度条Bar的加载效果。但是总体不是很好。

使用这个CCProgressTimer来实现,一切都简单了。

更多用法,参考quick or Cocos2dx~

quick-cocos2d-x 加载进度条的学习

时间: 2024-11-10 16:53:28

quick-cocos2d-x 加载进度条的学习的相关文章

网页加载进度条的实现

本次主要介绍一下网页加载进度的实现.如下图,在页面加载的时候,上方红色的进度条 网页加载进度的好处是能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程.但是目前的浏览器并没有提供页面加载进度方面的接口,也就是说页面还无法准确返回页面实际加载的进度,本文中我们使用jQuery来实现页面加载进度条效果. 首先我们要知道的是,目前没有任何浏览器可以直接获取正在加载对象的大小.所以我们无法通过数据大小来实现0-100%的加载显示过程. 因此我

给WebView添加漂亮的加载进度条

为了增强用户体验,所有在WebView头部给加了个进度条,看起来不错哦. 布局XMl:activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent&q

网站顶部显示预加载进度条preload.js

网站加载的速度快的话,不会显示进度条加载时候的样式. 支持性主流浏览器都支持,ie浏览器需要9以上9也支持. 使用方法 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="js/preload.js"></script> <script type="text/javascript">

【Web前沿技术】纯 CSS3 打造的10个精美加载进度条动画

之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件,今天这篇文章向大家推荐10个纯 CSS3 代码实现精美加载进度条动画效果的方案.加载动画和进度条在网站和 Web 应用中的使用非常流行,特别是在使用 Ajax 技术加载内容的应用场景中,使用时尚的加载动画和进度条告诉用户内容正在加载中是一种非常友好的方式. 您可能感兴趣的相关文章 20个非常绚丽的 CSS3 特性应用演示 23个纯 CSS3 打造的精美LOGO图案 35个让人惊讶的 CSS3 动画效果演示 推荐12个漂亮的 CSS3

Chromium中网页加载进度条研究

1.     Shell.java中有成员变量:mProgressDrawable. 该成员变量在方法:onFinishInflate中被初始化. 在该类中有方法:onLoadProgressChanged,该方法中对进度条的值进行改变,并且对刷新完成事件进行反馈. 2.     上面的这个方法是在cc文件中被调用的. 上面方法对应的cc方法是shell_android.cc文件中的LoadProgressChanged方法. voidShell::LoadProgressChanged(Web

基于jQuery加载进度条特效代码

基于jQuery加载进度条特效代码是一款简单的加载新数据,获取数据jQuery进度条代码. 在线预览   源码下载 实现的代码. html代码: <div id="main"> <div class="demo"> <div class="bars"> <span id="bar">55</span> </div> <div class="

你没见过吧?16款形态各异的加载进度条设计

互联网连接越来越快,但难免有一些时刻需要我们等待.在这种情况下,创意的设计师尽力减轻用户等待的痛苦,苦思敏想设计各种创意的进度条(或加载条)效果 ,让用户等待的过程变得更加愉悦. 您可能感兴趣的相关文章 22套 Web & Mobile PSD 用户界面素材 45套精美的手机界面设计素材和设计工具 分享30套精美的Web和手机开发UI素材 60个精美的免费移动开发PSD素材资源 45套新鲜出炉的精美 PSD 网页设计素材 Loading by pearlsomani Flat Loading B

网页加载进度条

( 网页加载时,有时内容过多,一直加载等待,而此时网页显示白色不显示任何的东西,给用户的体验相当不好,所以,一般会在网页加载成功前,会以进度条的形式,给用户进行展示.让用户可以看到动画,知道网页正在加载中) 常见的方式有以下: 1. 定时器的进度条(假的) <script type="text/javascript">     $(function(){         var loading='<div class="loading">&l

webView 加载进度条,webView返回键重写机制

1.图片延时加载 brower = (WebView) this.findViewById(R.id.brower); settings = brower.getSettings(); settings.setJavaScriptEnabled(true); //阻塞图片下载 settings.setBlockNetworkImage(true); private class Client extends WebViewClient     {         @Override