Tag: animation

如何实现从左到右的animation来启动活动

我正在研究一个演示应用程序,我想在应用程序启动任何activity时应用animation。 我写下面的代码,但这是为了从左到右的animation活动。 left_to_right.xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <translate android:fromXDelta="-100%" android:toXDelta="0%" android:fromYDelta="0%" android:toYDelta="0%" android:duration="500"/> </set> right_to_left.xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false"> <translate android:duration="500" android:fromXDelta="0%" android:fromYDelta="0%" android:toXDelta="100%" android:toYDelta="0%" /> </set> 我在这里开始一个这样的activity startActivity(new Intent(this, LoginActivity.class)); overridePendingTransition(R.anim.left_to_right, R.anim.right_to_left); 我想实现从左到右的animation。 如何做到这一点。 提前致谢。

核心animation不能使用“alpha”值

在此代码之前,我的电影图片alpha设置为0, CABasicAnimation* fadein= [CABasicAnimation animationWithKeyPath:@"alpha"]; [fadein setToValue:[NSNumber numberWithFloat:1.0]]; [fadein setDuration:0.5]; [[moviepic layer]addAnimation:fadein forKey:@"alpha"]; 没有任何事情发生,如果我事先将alpha设置为0.5,alpha保持在0.5,而不是1。 我见过使用UIView beginAnimations:的代码UIView beginAnimations: around,但是我正在教授核心animation,所以我想知道为什么CABasicAnimation不能做这样简单的任务?

正确的方法来优化iOS / Mobile Safari的CSS 3animation?

我正在使用PhoneGap构build一个iPad应用程序。 我试图为animation使用CSS转换,但我不完全确定我正在使用正确的方法来利用设备可能支持的任何硬件加速。 这是一个模式窗口(DIV),我想从页面顶部向下滑动。 它会从屏幕的顶部开始定位,然后通过jquery添加一个类来animation到页面本身: .modal { background: url('..http://img.dovov.combgnd-modal.png'); width: 800px; height: 568px; position: absolute; top: -618px; left: 100px; z-index: 1001; -webkit-transition: top .25s ease-in; } .modal.modalOn { top: 80px; } 当部署到iOS 4的iPad 2上时,这是有效的,但是animation稍微有些生涩。 这不是一个完全stream畅的animation。 我应该使用不同的CSS来处理这个问题吗? 或者,这可能只是一个PhoneGap应用程序的副作用,而且有一个大背景图像的DIV?

jQuery的animation()和浏览器的性能

我有一些非常缓慢的元素。 本质上,我减less了40秒左右的两幅图像的左边距。 在视觉上,它的工作很好。 但是,在处理animation过程中,我的处理器会跳到大约50%的使用率。 这不是特定于任何单个浏览器,在Safari3和Firefox3上都是一样的。 如果我有两个浏览器运行的页面,我的CPU尖叫大约95%的使用率。 我正在使用jQuery 1.3。 两个animation都是同时发生的。 页面上没有Flash。 如果我将代码注释掉(删除animation)并刷新页面,我的处理器将立即恢复正常使用。 我希望我不必诉诸Flash,但即使在Hulu.com上观看节目也不会像我这样使用CPU。 思考?

如何在更改uiview隐藏模式的同时添加animation?

我想添加animation到一个视图,而改变其隐藏模式即 my_view.hidden=YES; 我在导航栏中添加了一个button。 当我们点击它时,新视图被设置为取消隐藏。 它在导航表的上部绘制。

弃用的SMIL将SVGanimationreplace为CSS或Webanimation效果(hover,单击)

按照这个话题: Firefox 38-40 SMIL问题 – 速度非常慢(从22.09.15在FF版本41中parsing) 和这个话题: 意图弃用:SMIL SVG标签“animateTransform”不能正常工作。 用CSS或CSS转换代替SMIL(animation标签)会很好。 CONSOLE WARNING: Please use CSS animations or Web animations instead), which would work fast on the latest versions of Firefox and Chrome. 下一个Google Chrome警告: CONSOLE WARNING: SVG's SMIL animations ('animate', 'set', etc.) are deprecated and will be removed. Please use CSS animations or Web animations […]

如何在iOS上的视图之间进行展开/合同转换?

我正在尝试在iOS中创build一个视图或视图控制器的过渡animation,使其展开以填充整个屏幕,然后在完成时恢复到以前的位置。 我不确定这种types的转换是正式调用的,但是您可以在iPad的YouTube应用程序中看到一个示例。 当您点击网格上的某个search结果缩略图时,它会从缩略图展开,然后在您返回search时缩回到缩略图中。 我对这两方面感兴趣: 在一个视图和另一个视图之间转换时,你会如何做到这一点? 换句话说,如果视图A占据屏幕的某个区域,那么如何将它转换到占据整个屏幕的视图B,反之亦然? 你将如何过渡到这种模式的观点? 换句话说,如果UIViewController C当前正在显示并包含视图D,它占据了屏幕的一部分,那么如何使它看起来像视图D正在变成UIViewController E,它被模态地显示在C的顶部? 编辑:我添加一个赏金,看看是否得到这个问题更爱。 编辑:我有一些源代码可以做到这一点,Anomie的想法就像一个魅力,有一些改进。 我首先试着对模态控制器的视图(E)进行animation处理,但没有产生像放大屏幕一样的效果,因为它并没有扩大(C)中缩略图视图周围的所有东西。 所以然后我尝试了原始控制器的视图(C)的animation,但重绘它为一个生涩的animation,像背景纹理的东西没有正确放大。 所以我所做的是拍摄原始视图控制器(C)的图像,并将其放大到模态视图(E)中。 这种方法比我原来的方法要复杂得多,但看起来不错! 我认为这也是iOS如何进行内部转换的原因。 无论如何,这里的代码,我已经写在UIViewController类别。 的UIViewController + Transitions.h: #import <Foundation/Foundation.h> @interface UIViewController (Transitions) // make a transition that looks like a modal view // is expanding from a subview – (void)expandView:(UIView *)sourceView toModalViewController:(UIViewController *)modalViewController; // make a transition that looks like the […]

CoreGraphics,UIViews和CALayers之间的关系

我总是使用CoreGraphics和CoreAnimation,我明白他们每个人是如何独立工作的,而不是那些需要与另一个人交谈的边缘案例。 我也明白, UIView是CALayer一个很好的包装,其中CALayer完成所有繁重的渲染, UIView增加了基于触摸的响应。 但是,到目前为止,我所看到的所有问题都是从一方或另一方攻击问题,而不是从它们之间的相互作用,特别是在CoreGraphics和CALayer之间。 无论如何,我的问题是… CoreGraphics如何与CALayer相关联? 我的理解是,一个CALayer包装CoreGraphics方法来绘制自己,但一次,并可以与自己的快照生活,直到失效。 但是,这些绘图方法如何与该图层的子图层相互作用? 他们是独家? 例如,当我有一个具有子视图的UIView时会发生什么,我重载了drawRect方法? 这是如何影响其子图层的绘制? 在同一个函数中混合两个是一个好主意吗? 另外, 我只问iOS ,我知道Mac是一个不同的野兽(也有那些奇特的CIFilters ,混蛋!)。 之前的研究 以下是我之前研究过的一些相关问题: 关于quartz2d,核心graphics,核心animation,核心图像混淆 。 这个问题要求彼此之间的差异,所select的答案的确提供了答案,但是对于每个单独的图书馆来说,就好像另一个图书馆不存在一样。 绘制或不绘制 。 另一个很好的问题,但它只涉及绘制CoreGraphics的主题与UIKit的问题,但无论如何,select的答案提供了部分难题。 用自定义CALayeranimation馅饼切片 。 必须是我在这个主题中看到的最有价值的教程之一,这是唯一指导我画CALayer CoreGraphics和CoreAnimation之间有什么不同?对提问者接受答案的速度感到绝望,我觉得还有更多的东西在这里。 各种WWDCvideo,但我没有看到一个详细解释一般范围。 如果有人用WWDCvideo回复,我会认为这是一个有效的答案。

CSS3关键帧animation:结束并保持最后一帧

尝试播放CSS3关键帧animation时遇到了一些困难,并且在animation完成后,将相关元素粘在最后一帧。 就我的理解,我必须为此设置的属性应该是animation填充模式,它应该具有向前的价值; 这没有做任何事情。 .animatedSprite { .animation-name: sprite; .animation-duration: .5s; .animation-iteration-count: 1; .animation-direction: normal; .animation-timing-function: steps(3); .animation-fill-mode: forwards; //Vendor prefixes… } 这将只播放一次animation,然后返回到第一帧。 我在JSFiddle( http://jsfiddle.net/simurai/CGmCe/ )find了一个关键帧animation的例子,改变填充模式转发和设置迭代计数为1也不会在那里做任何事情。 任何帮助将不胜感激。

如何让css3animation永久循环

我想要让整套animation永久播放。 当最后一张照片淡出时,我想让第一张照片再次出现。 我做了什么(我不喜欢)设置页面重新加载在最后一张照片的淡出。 有没有其他的方法来做到这一点使用CSS? <html> <head> <style> .content{ height: 400px !important; /*margin: auto !important;*/ overflow: hidden !important; width: 780px !important; } .imgholder{ height: 400px; margin: auto; width: 780px; } .photo1{ opacity: 0; animation: fadeinphoto 7s 1; -moz-animation: fadeinphoto 7s 1; -webkit-animation: fadeinphoto 7s 1; -o-animation: fadeinphoto 7s 1; float: left; position: relative; top: 0px; z-index: […]