android两个animation无限循环怎么做?

发布网友发布时间：2022-05-14 05:05

共6个回答

懂视网时间：2022-05-14 09:26

先来介绍一下animation定义和用法

animation 属性是一个简写属性，用于设置六个动画属性：

 animation-name
 animation-duration
 animation-timing-function
 animation-delay
 animation-iteration-count
 animation-direction

默认值： none 0 ease 0 1 normal

注释：请始终规定 animation-duration 属性，否则时长为 0，就不会播放动画了。

语法

 animation: name duration timing-function delay iteration-count direction;

animation-name 规定需要绑定到选择器的 keyframe 名称。。

animation-duration 规定完成动画所花费的时间，以秒或毫秒计。

animation-timing-function 规定动画的速度曲线。

animation-delay 规定在动画开始之前的延迟。

animation-iteration-count 规定动画应该播放的次数。（值：n次，infinite无限循环）

animation-direction 规定是否应该轮流反向播放动画。

总结：

根据上述属性，只需要根据具体情况设置animation-delay和animation-iteration-count即可。

例如：

p
{
animation:mymove 5s 5s infinite;
-webkit-animation:mymove 5s 5s infinite; /* Safari 和 Chrome */
}

方案例子：

<!doctype html><html lang="en"><head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style>
 .item1{
  list-style: none;
  -webkit-animation: revolving 4s 0s infinite;
  animation: revolving 4s 0s infinite;
 }
 @-webkit-keyframes revolving{
  0,75%{
 -webkit-transform: perspective(700px) rotateX(90deg);
  }
  87.5%{
 -webkit-transform: perspective(700px) rotateX(0deg);
  }
  100%{
 -webkit-transform: perspective(700px) rotateX(-90deg);
  }
 }
 </style>
</head>
 <body>
 <ul>
  <li class="item1">梅西与美洲杯失之交臂</li>
 </ul>
 </body>
</html>

把总动画设为4秒，然后前75%也就是3秒都没变化（0-75%），之后的25%也就是1秒做动画就可以了。

【相关推荐】

1. 详细介绍CSS3中animation-direction属性

2. 必须掌握的CSS3动画（Animation）的8大属性

3. 分享一个监听css3动画（animation）结束事件实例

4. 详解css3中两种暂停方式（transition、animation）

热心网友时间：2022-05-14 06:34

据我所知，想直接给AnimationSet设置重复，是不行的。不过你可以这样来：

final int transDuration = 2000;
final int alphaDuration = 1000;

AnimationSet set = new AnimationSet(false);
set.setRepeatMode(Animation.RESTART);

TranslateAnimation translateAnimation = new TranslateAnimation(0, 0, 0, 300);
translateAnimation.setInterpolator(new Interpolator() {
@Override
public float getInterpolation(float arg0) {
float ret = arg0 / (1.0f * transDuration / (transDuration + alphaDuration));
return ret < 1 ? ret : 1;
}
});
translateAnimation.setRepeatCount(Animation.INFINITE);
translateAnimation.setDuration(transDuration + alphaDuration);

AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0);
alphaAnimation.setRepeatCount(Animation.INFINITE);
alphaAnimation.setDuration(alphaDuration);
alphaAnimation.setStartOffset(transDuration);

set.addAnimation(translateAnimation);
set.addAnimation(alphaAnimation);
view.startAnimation(set);

或者像其他所说的，通过在一个动画结束后开始另外一个动画的方式。

热心网友时间：2022-05-14 07:52

translateAnimation.setRepeatCount(2); //设置重复次数 translateAnimation.setRepeatMode(Animation.RESTART); //重新从头执行 //translateAnimation.setRepeatMode(Animation.REVERSE); //反方向执

热心网友时间：2022-05-14 09:27

在动画运行结束的回调中启动下一次动画。

热心网友时间：2022-05-14 11:18

public void setRepeatMode (int repeatMode)Added in API level 1Defines what this animation should do when it reaches the end. This setting is applied only when the repeat count is either greater than 0 or INFINITE. Defaults to RESTART.ParametersrepeatModeRESTART or REVERSE

热心网友时间：2022-05-14 13:26

次数你可以设置Intager.MAX