- 综合排序
- 最热优先
- 最新优先
- 来自专栏三流程序员的挣扎
Android 动画总结(8) - Activity 转场动画
xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"?
3.9K21发布于 2018-09-11 - 来自专栏学习/读书笔记
《Flutter》-- 8.动画
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 8. 动画 8.1 动画基础 不管是什么视图框架，动画的实现原理都是相同的，即在一段时限的时间内，多次、快速地改变视图外观来实现连续播放的效果。 ，必须正向动画播放完成后才有效； 5）repeat()：循环播放动画； 6）dispose()：销毁动画，释放动画占用资源。 在Flutter中，渐变、平移、缩放和旋转动画都属于基础动画，如果要实现一些复杂的动画效果，可以把这些基础动画组合起来形成一个动画序列或重叠动画，Flutter将这些动画序列或重叠动画称为交错动画。 在Flutter开发中，使用交错动画需要满足以下几点： 1）创建交错动画时需要创建多个动画对象； 2）一个AnimationController动画控制器控制所有的动画对象； 3）给每一个动画对象指定时间间隔
1.5K30编辑于 2022-04-07 - 来自专栏路过君BLOG from CSDN
vue2 笔记8动画
-- 使用transition标签，会在动画的对应阶段给包裹的元素添加、删除相应的样式 --> <! -- 控制多个元素动画，必须使用transition-group标签，且每个元素必须包含key --> <! v-enter-active, .v-leave-active { transition: 1s; } /*命名动画，样式名前缀v改为对应transition.name*/ /*以动画实现*/ / -- 转换名固定写animate__animated animate__bounce,作为动画样式的前缀--> <! -- 动画对应阶段使用对应属性(enter-active-class...)指定的名称作为动画样式的后缀 --> <transition name="animate__animated
43320编辑于 2022-04-13 - 来自专栏图形学与OpenGL
实验8 OpenGL太阳系动画
1．实验目的： 熟悉颜色缓存、深度缓存、模板缓存、累计缓存的内容，掌握缓存清除的方法； 建立太阳、地球、月亮的运动模型； 利用双缓存技术，用动画方式显示模型，加深读者对几何变换、投影变换以及观察变换的理解 2．实验内容： 模拟简单的太阳系，如图A.8所示。太阳在中心，地球每365天绕太阳转一周，月球每年绕地球转12周。另外，地球每天24个小时绕它自己的轴旋转。 ? 图A.8 太阳系动画 3．实验原理： (1)主要用三维平移变换、旋转变换实现太阳、地球、月亮的相对运动。 本节实验绘制了一个简单的太阳系。 (2)利用双缓存技术实现动画效果。 双缓存技术能在一个屏幕之外的缓冲区内进行渲染，再用交换命令把图形放到屏幕上。 双缓存技术的主要用途是： ①有些复杂图形绘制时间较长，但不需要显示绘制图形的所有步骤，只有整幅图像绘制完之后，才将其置于屏幕上； ②用于制作动画，动画中每一帧都再画面外缓冲区绘制，绘制完之后再交换到屏幕上
2.6K11发布于 2020-10-27 - 来自专栏自由而无用的灵魂的碎碎念
给MyEclipse 8 GA添加启动画面
在MyEclipse 7.5GA之前，其都有启动画面的，可是在8.0下默认没有啦。 下面以在Vista下的MyEclipse 8来演示如何开启启动画面： MyEclipse 8 GA默认在windows vista下的安装位置为： C:\Users\[username]\AppData \Local\Genuitec\MyEclipse 8.x Latest C:\Users\[username]\AppData\Local\Genuitec\Common 而myeclipse 8的启动画面的文件路径为 下面配置myeclipse.ini来开启启动画面，MyEclipse配置文件位置为： C:\Users\Lee\AppData\Local\Genuitec\MyEclipse 8.x Latest\myeclipse.ini 现在再启动一下试试，哈哈，启动画面回来啦： ?
69520发布于 2018-07-24 - 来自专栏十月梦想
CSS3 动画Animation的8大属性
CSS3 动画Animation的8大属性 animation复合属性。检索或设置对象所应用的动画特效。 :3s; 动画完成使用的时间为3s 3.animation-timing-function 检索或设置对象动画的过渡类型 linear：线性过渡。 ; 动画开始前延迟的时间为0.5s 5.animation-iteration-count 检索或设置对象动画的循环次数 animation-iteration-count: infinite ; 当鼠标经过时动画停止，鼠标移开动画继续执行 8.animation-fill-mode 检索或设置对象动画时间之外的状态 none:默认值，不设置对象动画之外的状态 forwards: 设置对象状态为动画结束时的状态 backwards:设置对象状态为动画开始时的状态 both:设置对象状态为动画开始或结束时的状态
72810发布于 2018-08-29 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Animation 动画 ( AnimatedWidget 动画使用流程 | 创建动画控制器 | 创建动画 | 创建 AnimatedWidget 动画组件 | 动画运行 )
文章目录 ◯、AnimatedWidget 组件引入 一、创建 AnimatedWidget 动画组件 二、创建动画控制器 三、创建动画 四、动画运行 五、完整代码示例 六、相关资源 AnimatedWidget 动画使用流程 : ① 创建 AnimatedWidget 动画组件 ② 创建动画控制器 ③ 创建动画 ④ 动画运行 ◯、AnimatedWidget 组件引入 ---- 在上一篇博客 【Flutter 】Animation 动画 ( Flutter 动画基本流程 | 创建动画控制器 | 创建动画 | 设置值监听器 | 设置状态监听器 | 布局中使用动画值 | 动画运行 ) 中 , 使用动画时 , 需要给动画添加值监听器 动画对象 , 可以自动计算出动画值 , 并自动刷新封装在该 AnimatedWidget 动画组件中的布局组件 ; 创建 AnimatedWidget 动画组件时 , 传入 Animation 对象 0 , 结束值 300 , 动画在执行的 3 秒时间内 ( 动画控制器中指定的动画持续时间 ) , 自动计算出每个时间点的 0 ~ 300 之间的动画值 ; 创建动画代码示例 : ///
3.3K10编辑于 2023-03-29 - 来自专栏全栈程序员必看
JavaScript 动画_jquery 动画
JavaScript—动画 一、动画原理 通过定时器setInterval不断移动盒子位置。 DOCTYPE html> <html> <head> <meta charset="utf-<em>8</em>" /> <title></title> </head>
</div clearInterval(timer); //停止定时器 } div.style.left = div.offsetLeft + 1 + 'px'; //定时器执行的操作：每1毫秒移动一个像素 }, 1) 二、简单动画函数封装 注意函数需要传递的2个参数：动画对象和移动的距离。 = target) { clearInterval(obj.timer); } obj.style.left = obj.offsetLeft + step + 'px'; }, 15) } 五、动画函数添加回调函数3.5K30编辑于 2022-11-04来自专栏Flutter【Flutter 实战】动画序列、共享动画、路由动画
老孟导读：此篇文章是 Flutter 动画系列文章第四篇，本文介绍动画序列、共享动画、路由动画。 动画序列 Flutter中组合动画使用Interval，Interval继承自Curve，用法如下： Animation _sizeAnimation = Tween(begin: 100.0, end 最终效果如下： 共享动画 Hero是我们常用的过渡动画，当用户点击一张图片，切换到另一个页面时，这个页面也有此图，那么使用Hero组件就在合适不过了，先看下Hero的效果图： 上面效果实现的列表页面代码如下 上面的动画只对新的页面进行了动画，如果想实现当前页面被新页面从顶部顶出的效果，实现方式如下： class CustomPageRoute extends PageRouteBuilder { final 里面提供了一系列动画，部分效果： 详情：Flutter 1.17 新 Material motion 规范的预构建动画 ?
2.4K10发布于 2020-09-11来自专栏星河造梦坊专栏Unity动画☀️8. 添加角色控制器、Curves、添加滑动
给跳跃添加角色控制器 添加角色控制器Character Controller后，人物不会因动画问题而导致Y轴变化，人物会始终位于水平地面上 但任务可能因为和墙体碰撞，而无法翻越，我们需在特定时刻禁用角色控制器 思路1：判断当前是否处于Vault状态，是则禁用 思路2：思路一缺陷在于Vault未跳跃或跳跃结束后的部分动画的Character Controller处于禁用状态，它的Y轴位置还是会发生变化，或处于地面以下 通过编辑动画，给动画添加Curve（Curve全程与动画match），在特定的起跳和落地两个区域添加关键帧，将这块区域的Curve值设置的与其他区域不同，通过判断Curve值是否位于这个区间，来禁用启用 //} characterController.enabled = anim.GetFloat(controllerID) < 0.5f; } } 添加滑动动画 ，并给滑动添加角色控制器和MatchTarget() 在滑动动画，我们会发现角色脚部运动不正常，我们可以重新配置下骨骼，修改脚部骨骼角度，并添加Curve、Parameter pose—Enforce
72810编辑于 2024-08-14来自专栏风吹杨柳2014-11-8Android学习-------onFinishInflate方法-------动画Animation学习篇
我们一般使用View的流程是在onCreate中使用setContentView来设置要显示Layout文件或直接创建一个View，
91530编辑于 2022-03-07来自专栏风吹杨柳2014-11-8Android学习-------AnimationListener方法-------动画Animation学习篇
AnimationListener听名字就知道是对Animation设置监听器， 说简单点就是在Animation动画效果开始执行前，执行完毕和重复执行时可以触发监听器，从而执行对应的函数。 步骤就是： 1.声明： TranslateAnimation animation; 移动动画 2.构造：animation = new TranslateAnimation(fromXDelta, toXDelta .设置监听：animation.setAnimationListener(animationListener); 4.启动：startAnimation(animation); 当然其中还可以包括设置动画的时长等等属性 ，这里就省略不写了 看到其中的第三步没有，执行了这行代码就激发了动画的监听事件， 这个时候我们需要去实现AnimationListener < } public void onAnimationStart(Animation animation) { //动画开始时让View可见 list.setVisibility
53510编辑于 2022-03-07来自专栏Qt项目实战Qt编写自定义控件8-动画按钮组控件
一、前言 动画按钮组控件可以用来当做各种漂亮的导航条用，既可以设置成顶部底部+左侧右侧，还自带精美的滑动效果，还可以设置悬停滑动等各种颜色，原创作者雨田哥(QQ:3246214072)，驰骋Qt控件界多年 2:可设置线条的颜色 3:可设置线条的位置 上下左右 4:可设置按钮的正常+悬停+选中背景颜色 5:可设置文字的正常+悬停+选中背景颜色 6:切换位置线条自动跟随 7:可设置按钮字符串组合生成按钮组 8: 可设置线条滑动的速度 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef BUTTONGROUP_H #define BUTTONGROUP_H /** * 动画按钮组控件 作者:feiyangqingyun 可设置线条的位置 上下左右 * 4:可设置按钮的正常+悬停+选中背景颜色 * 5:可设置文字的正常+悬停+选中背景颜色 * 6:切换位置线条自动跟随 * 7:可设置按钮字符串组合生成按钮组 * 8: 七、SDK下载 SDK下载链接：https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ 提取码：877p 下载链接中包含了各个版本的动态库文件，所有控件的头文件，
2.1K30发布于 2019-08-23来自专栏算法channelPython+matplotlib制作8个排序算法的动画
1 算法的魅力 深刻研究排序算法是入门算法较为好的一种方法，现在还记得4年前手动实现常见8种排序算法，通过随机生成一些数据，逐个校验代码实现的排序过程是否与预期的一致，越做越有劲，越有劲越想去研究，公交车上 能力有限，当时并没有生成排序过程的动画，所以这些年想着抽时间一定把排序的过程都制作成动画，然后分享出来，让更多的小伙伴看到，通过排序算法的动态演示动画，找到学习算法的真正乐趣，从而迈向一个新的认知领域。 动画还是用matplotlib做出来的，这就更完美了，一边学完美的算法，一边还能提升Python熟练度，一边还能学到使用matplotlib制作动画。 2 完美的答案 这个库一共演示8个常见的排序算法： bubble-sort : Only show the visualization of bubble sorting algorithm in the 使用的模块和实例代码如下： 使用的包，主要是内置模块random, os, sys, re，以及 matplotlib的 animation功能，剩下的就是手动实现的8个排序算法。
1.4K20发布于 2019-12-24来自专栏李蔚蓬的专栏Android动画基础 | 概述、逐帧动画、视图动画
xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? 添加一个属性android:fillAfter="true"，使动画结束后View组件保持结束时的状态： <?xml version="1.0" encoding="utf-<em>8</em>"? 0.7,1.79 0.7,2.8 0,3.31 -2.69,6 -6,6v-3l-4,4 4,4v-3c4.42,0 8,-3.58 8,-8 0,-1.57 -0.46,-3.03 -1.24,-4.26z
4.8K21发布于 2019-05-14来自专栏韩曙亮的移动开发专栏【Flutter】Animation 动画 ( AnimatedBuilder 动画使用流程 | 创建动画控制器 | 创建动画 | 创建动画作用的组件 | 关联动画与组件 | 动画执行 )
文章目录 ◯、AnimatedBuilder 引入 一、创建动画控制器 二、创建动画 三、创建动画作用的组件 四、创建 AnimatedBuilder 关联动画与组件 五、动画运行 六、完整代码示例 七 、相关资源 AnimatedBuilder 动画使用流程 : ① 创建动画控制器 ② 创建动画 ③ 创建动画作用的组件 ④ 创建 AnimatedBuilder 关联动画与组件 ⑤ 执行动画 ◯、AnimatedBuilder 引入 ---- 在上一篇博客 【Flutter】Animation 动画 ( AnimatedWidget 动画使用流程 | 创建动画控制器 | 创建动画 | 创建 AnimatedWidget 动画组件 可以构建通用 Widget , AnimatedBuilder 可以用于拆分动画 与 组件 ; 动画开发中需要分离的功能 : 显示动画作用的组件 定义 Animation 动画对象 将 Animation 0 , 结束值 300 , 动画在执行的 3 秒时间内 ( 动画控制器中指定的动画持续时间 ) , 自动计算出每个时间点的 0 ~ 300 之间的动画值 ; 创建动画代码示例 : ///
3.3K10编辑于 2023-03-29来自专栏大师级码师JavaScript动画 —— 弹动动画
spring = 0.1, targetX = canvas.width / 2, vx = 0; ball.x = 20; ball.y = 20; // 缓动动画函数 为了动画更丰富一点，可以尝试修改vx、vy或者不同x、y轴的friction值。自己尝试一下吧。 三. 目标点移动的弹动 目标点移动，我们很容易就想到把鼠标当成目标点。 在上一篇介绍缓动动画时，有一个小球跟随鼠标的缓动动画。让小球跟随鼠标弹动同样很简单，只要把targetX和targetY替换为当前坐标即可。效果很炫酷，但是代码基本没变。 修改为： var dx = mouse.x - ball.x; var dy = mouse.y - ball.y; 当然，我们还需要写一个获得当前鼠标位置的函数，可以参考我写的博文《JavaScript动画详解 targetX = mouse.x; targetY = mouse.y; console.log(targetX + " , " + targetY); }, false); // 缓动动画函数
2K00发布于 2021-09-19来自专栏Flutter《Flutter 动画系列》组合动画
老孟导读：在项目中动画效果很多时候是几种动画的组合，比如颜色、大小、位移等属性同时变化或者顺序变化，这篇文章讲解如何实现组合动画。 Flutter中组合动画使用Interval，Interval继承自Curve，用法如下： Animation _sizeAnimation = Tween(begin: 100.0, end: 300.0 animate(CurvedAnimation( parent: _animationController, curve: Interval(0.5, 1.0))); 表示_sizeAnimation动画从 0.5（一半）开始到结束，如果动画时长为6秒，_sizeAnimation则从第3秒开始。 想象下面的场景，一个红色的盒子，动画时长为6秒，前40%的时间大小从100->200，然后保持200不变20%的时间，最后40%的时间大小从200->300，这种效果通过TweenSequence实现，
1.6K10发布于 2020-09-11来自专栏Android开发Android动画之帧动画
帧动画的原理就是让一系列的静态图片依次播放，实现动画效果。 下面了解一下两种实现帧动画的方式 1.利用 Java 代码实现帧动画 2.利用 xml 实现帧动画（开发中通常使用这种方法实现帧动画） 1.利用 Java 代码实现帧动画 源代码如下： activity_main.xml animationDrawable.addFrame(new BitmapDrawable(getResources(), BitmapFactory.decodeResource(getResources(), R.drawable.anim8) ） 以前还在学校的时候写过一个例子Android中帧动画的简单实现 下面再来一次 (1).帧动画通常在XML 资源进行定义，在 <animation-list …/> 标签下使用 <item …/ > 子元素标签定义动画的全部帧，并指定各帧的持续时间。
42400编辑于 2025-06-12来自专栏Android开发Android动画之属性动画
理解：指定一个开始的位置，再指定一个结束的位置，自动补充中间的变化过程 为了更好的演示，写了一个Demo，xml界面如下（最后有源码） 要介绍的有： 1.透明动画：alpha 2.位移动画：translationX ，translationY 3.旋转动画：rotation 4.缩放动画：scaleX，scaleY 5.组合显示：AnimatorSet（动画集合容器） 1.透明动画：alpha 2.位移动画 ：translationX，translationY 3.旋转动画：rotation 4…缩放动画：scaleX，scaleY 5.组合显示：AnimatorSet（动画集合容器 要执行的动画类型 3. 一组动画的属性 switch (v.getId()) { case R.id.btn_alpha://透明动画 objectAnimator
29110编辑于 2025-06-12
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号