Tag: animation

Chrome的CSS过渡效果使图像模糊/移动图像1px?

当divhover时,CSS过渡效果会移动div。 这个问题,正如你在例子中看到的那样,“翻译”过渡有使div中的图像向下/向右移动1px的可怕的副作用(并且可能稍微resize),以使其显现出来的地方和聚焦… 这个小故障似乎适用于整个hover效果的应用,从一个反复试验的过程中,我可以肯定地说,只有当翻译过渡移动div时才会出现(box阴影和不透明也适用,但没有任何区别错误时删除)。 第二编辑:其实,问题没有解决! 在创build一个JSFiddle来说明这个问题时,我偶然发现了一个有趣的观察。 该问题只发生在页面有滚动条时。 所以只有一个div的例子的例子很好,但再一次相同的div被添加,因此页面需要一个滚动条的问题再次罢工… 有任何想法吗?!

用于推送UIViewController的自定义animation

我想在推视图控制器时显示一个自定义的animation:我想实现类似“展开”的animation,这意味着新的视图从一个给定的矩形扩展,让animation中的[100,100 220,380]全屏。 任何build议,从哪里开始,分别是任何文件,教程,链接? 🙂 好的。 我可以使用下面的代码来制作展开animation: if ([coming.view superview] == nil) [self.view addSubview:coming.view]; coming.view.frame = CGRectMake(160,160,0,0); [UIView beginAnimations:@"frame" context:nil]; [UIView setAnimationDuration:4]; [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; [coming viewWillAppear:YES]; [going viewWillAppear:YES]; coming.view.frame = CGRectMake(0, 0, 320, 480); [going viewDidDisappear:YES]; [coming viewDidAppear:YES]; [UIView commitAnimations]; 我的视图正确显示,但不幸的是导航栏不更新。 有没有办法做到这一点手动? 在示例代码中,函数被全部调用了0.03秒,用于更新视图的转换。 不幸的是,当推UIViewController ,我无法调整视图的框架…我是吗?

如何创buildiphone的摇摆图标效果?

我想在我的应用程序中来回晃动图像,类似于iPhone图标在按下时摆动的方式。 什么是最好的方式来做到这一点? 这是我第一次尝试不使用animationGIF的animation。 我认为这个想法是稍微旋转图像来创造摇摆的效果。 我看过使用CABasicAnimation和CAKeyframeAnimation。 CABasicAnimation每次重复都会产生一个抖动,因为它跳转到from位置,并且不会内插回来。 CAKeyframeAnimation似乎是解决scheme,除了我不能得到它的工作。 我一定会错过一些东西。 这是我的代码使用CAKeyframeAnimation(不起作用): NSString *keypath = @"wobbleImage"; CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:keypath]; animation.duration = 1.0f; animation.delegate = self; animation.repeatCount = 5; CGFloat wobbleAngle = 0.0872664626f; NSValue *initial = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(0.0f, 0.0f, 0.0f, 1.0f)]; NSValue *middle = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(wobbleAngle, 0.0f, 0.0f, 1.0f)]; NSValue *final = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(-wobbleAngle, 0.0f, 0.0f, 1.0f)]; […]

如何同时运行两个jQueryanimation?

是否有可能同时在两个不同的元素上运行两个animation? 我需要这个问题与jquery排队animation相反。 我需要做这样的事情… $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); 但要同时运行这两个。 我唯一能想到的就是每次animation使用setTimeout一次,但我不认为这是最好的解决scheme。

UIView无限360度旋转animation?

我想旋转一个UIImageView 360度,并看了几个在线教程。 如果没有UIView停止,或者跳到一个新的位置,我都不能让他们工作。 我怎样才能做到这一点? 我试过的最新的事情是: [UIView animateWithDuration:1.0 delay:0.0 options:0 animations:^{ imageToMove.transform = CGAffineTransformMakeRotation(M_PI); } completion:^(BOOL finished){ NSLog(@"Done!"); }]; 但是,如果我使用2 * pi,它根本不会移动(因为它是相同的位置)。 如果我试图做pi(180度),它可以工作,但如果我再次调用方法,它会向后旋转。 编辑 : [UIView animateWithDuration:1.0 delay:0.0 options:0 animations:^{ [UIView setAnimationRepeatCount:HUGE_VALF]; [UIView setAnimationBeginsFromCurrentState:YES]; imageToMove.transform = CGAffineTransformMakeRotation(M_PI); } completion:^(BOOL finished){ NSLog(@"Done!"); }]; 也不起作用。 它进入180度,暂停一秒钟,然后重置到0度,然后重新开始。

如何多次绘制相同的运动图像?

你好我正在做一个平台游戏,当你按下空间时,angular色会拍摄一个移动到屏幕上的火球,但是当你再次按下空间的时候,火球的坐标将被重新设置到玩家的坐标上,而不是绘制另一个我想要的火球。 import java.awt.*; import javax.swing.*; public class Fire extends JPanel{ Image fireball; private int x=155000,y=155000; Player player = new Player(); public void paint(Graphics g){ g.drawImage(fireball, x, y, null); } public Fire(){ } public void update(){ fireball = new ImageIcon("C:\\Users\\steven.greens10\\Desktop\\Programs\\Raw Java\\Platform\\res\\fireball.png").getImage(); x+=5; if(x > 640){ x=155000; } } public void shoot(Player p){ x = p.getX(); y […]

取消一个UIViewanimation?

是否有可能在进行中取消UIViewanimation? 或者我将不得不下降到CA级别? 即我做了这样的事情(也许设置结束animation行动): [UIView beginAnimations:nil context:NULL]; [UIView setAnimationDuration:duration]; [UIView setAnimationCurve: UIViewAnimationCurveLinear]; // other animation properties // set view properties [UIView commitAnimations]; 但在animation完成之前,我得到animation结束事件,我想取消它(缩短)。 这可能吗? 用谷歌search发现有几个人问同样的问题没有答案 – 一两个人猜测这是不能做的。

iPhone UIViewanimation最佳实践

什么被认为是animation视图转换在iPhone上的最佳做法? 例如,苹果的ViewTransitions示例项目使用如下代码: CATransition *applicationLoadViewIn = [CATransition animation]; [applicationLoadViewIn setDuration:1]; [applicationLoadViewIn setType:kCATransitionReveal]; [applicationLoadViewIn setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]]; [[myview layer] addAnimation:applicationLoadViewIn forKey:kCATransitionReveal]; 但是也有一些漂浮在networking中的代码片段,如下所示: [UIView beginAnimations:nil context:nil]; [UIView setAnimationDuration:0.75]; [UIView setAnimationDelegate:self]; [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:myview cache:YES]; [myview removeFromSuperview]; [UIView commitAnimations]; 什么是最好的方法? 如果你可以提供一个片段,它将不胜感激。 注:我一直无法得到第二种方法正常工作。

使用UIView animateWithDurationanimation时,不能触摸UIButton

我有以下代码: [UIView animateWithDuration:0.3 delay:0.0 options:UIViewAnimationCurveEaseOut | UIViewAnimationOptionAllowUserInteraction animations:^{ CGRect r = [btn frame]; r.origin.y -= 40; [btn setFrame: r]; } completion:^(BOOL done){ if(done){ [UIView animateWithDuration:0.3 delay:1 options:UIViewAnimationOptionCurveEaseIn | UIViewAnimationOptionAllowUserInteraction animations:^{ CGRect r = [btn frame]; r.origin.y += 40; [btn setFrame: r]; } completion:^(BOOL done){if(done) zombiePopping = 0; }]; } }]; 问题是,似乎button没有响应触摸animation时,即使我使用UIViewAnimationOptionAllowInteraction ,这是UIViewAnimationOptionAllowInteraction我。 也许这最核心的animation工作? 如果是的话,我将如何去呢?

移动对象和计时器

我有一个屏幕,说500宽度和400高度,我有一个形状束vector。 比方说,vector有两种不同的形状。 我希望物体从屏幕底部随机popup,达到一定的上升,然后再下降(类似于游戏水果忍者,水果是我的形状)。 在我的主要(视图)我有一个形状的向量我实例化计时器,添加到数组,并使用翻译function将它们放置在屏幕的button。 我的计时器需要一个动作监听器,它基本上改变了形状的平移,直到上升然后下降,但是我的问题是所有的形状都是同时开始的。 像这样的东西: Shape f = new Shape(new Area(new Ellipse2D.Double(0, 50, 50, 50))); f.translate(0, 400); f.timer = new Timer( 10 , taskPerformer); f.timer.start(); vector.add(f); Shape f2 = new Shape(new Area(new Rectangle2D.Double(0, 50, 50, 50))); f2.translate(200, 400); f2.timer = new Timer( 10 , taskPerformer); f2.timer.setInitialDelay(5000); f2.timer.start(); vector.add(f2); 和我的行动听众: Random generator = new Random(); […]