android – 使用翻译动画将视图从一个布局转换为另一个布局

概述我是 Android动画的新手,我的要求是在点击该视图时将视图从一个布局转换为单个xml文件中的布局. 场景： 假设我单击一个按钮,它出现在xml文件中标题的顶部,它应该向下移动/转换(它应该会产生一个影响,它位于另一个布局向下到标题),而且我希望当用户再次点击它,它现在应该移动到其原始位置. 在这里,我用我的xml文件解释： <LinearLayout xmlns:android="http:/ 我是 Android动画的新手,我的要求是在点击该视图时将视图从一个布局转换为单个xml文件中的布局.

场景：
假设我单击一个按钮,它出现在xml文件中标题的顶部,它应该向下移动/转换(它应该会产生一个影响,它位于另一个布局向下到标题),而且我希望当用户再次点击它,它现在应该移动到其原始位置.

在这里,我用我的xml文件解释：

<linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:background="@drawable/app_bg"    androID:orIEntation="vertical" >    <relativeLayout        androID:ID="@+ID/top"        androID:layout_wIDth="fill_parent"        androID:layout_height="wrap_content"        androID:background="@drawable/header"        androID:paddingleft="10dp"        androID:paddingRight="10dp" >        <button            androID:ID="@+ID/btnSearchheader"            androID:layout_wIDth="wrap_content"            androID:layout_height="wrap_content"            androID:layout_centerVertical="true"            androID:layout_centerInParent="true"            androID:background="@drawable/search_icon" />    </relativeLayout>    <relativeLayout        androID:ID="@+ID/bottom"        androID:layout_wIDth="fill_parent"        androID:layout_height="fill_parent"        androID:background="@color/app_transparent"        androID:paddingleft="10dp"        androID:paddingRight="10dp"        androID:layout_margintop="10dp"        androID:visibility="visible" >        <button            androID:ID="@+ID/btnMenu"            androID:layout_wIDth="wrap_content"            androID:layout_height="wrap_content"            androID:layout_alignParentleft="true"            androID:layout_centerVertical="true"            androID:layout_marginRight="5dp"            androID:text="ABC" />        <button            androID:ID="@+ID/btnSearchSelected"            androID:layout_wIDth="wrap_content"            androID:layout_height="wrap_content"            androID:layout_centerVertical="true"            androID:layout_toRightOf="@+ID/btnMenu"            androID:text="CDE" />    </relativeLayout></linearLayout>

更精确的要求规格(请仔细阅读:)

这里我有两个子内部布局： –

顶部布局 – ID->最佳
底部布局 – ID – >底部

现在一个视图(button – > btnSearchheader)位于我的顶部布局中,我希望将相同的动画设置为底部布局(它应该会产生影响,它将翻译动画转换为底部布局)点击该布局按钮,当用户点击该按钮时,它应该再次转换回原始位置并使用平移动画..即它应该显示在顶部布局中

我不知道如何使用翻译动画来提供这些影响,但是我只有一个基本的翻译动画知识,这对我来说不足以满足我的要求.

任何类型的相关帮助都是可观的.

谢谢

解决方法 你尝试过如下简单的东西吗？

final int topHeight = findVIEwByID(R.ID.top).getHeight();          final int bottomHeight = findVIEwByID(R.ID.bottom).getHeight();    final VIEw button = findVIEwByID(R.ID.btnSearchheader);                                                                               final ObjectAnimator moveDownAnim = ObjectAnimator.offloat(button,"translationY",0.F,topHeight + bottomHeight / 2 - button.getHeight() / 2); final ObjectAnimator moveUpAnim = ObjectAnimator.offloat(button,topHeight + bottomHeight / 2 - button.getHeight() / 2,0.F); button.setonClickListener(new VIEw.OnClickListener() {      @OverrIDe                        public voID onClick(VIEw v) {              if (0.F == v.getTranslationY())             moveDownAnim.start();          else                                 moveUpAnim.start();     } });

如果您确实需要按钮视图来更改父项,则可以使用AnimatorListener在每个动画结束时实现此目的.就像是：

moveDownAnim.addListener(new Animator.AnimatorListener() {     @OverrIDe                                              public voID onAnimationEnd(Animator animation) {           ((VIEwGroup)findVIEwByID(R.ID.top)).removeVIEw(button);        ((VIEwGroup)findVIEwByID(R.ID.bottom)).addVIEw(button);        ((relativeLayout)button.getLayoutParams()).addRule(relativeLayout.CENTER_IN_PARENT);        button.setTranslationY(0.F);        // Since it is Now positioned in the new layout,no need for translation.     }           @OverrIDe    public voID onAnimationCancel(Animator animation)  { /* nop */ }    @OverrIDe    public voID onAnimationRepeat(Animator animation)  { /* nop */ }    @OverrIDe    public voID onAnimationStart(Animator animation)   { /* nop */ }});

(和moveUpAnim类似的监听器.)

但是,我怀疑你需要实际做到这一点,以达到你想要的视觉效果.但是如果你做这个部分,你可能还需要为你的顶视图设置一个固定的高度而不是wrap_content. (否则,如果在按钮移动到底部视图时发生布局传递,则顶部布局的高度可能会变为0,如果其中没有其他内容.)最简单的方法是直接在xml布局文件中执行此 *** 作.但是,如果您想“即时执行”,则可以使用以下内容更改onAnimationEnd()方法中布局的高度：

@OverrIDe                                          public voID onAnimationEnd(Animator animation) {     final VIEwGroup topLayout = findVIEwByID(R.ID.top);    topLayout.getLayoutParams().height = topLayout.getHeight();    // Keep it the same height...    topLayout.removeVIEw(button);    ((VIEwGroup)findVIEwByID(R.ID.bottom)).addVIEw(button);    ((relativeLayout)button.getLayoutParams()).addRule(relativeLayout.CENTER_IN_PARENT);    button.setTranslationY(0.F);        // Since it is Now positioned in the new layout,no need for translation. }

总结

以上是内存溢出为你收集整理的android – 使用翻译动画将视图从一个布局转换为另一个布局全部内容，希望文章能够帮你解决android – 使用翻译动画将视图从一个布局转换为另一个布局所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。