Questions tagged «animation»

我正在使用来更新一个旧应用，AdBannerView并且当没有广告时，它会滑出屏幕。出现广告时，它会在屏幕上滑动。基本的东西。 旧样式，我将帧设置在动画块中。新样式，我IBOutlet对自动布局约束有一个确定Y位置，在这种情况下，它是距父视图底部的距离，并修改常数： - (void)moveBannerOffScreen { [UIView animateWithDuration:5 animations:^{ _addBannerDistanceFromBottomConstraint.constant = -32; }]; bannerIsVisible = FALSE; } - (void)moveBannerOnScreen { [UIView animateWithDuration:5 animations:^{ _addBannerDistanceFromBottomConstraint.constant = 0; }]; bannerIsVisible = TRUE; } 横幅完全按预期移动，但没有动画。 更新：我重新观看了WWDC 12的“精通自动布局的最佳实践”，其中涵盖了动画。它讨论了如何使用CoreAnimation更新约束： 我尝试使用以下代码，但得到的结果完全相同： - (void)moveBannerOffScreen { _addBannerDistanceFromBottomConstraint.constant = -32; [UIView animateWithDuration:2 animations:^{ [self.view setNeedsLayout]; }]; bannerIsVisible = FALSE; } …

959 ios  objective-c  animation  autolayout  ios6 

我想在我的网站上放置一个“请稍等，加载中”的旋转圆圈动画。我应该如何使用jQuery完成此操作？

585 jquery  animation 

假设我有一个带有以下内容的垂直linearLayout： [v1] [v2] 默认情况下，v1的可见值= GONE。我想用扩展动画显示v1并同时按下v2。 我尝试过这样的事情： Animation a = new Animation() { int initialHeight; @Override protected void applyTransformation(float interpolatedTime, Transformation t) { final int newHeight = (int)(initialHeight * interpolatedTime); v.getLayoutParams().height = newHeight; v.requestLayout(); } @Override public void initialize(int width, int height, int parentWidth, int parentHeight) { super.initialize(width, height, parentWidth, parentHeight); …

449 android  animation 

如何在Android上为视图的背景色变化设置动画？ 例如： 我的背景色为红色。视图的背景色变为蓝色。如何在颜色之间进行平滑过渡？ 如果无法使用视图完成此操作，将欢迎使用其他方法。

335 android  animation  view  background-color 

这是一个非常简单的问题，但是我找不到关于CSS过渡属性的很好的文档。这是CSS代码段： .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-transition: text-shadow .2s linear; -moz-transition: text-shadow .2s linear; -o-transition: text-shadow .2s linear; transition: text-shadow …

327 animation  css  css-transitions 

我LinearLayout想显示或隐藏一个Animation，只要更改可见性，它就会向上或向下推动布局。 我已经看到了一些样本，但是没有一个能满足我的需求。 我已经为动画创建了两个xml文件，但是当更改的可见性时，我不知道如何启动它们LinearLayout。

318 android  animation  android-animation 

我正在尝试旋转UIImageView360度，并在线查看了一些教程。如果没有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度数，然后再次开始。

251 ios  objective-c  animation  uiview  core-animation 

我是jQuery的新手，并且具有使用Prototype的经验。在Prototype中，有一种方法可以“刷新”元素-即。短暂地用另一种颜色突出显示它，并使它褪色恢复正常，以便吸引用户的眼球。jQuery中有这种方法吗？我看到了fadeIn，fadeOut和动画效果，但是看不到“ flash”之类的东西。也许这三者之一可以与适当的输入一起使用？

249 jquery  animation  element  highlight  flashing 

我需要停止正在运行的翻译动画。所述.cancel()的方法Animation没有影响; 动画将一直播放到最后。 如何取消正在播放的动画？

244 android  animation 

<img class="image" src="" alt="" width="120" height="120"> 无法使该动画图像正常工作，它应该进行360度旋转。 我猜下面的CSS有点问题，因为它保持静止。 .image { float: left; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: …

244 image  css  animation  rotation 

我有一个基于导航的应用程序，我想更改推送和弹出动画的动画。我该怎么办？ 编辑2018 这个问题有很多答案，而且已经有一段时间了，我重新选择了我认为最相关的答案。如果有人认为不是，请在评论中让我知道

221 ios  animation  uinavigationcontroller 

我正在使用RotateAnimation旋转要用作Android中自定义循环微调器的图像。这是我的rotate_indefinitely.xml文件，放置在res/anim/： <?xml version="1.0" encoding="UTF-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" android:repeatCount="infinite" android:duration="1200" /> 当我将此应用到我的ImageViewusing时AndroidUtils.loadAnimation()，它很好用！ spinner.startAnimation( AnimationUtils.loadAnimation(activity, R.anim.rotate_indefinitely) ); 一个问题是，图像旋转似乎在每个循环的顶部暂停。 换句话说，图像旋转360度，短暂暂停，然后再次旋转360度，依此类推。 我怀疑问题在于动画使用的是默认插值器，如android:iterpolator="@android:anim/accelerate_interpolator"（AccelerateInterpolator），但我不知道如何告诉它不要插值动画。 如何关闭插值（如果确实存在问题）以使动画循环流畅？

217 android  animation  view 

我正在尝试向表中添加一行，并使该行滑入视图，但是slidedown函数似乎正在向表行添加display：block样式，这会弄乱布局。 任何想法如何解决这个问题？ 这是代码： $.get('/some_url', { 'val1': id }, function (data) { var row = $('#detailed_edit_row'); row.hide(); row.html(data); row.slideDown(1000); } );

214 jquery  animation  html-table  slidedown 

在iOS中，有一个非常简单而强大的工具可以对UITableView行的添加和删除进行动画处理，这是一个来自youtube视频的剪辑，显示了默认动画。注意周围的行如何折叠到已删除的行上。此动画可帮助用户跟踪列表中的更改以及数据更改时用户在列表中的位置。 自从我在Android上进行开发以来，我发现没有等效的工具可以为TableView中的各个行设置动画。调用notifyDataSetChanged()我的适配器会使ListView立即用新信息更新其内容。我想显示一个新的简单动画，当数据更改时，新行会推入或滑出，但是我找不到任何记录的方式来做到这一点。看起来LayoutAnimationController可能拥有使它起作用的关键，但是当我在ListView上设置LayoutAnimationController（类似于ApiDemo的LayoutAnimation2）并在列表显示后从适配器中删除元素时，这些元素会立即消失而不是动画化。 我还尝试了以下操作来为单个项目添加动画： @Override protected void onListItemClick(ListView l, View v, final int position, long id) { Animation animation = new ScaleAnimation(1, 1, 1, 0); animation.setDuration(100); getListView().getChildAt(position).startAnimation(animation); l.postDelayed(new Runnable() { public void run() { mStringList.remove(position); mAdapter.notifyDataSetChanged(); } }, 100); } 但是，动画行周围的行不会移动位置，直到它们在notifyDataSetChanged()调用时跳到新位置为止。放置元素后，ListView似乎不会更新其布局。 在编写我自己的ListView的实现/分支时，我已经想到了，这似乎并不难。 谢谢！

212 android  listview  animation 

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

211 javascript  jquery  animation