实现图片转圈的动画layer addAnimation

最新推荐文章于 2022-11-23 11:19:00 发布
最新推荐文章于 2022-11-23 11:19:00 发布
阅读量1.7k 收藏
点赞数
分类专栏： iOS 动画 处理图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhanglizhi111/article/details/70045664
版权
iOS 同时被 3 个专栏收录
433 篇文章 4 订阅
订阅专栏
动画
35 篇文章 0 订阅
订阅专栏
处理图片
21 篇文章 0 订阅
订阅专栏

实现图片转圈的动画


    CABasicAnimation* rotationAnimation;
    rotationAnimation = [CABasicAnimation animationWithKeyPath:@"donghua.rotation"];
    rotationAnimation.toValue = [NSNumber numberWithFloat: M_PI * 2.0 ];
    rotationAnimation.duration = 2;
    rotationAnimation.cumulative = YES;
    rotationAnimation.repeatCount = 99999;
    
    [self.animatedView.layer addAnimation:rotationAnimation forKey:@"hahahaha"];





zhanglizhi111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui表格有数据却渲染不出来，一直转圈加载中
qq_39280563的博客
08-04 7434
还是先上图，页面一直卡着，数据加载不出来，连表头都没有渲染出来。 首选我要说的是，我的所有字段都是正确的。表头字段与数据源不一致的情况，数据出不来，起码表格行数还在。我这是整个表格都没出来，字段名拼写错误的同学可以出门右转了。 控制台显示的卡住页面的节点信息，layui-table-init： <div class="layui-table-init" style="background-color: #fff;"> <i class="layui-icon lay..
android动画哪些,Android Animation动画(很详细)
weixin_35698091的博客
05-25 4127
Contents：Animations一、Animations介绍Animations是一个实现android UI界面动画效果的API，Animations提供了一系列的动画效果，可以进行旋转、缩放、淡入淡出等，这些效果可以应用在绝大多数的控件中。二、Animations的分类Animations从总体上可以分为两大类：1.Tweened Animations：该类Animations提供了旋转...
css3 animation 实现点绕圈 转圈效果
weixin_53898445的博客
11-23 1151
关键：转的不是点 是点所在的div（此div与圆重叠且宽高相等）
CABasicAnimation学习Demo 包括了一些常用的动画效果
不积跬步无以至千里，千里之行始于足下！
06-15 1999
个人写的一些例子： // // ViewController.m // CABasicAnimationDemo // // Created by haotian on 14-6-13. // Copyright (c) 2014年 Baseus. All rights reserved. // #import "ViewController.h" @interface ViewCo
CCAnimationCache(动画存储池addAnimation removeAnimationByName animationByName addAnimationsWithDictionary
sssssNian的专栏
05-22 1325
#ifndef __CC_ANIMATION_CACHE_H__ #define __CC_ANIMATION_CACHE_H__ #include "cocoa/CCObject.h" #include "cocoa/CCDictionary.h" #include NS_CC_BEGIN class CCAnimation;
安卓图片分割(layer)的实现
12-09
本文将深入探讨如何在Android中实现图片的分割与layer动画。 首先，我们来理解什么是layer动画。在Android的动画体系中，layer动画（也称为层动画）是指将多个动画组合在一个动画序列中，每个动画可以独立运行，...
iOS实现图片抖动效果
08-25
总结起来，实现iOS中的图片或视图抖动效果主要依靠Core Animation框架，通过改变视图的旋转或位置属性，配合动画的重复和反向播放，即可轻松创建出逼真的抖动效果。在实际应用中，可以根据需求调整抖动的角度、速度...
iOS 用Swipe手势和动画实现循环播放图片示例
08-31
[fromImageView.layer addAnimation:animation forKey:nil];}通过以上代码，我们实现了使用Swipe手势和动画在iOS中循环播放图片的功能。首先，我们在界面中设置了三个UIImageView，分别用于显示当前、前一张和后一张...
ios通过SDWebImage实现图片加载时的渐变效果
08-30
为了实现渐变，我们需要在设置图片之前添加一个`CATransition`动画。代码示例如下： ```objc - (void)sd_setImageWithURL:(NSURL *)url placeholderImage:(UIImage *)placeholder options:(SDWebImageOptions)...
ImageView实现图片轮询
02-10
TranslateAnimation ta = new TranslateAnimation( Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, ... animationSet1.addAnimation(ta); animationSet1.setFillAfter(true);
html5实现图片转圈的动画效果——让页面动起来
09-27
主要介绍了html5实现图片转圈的动画效果——让页面动起来的相关资料,需要的朋友可以参考下
layui增加转圈效果
07-03 2011
var loadix = layer.load(1, {shade: [0.1,'#fff']}); layer.close(loadix); 　　 转载于:https://www.cnblogs.com/q1359720840/p/11127816.html
css转圈加载动画
xxy77721的博客
03-06 1774
&lt;template&gt; &lt;div class="footer-loading" v-if="LoadingAnimation"&gt; &lt;div class="Loader"&gt;&lt;/div&gt; {{AnimateText}} &lt;/div&gt;&lt;/template&gt;&l
类似 刷新的时候 那个转圈圈 动画
xixi
07-07 2606
UILabel *label = [[UILabel alloc] init]; label.frame = CGRectMake(150, 400, 50, 50); label.text = @"中"; label.backgroundColor = [UIColor clearColor]; label.textAlignment = NSTextAlignm
显示一个转圈的loading动画图
qq_32120667的博客
06-23 6808
显示一个转圈的loading动画图
如何实现转圈圈动画效果
进击的小怪兽
07-05 1756
Android转圈圈效果实现
转圈圈动画animation
Do it Yourself
01-21 1028
*{             margin:0;             padding:0;         }                 #circle{             background-color:coral;             height:100px;             width:100px;             position
android-Anmation动画详讲
u014649337的专栏
05-25 1164
Android Animation动画 Android Animation Contents： Animations Tween Animations AnimationSet Interpolator Frame-By-Frame Animations LayoutAnimationsController Anim
用QT动画效果实现图片轮播
最新发布
03-29
由于QT提供了许多动画效果类，因此可以轻松地实现图片轮播效果。以下是一个基本的示例： 1. 创建一个QT Widgets应用程序项目。 2. 在主窗口中添加一个QLabel控件，并设置其大小为轮播图片的大小。 3. 在主窗口的构造函数中，创建一个QPropertyAnimation对象，并将其绑定到QLabel的geometry属性。设置持续时间、起始值和结束值。 4. 创建一个QSequentialAnimationGroup对象，将其添加到QPropertyAnimation对象中，以使其按顺序播放。 5. 创建一个QPixmap对象列表，其中包含要轮播的所有图片。 6. 创建一个QTimer对象，将其连接到一个槽函数中，以依次播放QPixmap列表中的所有图片。 7. 在槽函数中，将QLabel的Pixmap设置为当前索引处的QPixmap，然后播放QSequentialAnimationGroup对象。 以下是示例代码： mainwindow.h： ``` #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QPropertyAnimation> #include <QSequentialAnimationGroup> #include <QTimer> #include <QPixmap> namespace Ui { class MainWindow; } class MainWindow : public QMainWindow { Q_OBJECT public: explicit MainWindow(QWidget *parent = nullptr); ~MainWindow(); private slots: void playAnimation(); private: Ui::MainWindow *ui; QPropertyAnimation *m_animation; QSequentialAnimationGroup *m_animationGroup; QTimer *m_timer; QList<QPixmap> m_pixmaps; int m_currentIndex; }; #endif // MAINWINDOW_H ``` mainwindow.cpp： ``` #include "mainwindow.h" #include "ui_mainwindow.h" MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) { ui->setupUi(this); // 创建动画对象，将其绑定到QLabel的geometry属性，持续时间为1秒 m_animation = new QPropertyAnimation(ui->label, "geometry"); m_animation->setDuration(1000); // 起始值为QRect(0, 0, 0, 0)，结束值为QRect(0, 0, 200, 200)，即QLabel的大小 m_animation->setStartValue(QRect(0, 0, 0, 0)); m_animation->setEndValue(QRect(0, 0, 200, 200)); // 创建动画组对象，将动画对象添加到组中 m_animationGroup = new QSequentialAnimationGroup(this); m_animationGroup->addAnimation(m_animation); // 创建QPixmap列表，包含要轮播的所有图片 m_pixmaps.append(QPixmap(":/images/image1.jpg")); m_pixmaps.append(QPixmap(":/images/image2.jpg")); m_pixmaps.append(QPixmap(":/images/image3.jpg")); // 创建定时器对象，每秒播放一张图片 m_timer = new QTimer(this); connect(m_timer, &QTimer::timeout, this, &MainWindow::playAnimation); m_timer->start(1000); m_currentIndex = 0; } MainWindow::~MainWindow() { delete ui; } void MainWindow::playAnimation() { // 设置QLabel的Pixmap为当前索引处的QPixmap ui->label->setPixmap(m_pixmaps[m_currentIndex]); // 将动画组对象播放 m_animationGroup->start(); // 更新当前索引 m_currentIndex++; if (m_currentIndex >= m_pixmaps.size()) { m_currentIndex = 0; } } ``` 在此示例中，我们创建了一个QLabel控件，并将其大小设置为200x200像素。我们还创建了一个QPropertyAnimation对象，并将其绑定到QLabel的geometry属性。我们还创建了一个QSequentialAnimationGroup对象，并将动画对象添加到其中，以便它们按顺序播放。我们还创建了一个QPixmap对象列表，其中包含要轮播的所有图片。我们还创建了一个QTimer对象，并将其连接到一个槽函数中，以依次播放QPixmap列表中的所有图片。在槽函数中，我们将QLabel的Pixmap设置为当前索引处的QPixmap，然后播放QSequentialAnimationGroup对象。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值