我正在尝试制作这样的动画：
上下文：
我有两个EditText我需要当你点击一个时，另一个从第一个后面出来。在这里，您有一些图片可以得到我想要的图像。
显然，要做到这一点，我需要 aTranslateAnimation以便将第二个EditText从第一个后面移动。
我的做法：
我能想到的第一件事是在使用FrameLayout中将EditText一个放在另一个之上，然后在第一个的 onTouch 事件中对第二个做TranslateAnimation一个。这样做的问题是，如果我有FrameLayout高度，wrap_content那么用户将看不到动画。如果我在运行时更改高度，FrameLayout我将在第一个下方留下一个空白，EditText如您在这张图片中看到的：
我认为的第二个解决方案是在方法中添加一个AnimationListener并更改. 但是这样做的问题是高度的变化太突然了。我想保持动画流畅。TranslateAnimationonAnimationStartFrameLayoutFrameLayout
我的问题：
如何从第一个后面获得第二个的平滑动画，随着第二个向下移动EditText改变高度？FrameLayoutEditText
谢谢！
更新：
FrameLayout我通过搜索更改了RelativeLayout，这种情况没有区别。为了流畅地显示动画，我尝试缩放RelativeLayout包含两者的内容EditText，AnimationScale但没有奏效。这是我的代码：
protected void expanse() {
Log.d("Accordion", "expandAccordion");
//Translate the top of the second EditText to its bottom
TranslateAnimation translateSecond = new TranslateAnimation(second.getLeft(), second.getLeft(),
second.getTop(), second.getBottom());
translateSecond.setDuration(1000);
//Scale the relative layout to show the both of them
ScaleAnimation scaleContainer = new ScaleAnimation(container.getLeft(), container.getLeft(),
container.getTop(), second.getBottom());
scaleContainer.setDuration(1000);
//At the end of the scaling, change the height of the relative layout
scaleContainer.setAnimationListener(new AnimationListenerAdapter() {
@Override
public void onAnimationEnd(Animation animation) {
RelativeLayout.LayoutParams params = (LayoutParams) container.getLayoutParams();
params.height = second.getBottom();
container.setLayoutParams(params);
super.onAnimationEnd(animation);
}
});
container.startAnimation(scaleContainer);
second.startAnimation(translateSecond);
}
顺便说一句，我可以保证，如果我硬编码一些像 350dp 这样的大高度，动画就会正确显示。
更新：
我尝试同时移动第二个EditText和下面的布局。这是代码。ListView顺便说一句，我通过自定义更改了另一个原因ViewPager，这并没有改变任何东西。
public class MainActivity extends FragmentActivity {
private EditText first;
private EditText second;
private HoboViewPager pager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
pager = (HoboViewPager) findViewById(R.id.pager);
pager.setPageTransformer(true, new RotationPageTransformer());
pager.setAdapter(new SampleAdapter(this, getSupportFragmentManager()));
first = (EditText) findViewById(R.id.location_search_field);
second = (EditText) findViewById(R.id.term_search_field);
first.setOnTouchListener(new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
expanseSecondField();
return true;
}
});
}
protected void expanseSecondField() {
TranslateAnimation translateSecondField = new TranslateAnimation(second.getLeft(), second.getLeft(),
second.getTop(), second.getBottom());
translateSecondField.setFillAfter(true);
translateSecondField.setDuration(1000);
TranslateAnimation translateContainer = new TranslateAnimation(pager.getLeft(), pager.getLeft(),
pager.getTop(), pager.getTop() + second.getBottom());
translateContainer.setFillAfter(true);
translateContainer.setDuration(1000);
pager.startAnimation(translateContainer);
second.startAnimation(translateSecondField);
}
}
这不起作用，因为容器的 TranslateAnimation 立即执行。结果与我在动画结束时尝试更改容器的大小时相同。