我正在尝试制作如下动画:

上下文:

我有两个EditText,当您单击一个时,另一个需要从第一个后面出来。在这里,您有一些图片来获取我想要的图像。



为此,我显然需要一个TranslateAnimation以便将第二个EditText从第一个后面移出。

我的方法:

我可能想到的第一件事是使用FrameLayoutEditText放在另一个之上,然后在第一个的onTouch事件中对第二个执行TranslateAnimation。这样的问题是,如果我在FrameLayout中具有wrap_content高度,那么该动画将对用户不可见。如果在运行时更改FrameLayout的高度,我将在第一个EditText下面留下一个空白,如您在这张图片中看到的:



我认为的第二个解决方案是在AnimationListener中添加一个TranslateAnimation并在onAnimationStart方法中更改FrameLayout的高度。但是,这样做的问题是FrameLayout的高度变化太突然。我要保持动画流畅。

我的问题:

如何从第一个EditText后面获得第二个FrameLayout的平滑动画,并在第二个EditText向下移动时更改FrameLayout的高度?

谢谢!

更新:

我用搜索的RelativeLayout更改了RelativeLayout,在这种情况下没有区别。我尝试用一​​个EditText缩放同时包含两个AnimationScaleEditText,以便平滑地显示动画,但是没有用。这是我的代码:

    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这样的较大高度进行硬编码,动画将正确显示。

更新:

我尝试同时移动第二个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立即执行。结果与在动画末尾尝试更改容器大小时的结果相同。

最佳答案

如何使用第二个选项并尝试一并执行两个转换动画:1在EditText上,然后在FrameLayout上一个?给他们两个相同的确切增量和持续时间。这样,FrameLayout将向下平滑移动,然后在动画结束时更改FrameLayout的高度。

希望这可以帮助 :)

关于java - Android-TranslateAnimation动态更新布局的大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19341499/

10-12 03:27