Cocos2d-x 3.4 进度条总结



Cocos2d-x 3.4
进度条

旋转进度条

auto s =
Director::getInstance()->getWinSize();

auto to1 =
Sequence::createWithTwoActions(ProgressTo::create(2,100),ProgressTo::create(0,0));//旋转进度条

auto left =
ProgressTimer::create(Sprite::create("Images/grossini.png"));

left->setType(ProgressTimer::Type::RADIAL);

left->setReverseProgress(true);//反转执行

addChild(left);

left->setPosition(100,s.height/2);

left->runAction(RepeatForever::create(to1));

水平进度条

auto to2 =
Sequence::createWithTwoActions(ProgressTo::create(2,100),ProgressTo::create(0,0));

auto left =
ProgressTimer::create(Sprite::create("Images/grossini.png"));

left->setType(ProgressTimer::Type::BAR);//BAR
水平进度条

left->setMidpoint(Vec2(1,0));//从右到左
,Vec2(0,0)为从左到右

left->setBarChangeRate(Vec2(1,0));

addChild(left);

left->setPosition(100,s.height/2);

left->runAction(RepeatForever::create(to2));

垂直进度条

auto t3 =
Sequence::createWithTwoActions(ProgressTo::create(2,100),ProgressTo::create(0,0));

auto left =
ProgressTimer::create(Sprite::create("Images/grossini.png"));

left->setType(ProgressTimer::Type::BAR);

left->setMidpoint(Vec2(0,1));//从上到下,Vec2(0,0)为从下到上

left->setBarChangeRate(Vec2(0,1));

addChild(left);

left->setPosition(100,s.height/2);

left->runAction(RepeatForever::create(t3));

BAR类型进度条设置变化

auto t5 =
Sequence::createWithTwoActions(ProgressTo::create(2,100),ProgressTo::create(0,0));

auto left =
ProgressTimer::create(Sprite::create("Images/grossini.png"));

left->setType(ProgressTimer::Type::BAR);

left->setMidpoint(Vec2(0.5f,0.5f));

left->setBarChangeRate(Vec2(1,1));//从中心向四周扩散,Vec2(1,0)从中心向两边扩散,Vec2(0,1)从中心向山下扩散

addChild(left);

left->setPosition(s.width/2,s.height/2);

left->runAction(RepeatForever::create(t5));

可变换旋转中心的旋转进度条

auto t4 =
Sequence::createWithTwoActions(ProgressTo::create(2,100),ProgressTo::create(0,0));

auto left =
ProgressTimer::create(Sprite::create("Images/grossini.png"));

left->setType(ProgressTimer::Type::RADIAL);

left->setMidpoint(Vec2(0.75f,0.25f));//设置旋转中心点

left->setBarChangeRate(Vec2(0,1));

addChild(left);

left->setPosition(100,s.height/2);

left->runAction(RepeatForever::create(t4));

进度条搭配其他动作

auto t6 =
Sequence::createWithTwoActions(ProgressTo::create(6,100),ProgressTo::create(0,0));

auto hint =
Sequence::create(TintTo::create(1,255,0,0),TintTo::create(1,0,255,0),TintTo::create(1,0,0,255),nullptr);

auto left =
ProgressTimer::create(Sprite::create("Images/grossini.png"));

left->setType(ProgressTimer::Type::BAR);

left->setMidpoint(Vec2(0.5f,0.5f));

left->setBarChangeRate(Vec2(1,0));

addChild(left);

left->setPosition(100,100);

left->runAction(RepeatForever::create(t6->clone()));

left->runAction(RepeatForever::create(hint->clone()));

使用缓存中图片加载进度条,通过加载plist文件

auto t7 =
Sequence::createWithTwoActions(ProgressTo::create(6,100),ProgressTo::create(0,0));

SpriteFrameCache::getInstance()->addSpriteFramesWithFile("zwoptex/grossini.plist");

auto left =
ProgressTimer::create(Sprite::createWithSpriteFrameName("grossini_dance_01.png"));

left->setMidpoint(Vec2(0.5f,0.5f));

left->setBarChangeRate(Vec2(1,0));

addChild(left);

left->setPosition(300,300);

left->runAction(RepeatForever::create(t7->clone()));

时间: 2024-08-29 15:55:23

Cocos2d-x 3.4 进度条总结的相关文章

1.CCProgressTo进度动作,条形进度条,扇形进度条

 1 Bar形进度 CCSprite * proBack = CCSprite::create("barback.png"); proBack->setPosition(ccp(winSize.width/2 - 100,winSize.height/2)); addChild(proBack); CCProgressTimer * left = CCProgressTimer::create(CCSprite::create("bar.png")); l

iOS_31_cocos2d_Progress进度条

最终效果图: 进度条节点[CCProgressNode],构造时依赖一个Sprite 为[CCProgressNode]添加一个CCActionProgressFromTo动作 也可以在update方法中,更改[CCProgressNode]的percentage属性,实现进度条效果 [CCProgressNode]基本属性: [CCProgressNode]构造方法: 它的类型只有两种: 雷达和条形 进度条场景代码 // // ProgressScene.h // 31_cocos2D入门 /

cocos2dx 3.x(加载cocostudio进度条)

1 // 2 // MyLoagingScene.hpp 3 // My 4 // 5 // Created by work on 16/10/13. 6 // 7 // 8 9 #ifndef MyLoagingScene_hpp 10 #define MyLoagingScene_hpp 11 12 #include <stdio.h> 13 #include "cocos2d.h" 14 #include <editor-support/cocostudio/C

Android 从无到有打造一个炫酷的进度条效果

从无到有打造一个炫酷的进度条效果

每周进度条(第十五周)

第十五周进度条   第十五周 所花时间 1h 代码量(行)  100 博客量(篇)  1 学到的知识 对图片的处理 在Android程序中加入图片

Bootstrap进度条

Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果.Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性, Opera 12 不支持动画. 默认的进度条 创建一个基本的进度条的步骤如下: 添加一个带有 class .progress 的 <div>. 接着,在上面的 <div> 内,添加一个带有 class .progress-bar 的空的 <div>. 添加一个带有百分比表示的宽度的 style 属性,例如 sty

HTML5/CSS3超酷进度条 不同进度多种颜色

下面我们来看看实现这款进度条的过程和源码,代码主要由HTML.CSS以及jQuery组成,实现过程也相对比较简单.HTML代码: <div id="wrapper">     <div class="loader-container">           <div class="meter">0</div>           <span class="runner"&g

基于HT for Web矢量实现HTML5文件上传进度条

在HTML中,在文件上传的过程中,很多情况都是没有任何的提示,这在体验上很不好,用户都不知道到时有没有在上传.上传成功了没有,所以今天给大家介绍的内容是通过HT for Web矢量来实现HTML5文件上传进度条,矢量在<矢量Chart图表嵌入HTML5网络拓扑图的应用>一文中已经讲述了关于setCompType()方法的应用,今天我们用setImage()方法充分利用系统中定义好的矢量资源来实现文件上传进度条,我们先来看下效果图: 从效果图可以看到,向服务器上传了一个mp4文件,并在最下方显示

Android的下拉刷新带进度条效果

首先看一下运行效果图,程序的下拉刷新参考了视频,在视频页面也提供了源码下载, http://www.imooc.com/learn/135 本篇主要说在此基础上增加了进度条的快速旋转和递增递减处理,在文章最后也会给出源码,这里主要描述一下所用的一个类 RoundProgressBar package com.cayden.listview; import android.content.Context; import android.content.res.TypedArray; import

【WebView】带加载进度条的WebView及Chrome联调

先看效果图: 看到顶部蓝色的进度条了. 原理:用到了 android.webkit.WebChromeClient中的onProgressChanged,而android.webkit.WebViewClient是没有这个方法的.所以普通的WebView是无法实现进度条的. 下面直接上干货: /** * ProgressWebView * * @author lif * * */ @SuppressWarnings("deprecation") public class Progres