我在Honeycomb尝试新的LayoutTransition
课程。我已设置动画,将View
添加到ViewGroup
时将其滑动到位。我注意到视图首次渲染和LayoutTransition.APPEARING
动画开始之间有一点延迟(大约20ms)。换句话说,在屏幕上出现视图后,它会在空中停留片刻,然后开始动画到位。即使在ApiDemos
示例项目中,您也会注意到这一点。在布局动画示例中,ViewGroup
的APPEARING动画开始之前总会有延迟。我甚至尝试将其他LayoutTransition
动画设置为null,或者最终给它们的持续时间非常短,但APPEARING
动画仍然会延迟。这是我的代码:
public class DebugExampleFour extends Activity {
private int numButtons = 1;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.debug_example_four);
final ViewGroup frame = (ViewGroup) findViewById(R.id.frame_container);
LayoutTransition transitioner = new LayoutTransition();
Animator appearingAnimation = ObjectAnimator.ofFloat(null, "translationX", 600, 0);
appearingAnimation.setDuration(45);
appearingAnimation.setStartDelay(0);
appearingAnimation.setInterpolator(new DecelerateInterpolator());
appearingAnimation.addListener(new AnimatorListenerAdapter() {
public void onAnimationEnd(Animator anim) {
View view = (View) ((ObjectAnimator) anim).getTarget();
view.setTranslationX(0f);
}
});
transitioner.setAnimator(LayoutTransition.APPEARING, appearingAnimation);
Animator dummyAnimation = ObjectAnimator.ofInt(0, 1);
dummyAnimation.setDuration(1);
dummyAnimation.setStartDelay(0);
transitioner.setAnimator(LayoutTransition.CHANGE_APPEARING, dummyAnimation);
transitioner.setAnimator(LayoutTransition.CHANGE_DISAPPEARING, dummyAnimation);
transitioner.setAnimator(LayoutTransition.DISAPPEARING, dummyAnimation);
frame.setLayoutTransition(transitioner);
Button addButton = (Button) findViewById(R.id.addNewButton);
addButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
Button newButton = new Button(DebugExampleFour.this);
newButton.setText("Click To Remove " + (numButtons++));
newButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
frame.removeView(v);
}
});
frame.addView(newButton, new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
}
});
}
}
以下是与示例一起提供的布局文件:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent" android:layout_height="match_parent"
android:orientation="vertical">
<Button android:layout_width="wrap_content"
android:layout_height="wrap_content" android:text="Add Button"
android:id="@+id/addNewButton" />
<LinearLayout android:orientation="vertical"
android:layout_width="match_parent" android:layout_height="match_parent"
android:id="@+id/frame_container" android:animateLayoutChanges="true" />
</LinearLayout>
如何在APPEARING
动画之前消除延迟?
答案 0 :(得分:28)
对 - 两个级别都有延迟。当您在LayoutTransition的上下文中运行Animator时,您希望在LayoutTransition对象上设置持续时间和startDelay,而不是在底层Animator上设置(因为转换对象将为这些属性提供自己的值给动画师它运行时)。
原因是LayoutTransition通常是在容器内的对象上运行的一系列动画。因此,例如,如果您希望对象在容器中“显示”,则转换将首先为其他对象设置动画,然后将新对象设置为动画。想象一下,将一个项目添加到一组对象的中间(就像你在ApiDemos应用程序中看到的那样);它先制作空间,然后淡化物体。
对于上面的原始代码,您希望显示的动画立即运行,因此您应该将APPEARING的转换startDelay设置为0(正如您在上面的答案中所做的那样)。
另一方面,默认情况下DISAPPEARING动画没有startDelay,但是CHANGE_DISAPPEARING动画的startDelay等于DISAPPEARING动画的持续时间,假设你首先要删除一个项目,然后设置动画中的其他项目的动画。集装箱进入新的地方。
由于这些假设并不一定适用于所有情况,因此LayoutTransition上有duration / startDelay属性可根据您在特定情况下的工作方式来控制行为。
另请注意,如果您不想运行其中一种动画类型,则应将该动画设置为null(请参阅LayoutTransition.setAnimator(int,Animator)的文档)。将它设置为dummyAnimator将不会产生相同的效果。首先,即使您为这些动画提供自定义动画制作工具,LayoutTransition上的默认持续时间/ startDelay值仍将适用。
需要注意的其他事项:基础计时机制(对于Android,但对于我曾经研究过的大多数其他平台)也会有一些最低分辨率。因此,您将持续时间设置为“1”,这可能不会导致该动画以1毫秒结束。相反,它将运行一帧,然后在下一帧(通常是一个表现良好的应用程序中设备的刷新率,如果系统没有陷入困境)它将看到动画应该结束。
答案 1 :(得分:7)
事实证明,Animator
和LayoutTransition
都有一个启动延迟值。 Animator
启动延迟已经为零,所以改变它没有帮助。奇怪的是LayoutTransition
的启动延迟似乎大于零,至少在LayoutTransition.APPEARING
的情况下。这是工作代码:
public class DebugExampleFour extends Activity {
private int numButtons = 1;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.debug_example_four);
final ViewGroup frame = (ViewGroup) findViewById(R.id.frame_container);
LayoutTransition transitioner = new LayoutTransition();
Animator appearingAnimation = ObjectAnimator.ofFloat(null, "translationX", 600, 0);
appearingAnimation.addListener(new AnimatorListenerAdapter() {
public void onAnimationEnd(Animator anim) {
View view = (View) ((ObjectAnimator) anim).getTarget();
view.setTranslationX(0f);
}
});
transitioner.setAnimator(LayoutTransition.APPEARING, appearingAnimation);
transitioner.setDuration(LayoutTransition.APPEARING, 300);
transitioner.setStartDelay(LayoutTransition.APPEARING, 0);
frame.setLayoutTransition(transitioner);
Button addButton = (Button) findViewById(R.id.addNewButton);
addButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
Button newButton = new Button(DebugExampleFour.this);
newButton.setText("Click To Remove " + (numButtons++));
newButton.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
frame.removeView(v);
}
});
frame.addView(newButton, new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
}
});
}
}