Questions tagged «animation»

动画是一系列视觉效果的快速显示,以产生运动或变化的幻觉。

4
如何在“活动”过渡上执行淡入淡出动画?
我正在整理徽标活动和主活动之间的过渡效果,但是我遇到的问题是,活动消失之前移至顶部: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" > <alpha android:duration="2000" android:fromAlpha="0.0" android:toAlpha="1.0" > </alpha> </set> 我如何才能改善此代码,以使其消失?

10
CSS3相当于jQuery slideUp和slideDown吗?
我的应用程序在jQuery的slideDown和slideUp上表现不佳。我希望在支持CSS3的浏览器中使用它。 是否有可能,使用CSS3过渡,一个元素从改变display: none;到display: block;,而滑动的项目向上或向下?
88 jquery  css  animation 

4
如何取消基于UIView块的动画?
我已经搜索了大量SO内容和Apple参考资料,但仍然无法解决我的问题。 是)我有的: 连接了2UIImageView秒和2UIButton秒的屏幕 2种动画: 放大然后缩小每个图像,一个接一个,仅一次 viewDidLoad 当按下一个按钮时(一个自定义按钮隐藏在每个按钮的“内部” UIImageView),它会触发适当的动画(UIImageView仅一个动画,而不是两个动画)(先放大然后缩小)。 当我为iOS4 +写作时,我被告知要使用基于块的动画! 我需要的: 如何取消正在播放的动画?除了最后一个我已经设法取消了...:/ 这是我的代码段: [UIImageView animateWithDuration:2.0 delay:0.1 options:UIViewAnimationOptionAllowUserInteraction animations:^{ isAnimating = YES; self.bigLetter.transform = CGAffineTransformScale(self.bigLetter.transform, 2.0, 2.0); } completion:^(BOOL finished){ if(! finished) return; [UIImageView animateWithDuration:2.0 delay:0.0 options:UIViewAnimationOptionAllowUserInteraction animations:^{ self.bigLetter.transform = CGAffineTransformScale(self.bigLetter.transform, 0.5, 0.5); } completion:^(BOOL finished){ if(! finished) return; [UIImageView animateWithDuration:2.0 …

23
Android动画不重复
我正在尝试制作简单的动画,该动画将重复几次(或无限次)。 看来android:repeatCount不行! 这是我的动画资源,来自/res/anim/first_animation.xml: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" android:repeatCount="infinite" > <scale android:interpolator="@android:anim/decelerate_interpolator" android:duration="500" android:fromXScale="1.0" android:fromYScale="1.0" android:toXScale="1.2" android:toYScale="1.2" android:pivotX="50%" android:pivotY="50%" android:fillAfter="false" /> <scale android:interpolator="@android:anim/accelerate_interpolator" android:startOffset="500" android:duration="500" android:fromXScale="1.2" android:fromYScale="1.2" android:toXScale="1.0" android:toYScale="1.0" android:pivotX="50%" android:pivotY="50%" android:fillAfter="false" /> </set> 首先,它应在500毫秒内将图像从1.0缩放到1.2。 然后在500毫秒内将其缩放回1.0。 这是我的使用方式: Animation firstAnimation = AnimationUtils.loadAnimation(this, R.anim.first_animation); imgView.startAnimation(firstAnimation); 它进行一个循环,然后完成。 它按比例放大,然后按比例缩小然后停止。 我如何按预期进行这项工作?

4
如何为View.setVisibility(GONE)设置动画
我想做一个Animation当View它的可见性设置为GONE。不仅仅是消失,而是View应该“崩溃”。我用a尝试了一下,ScaleAnimation但随后是Viewis折叠,但是布局只会在Animation停止(或开始)之后(或之前)调整其空间的大小。 如何制作Animation动画,使小号Views保持在内容的正下方,而不是留有空白?

7
脉动CSS动画
我正在仅使用CSS制作动画心脏。 我希望它脉动2次,稍作休息,然后再次重复。 我现在所拥有的: small ==> big ==> small ==> repeat animation 我要做什么: small ==> big ==> small ==> big ==> small ==> pause ==> repeat animation 我该怎么做? 我的代码: #button{ width:450px; height:450px; position:relative; top:48px; margin:0 auto; text-align:center; } #heart img{ position:absolute; left:0; right:0; margin:0 auto; -webkit-transition: opacity 7s ease-in-out; -moz-transition: opacity …
83 html  css  animation 

20
iPhone WebKit CSS动画导致闪烁
这是iPhone网站:http : //www.thevisionairegroup.com/projects/accessorizer/site/ 单击“立即玩”后,您将进入游戏。枪支将滚动。您可以上下滚动钱包和配件。您可以看到,放开时它们会卡入到位。就像发生这种情况一样,也会发生闪烁。我正在使用的唯一Webkit动画是: '-webkit-transition': 'none' '-webkit-transition': 'all 0.2s ease-out' '-webkit-transform': 'translate(XXpx, XXpx)' 我根据是否要设置动画来选择第一个或第二个过渡,而变换是我四处移动的唯一方法。 但是最大的问题是,当您单击“匹配项目”,然后单击“再次播放”时。您会看到枪响动,配件/钱包的整个背景变成白色。有人可以向我辐射一下为什么会发生这种情况吗?

16
UIView摇动动画
我试图在按下按钮时摇晃UIView。 我正在修改在http://www.cimgf.com/2008/02/27/core-animation-tutorial-window-shake-effect/上找到的代码。 但是,通过尝试修改以下代码来摇晃UIView,它不起作用: - (void)animate { const int numberOfShakes = 8; const float durationOfShake = 0.5f; const float vigourOfShake = 0.1f; CAKeyframeAnimation *shakeAnimation = [CAKeyframeAnimation animation]; CGRect frame = lockView.frame; CGMutablePathRef shakePath = CGPathCreateMutable(); CGPathMoveToPoint(shakePath, NULL, CGRectGetMinX(frame), CGRectGetMinY(frame)); for (int index = 0; index < numberOfShakes; ++index) { CGPathAddLineToPoint(shakePath, NULL, …

6
UIStackView隐藏视图动画
在iOS 11中,a中隐藏动画的行为UIStackView已更改,但是我无法在任何地方找到该文档。 iOS 10 iOS 11 两者中的代码是这样的: UIView.animate(withDuration: DiscoverHeaderView.animationDuration, delay: 0.0, usingSpringWithDamping: 0.9, initialSpringVelocity: 1, options: [], animations: { clear.isHidden = hideClear useMyLocation.isHidden = hideLocation }, completion: nil) 如何在iOS 11上还原以前的行为?

7
如何在Android中为视图设置动画并使其保持新的位置/大小?
我目前在我的Android应用中有一个视图,该视图正在播放帧动画。我想动画化视图以将其大小增加到150%。当我将比例动画应用于比例动画并且比例动画完成后,我希望观众在活动的整个生命周期中都保持新的尺寸。不幸的是,现在放大动画完成后,视图会恢复为原始大小。如何获得新的动画转换呢? 我正在使用 myView.startAnimation(AnimationUtils.loadAnimation(mContext,R.anim.scaleUp150)); 谢谢!

6
对两个数字之间的UILabel文本进行动画处理?
我是iPhone和Mac编程的新手(以前为Windows开发),但是我有一个问题: 如何以缓和样式为两个数字之间的text属性设置动画UILabel,例如从5到80?有可能CoreAnimation吗?我已经在Google上搜索了一个小时,但没有找到任何解决我的问题的方法。我想要的:为用户制作一个简单游戏的资金。当它从50变为100或没有动画时类似的效果就不太好了。 有人知道该怎么做吗? 谢谢!

2
以编程方式设置android:animateLayoutChanges
我正在以编程方式创建linearLayouts,希望当可见性设置为visible / gone时淡入和淡出。 我可以设定 android:animateLayoutChanges="true" 在xml文件中,但是由于我以编程方式创建视图,因此需要以编程方式进行设置。我怎样才能做到这一点?

9
如何通过JavaScript重新触发WebKit CSS动画?
因此,我有以下-webkit-animation规则: @-webkit-keyframes shake { 0% { left: 0; } 25% { left: 12px; } 50% { left: 0; } 75% { left: -12px; } 100% { left:0; } } 还有一些CSS定义了我的一些动画规则box: #box{ -webkit-animation-duration: .02s; -webkit-animation-iteration-count: 10; -webkit-animation-timing-function: linear; } 我可以shake在#box这样的: document.getElementById("box").style.webkitAnimationName = "shake"; 但是我以后不能再动摇了。 这只会摇晃盒子一次: someElem.onclick = function(){ document.getElementById("box").style.webkitAnimationName = "shake"; …

9
Android动画Alpha
我有动画: <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/linear_interpolator"> <alpha android:fromAlpha="0.2" android:toAlpha="1.0" android:duration="500"/> </set> 和ImageView: <ImageView android:id="@+id/listViewIcon" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/settings" android:alpha="0.2"/> 和代码: final Animation anim = AnimationUtils.loadAnimation(this, R.anim.alpha); final ImageView iv = (ImageView) findViewById(R.id.listViewIcon); anim .setFillAfter(true); iv.startAnimation(anim); 因此,一开始我要ImageView使用alpha 0.2,而最后我要ImageView使用alpha 1。但这不是那样的-动画开始时会添加更多的alpha,动画以alpha完成0.2 我有什么改变为从动画我的形象0.2最多1? 我检查了不同的设置-我设置android:alpha="1.0",fromAlpa="1.0",toAlpha="0.2"它就像我的预期-从阿尔法1到0.2。看起来来自ImageView的alpha乘以来自动画的alpha ...

5
通函揭示了新活动的过渡
根据https://developer.android.com/training/material/animations.html 该ViewAnimationUtils.createCircularReveal()方法使您可以为剪切圆制作动画以显示或隐藏视图。 要使用此效果显示以前不可见的视图: // previously invisible view View myView = findViewById(R.id.my_view); // get the center for the clipping circle int cx = (myView.getLeft() + myView.getRight()) / 2; int cy = (myView.getTop() + myView.getBottom()) / 2; // get the final radius for the clipping circle int finalRadius = Math.max(myView.getWidth(), myView.getHeight()); // …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.