Questions tagged «animation»

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



6
每个子元素都有延迟的CSS动画
我试图通过将动画应用于每个子元素来创建级联效果。我想知道是否有比这更好的方法: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear 0.2s forwards; } .myClass img:nth-child(4){ -webkit-animation: myAnimation 0.9s linear 0.3s forwards; } .myClass img:nth-child(5){ -webkit-animation: myAnimation 0.9s linear 0.4s forwards; } 依此类推...因此,基本上,我希望每个孩子都有一个动画开始,但要有一个延迟。感谢您的输入! 另外:也许我没有正确解释我所关注的问题:无论我有多少孩子,这都是关于如何做到这一点的。如何执行此操作而不必写下每个孩子的属性……例如,当我不知道会有多少个孩子时。

9
动画UILabel字体大小更改
我目前正在制作一个使用自定义View Controller容器的应用程序。一次在屏幕上显示多个视图,而当一个视图被点击时,选定的视图控制器会设置为全屏动画。这样做时,选定的视图控制器子视图也会缩放(帧,字体大小等)。尽管如此,UILabel的font属性无法设置动画,从而导致问题。我已经尝试了多种解决方案,但全部失败了。 我尝试过的解决方案是: 截取较大视图的屏幕截图并为更改添加动画效果(类似于Flipboard的操作) 通过使用transform属性进行动画处理 缩小UIScrollView并在全屏显示时将其放大。 设置将adjustsFontSizeToFitWidth设置为YES,并在动画之前设置fontSize 到目前为止,这是最好的解决方案,但我对此并不满意。 我正在寻找其他建议,如果有人可以使用[UIView animate ..]平滑制作动画或使用UILabel替换动画。 这是一个很好的示例,类似于我希望UILabel进行的操作:http : //www.cocoawithlove.com/2010/09/zoomingviewcontroller-to-animate-uiview.html 编辑:此代码有效 // Load View self.label = [[UILabel alloc] init]; self.label.text = @"TEXT"; self.label.font = [UIFont boldSystemFontOfSize:20.0]; self.label.backgroundColor = [UIColor clearColor]; [self.label sizeToFit]; [self.view addSubview:self.label]; // Animation self.label.font = [UIFont boldSystemFontOfSize:80.0]; self.label.transform = CGAffineTransformScale(self.label.transform, .25, .25); [self.label …

1
角度动画的目的是什么?
我一直想知道为什么我应该在CSS动画上使用Angular动画。我发现人们在使用它们之前可能会考虑的几个方面: 性能 在第一步中,我发现这个问题只与物联网服务表现方面的交易。接受的答案对我来说并不令人满意,因为它指出应该尽可能使用CSS动画,以便可以应用诸如在单独线程中运行动画之类的优化。这似乎不是事实,因为Angular文档指出 角动画建立在标准Web动画API的基础上,并在支持该动画的浏览器上本地运行。 (强调我的) 而且,当我们查看Web动画API草案时,我们发现可以对Web动画应用与表中指定的CSS相同的优化。 尽管可以使用ECMAScript通过requestAnimationFrame [HTML]来执行动画,但是这种动画的行为与声明性动画不同,就其在CSS级联中的表示方式以及可能的性能优化(例如在单独的线程上执行动画)而言。使用Web动画编程界面,可以从脚本创建与声明性动画具有相同行为和性能特征的动画。 (再次强调我的) 除了IE等某些浏览器不支持Web动画外,是否有任何理由在Angular动画上使用CSS声明,反之亦然?我认为它们是可互换的性能。 更好地控制动画 这可能是Angular动画的一个参数,因为您可以暂停动画或将JS变量与其一起使用,等等,但是使用eg时也是如此。CSSanimation-play-state: pause或使用JS中指定的CSS变量,请参见说明文件。 现在,我看到在JS代码中设置CSS变量可能不方便,但是在使用Angular动画时也是如此。这些通常是在@Component animations字段中声明的,除了通过动画状态数据绑定属性之外,没有访问实例字段的权限(AnimationBuilder当然,如果您不通过动画创建动画,顺便说一句也不太方便或美观) 。 另一点是,使用Web Animations API可以检查,调试或测试动画,但是我看不到Angular动画怎么可能。如果是,请您告诉我如何?如果不是这样,那么我也确实没有发现为了控制而使用Angular动画而不是CSS动画有什么好处。 清洁代码 例如,我在这里阅读了一段,指出将动画与“常规”样式分开实际上是将行为和表现形式分开。确实是在样式表中声明动画来混合这些职责吗?我总是看到另一种方式,尤其是看@Component动画中的CSS规则时,让我感觉到在太多地方都有CSS声明。 那么Angular动画怎么样? 从其他样式中提取动画只是一种便利实用程序,还是它带来了一些有价值的功能? 使用Angular动画是否仅在特殊情况下才会奏效,还是团队选择沿袭这一惯例? 我想在这里谈谈使用Angular动画的明显优势。谢谢大家提前!

5
在Android中为ViewPager设置默认页面
我正在使用以下代码,MAX为2页。默认情况下,位置为0,并在右侧添加一个新页面。我给两个布局文件充气。 应用启动时如何显示page1并在左侧添加新页面?谢谢。 main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent"> <android.support.v4.view.ViewPager android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/pagerView" /> </LinearLayout> Java代码 public class MyPagerActivity extends Activity { private Context context; private int pageNumber; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); context = this; ViewPager pagerView = (ViewPager)findViewById(R.id.pagerView); pagerView.setAdapter(new AwesomePagerAdapter()); } private class …

12
android动画未在onAnimationEnd中完成
onAnimationEnd尽管将事件animation.hasEnded设置为true,但似乎在触发事件时并未真正完成android动画。 我希望我的视图在其结束时更改其背景可绘制的背景ScaleAnimation,但是您可以清楚地看到它在完成前几毫秒就被更改了。问题在于,它闪烁是因为新背景在短时间内缩放了,直到动画真正完成为止。 是否有办法获得动画的真实结尾,或者只是防止在短时间内缩放新背景? 谢谢! //编辑:我正在使用AnimationListener来获取以下调用: @Override public void onAnimationEnd(Animation animation) { View view = (MyView) ((ExtendedScaleAnimation) animation).getView(); view.clearAnimation(); view.requestLayout(); view.refreshBackground(); // <-- this is where the background gets changed }

1
格尼玛特图,点保持不变,线变淡
这是一个静态图的可复制示例,我想对其进行动画处理(我想显示MCMC采样器的行为)。 library(tidyverse) library(gganimate) set.seed(1234) plot_data <- tibble(x=cumsum(rnorm(100)), y=cumsum(rnorm(100)), time=1:length(x)) ggplot(data=plot_data, aes(x=y, y=x)) + geom_point() + geom_line() 我想看到的是,绘制点时它们是可见的,然后一点点褪色(即alpha从1变为0.3),而会有一行仅显示最近的历史(理想情况下是淡淡显示)最近的历史消失得最少,退后几步完全消失)。 以下内容或多或少达到了我想要的点数(因此,在某种意义上,我只想向连接最后几个点的部分添加渐变线-点在某些帧上越慢渐变越好): ggplot(data=plot_data, aes(x=y, y=x)) + geom_point() + transition_time(time) + shadow_mark(past = T, future=F, alpha=0.3) 我正在努力的是如何为两个几何(例如点和线)添加两个不同的行为。例如,在下面的点消失了(我不希望它们消失),线条也没有褪色(我希望它们消失)。 p <- ggplot(data=plot_data, aes(x=y, y=x)) + geom_point() + transition_time(time) + shadow_mark(past = T, future=F, alpha=0.3) p + geom_line() …
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.