布局动画Android [Facebook]

我想要动画化两种不同的布局.

例

我已经按照我想要的方式拥有动画,我只想为不同的XML布局动画化.
有一个类LayoutAnimationController,但我真的不知道如何使用它.
有人可以用正确的方向指出我的一个例子或很好的解释.

继承我用来动画的代码.

TranslateAnimation slide = new TranslateAnimation(Animation.RELATIVE_TO_SELF,300f,0 );
 slide.setAnimationListener(AL);
 slide.setFillAfter(true);   
 slide.setDuration(1000); 

 parentlayout.startAnimation(slide);

更新
由于很多投票,我决定将一个示例项目放入Git仓库.
查看我的答案链接.

解决方法

好的,在花了2天的时间阅读有关类似的问题,以及人们如何解决问题,我终于能够创造出我想要的东西.
我不能用2个不同的XML文件来做,但我怀疑是不可能的.

我确实遇到了一些问题.

第一个动画结束后,按钮不可点击.
这是因为动画显示所有内容都被移动,但它不会更新布局,因此按钮仍然处于动画开始的位置.
所以我不得不计算布局的新位置.

我觉得我读了这个3.0这个不再是一个问题,但是如果我错了就纠正一下

另一个原因是当我的动画终于以我想要的方式工作时,我的底下的视图在动画完成之前已经消失了,因为我调用了view.setVisabilty(View.GONE);.
现在的问题是当我没有调用该方法时,动画只是挂了一秒钟,然后射手到动画的最终位置.
所以我添加一个空的LinearLayout(可以是任何东西),默认属性GONE,当动画开始设置它在可见.当您还原动画时,再次将其设置为不可用.
在这样做之后,动画正在以我想要的方式工作.

如果您使用的是Rel,Linear或任何其他布局.
那么你不能按照Z顺序叠加视图,所以你必须使用SurfaceView.

所以heres main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/RelativeLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <SurfaceView
        android:id="@+id/surfaceView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

    <RelativeLayout
        android:id="@+id/layout"
        android:layout_width="220dp"
        android:layout_height="fill_parent"
        android:background="#ffee00"
        android:orientation="vertical" >

        <LinearLayout
            android:id="@+id/fake_layouy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical" android:visibility="gone">
        </LinearLayout>

        <ListView
            android:id="@+id/listView1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >
        </ListView>
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/layoutTwo"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#ff00ee"
        android:orientation="vertical">

        <LinearLayout
            android:id="@+id/linearLayout1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true" android:background="#ff0000" android:layout_margin="2dp">

            <Button
                android:id="@+id/button"
                android:layout_width="50dp"
                android:layout_height="wrap_content"
                android:text="slide" />
        </LinearLayout>

    </RelativeLayout>

</RelativeLayout>

继承java代码

public class MenuAnimationActivity extends Activity {

    private Button buttonSwitch;  
    private View subLayout;
    private View topLayout;
    private ListView subViewListView;
    private String listViewDummyContent[]={"Android","iPhone","BlackBerry","AndroidPeople"};
    private display display;
    private View fakeLayout;
    private AnimationListener AL;

    // Values for after the animation
    private int oldLeft;
    private int oldTop;
    private int newleft;
    private int newTop;
    private int screenWidth;    
    private int animToPostion; 
    // Todo change the name of the animToPostion for a better explanation.

    private boolean menuOpen = false;

        /** Called when the activity is first created. */  
        @Override  
        public void onCreate(Bundle savedInstanceState) {  
            super.onCreate(savedInstanceState);  
            setContentView(R.layout.main);  

            buttonSwitch = (Button)findViewById(R.id.button);  
            subLayout = (View) findViewById(R.id.layout);  
            topLayout = (View) findViewById(R.id.layoutTwo);
            subViewListView=(ListView)findViewById(R.id.listView1);
            fakeLayout = (View)findViewById(R.id.fake_layouy);

            subViewListView.setAdapter(new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,listViewDummyContent));

            display =  getwindowManager().getDefaultdisplay();
            screenWidth = display.getWidth();
            int calcAnimationPosition = (screenWidth /3);

            // Value where the onTop Layer has to animate
            // also the max width of the layout underneath 
            // Set Layout params for subLayout according to calculation
            animToPostion = screenWidth - calcAnimationPosition;

            RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(animToPostion,RelativeLayout.LayoutParams.FILL_PARENT);
            subLayout.setLayoutParams(params);

             topLayout.setonTouchListener(new OnTouchListener() {

                @Override
                public boolean onTouch(View v,MotionEvent event) {

                        if(event.getAction() == MotionEvent.ACTION_DOWN) {
                            if (menuOpen == true) {
                                animslideLeft();
                            }
                        }

                    return false;
                }
            });

            buttonSwitch.setonClickListener(new View.OnClickListener() {  

               @Override  
               public void onClick(View v) { 
                   if(menuOpen == false){    
                       animslideRight();
                   } else if (menuOpen == true) {
                       animslideLeft();
                       }
                   }  
                  });  

             AL = new AnimationListener() {

                @Override
                public void onAnimationStart(Animation animation) {
                    buttonSwitch.setClickable(false);
                    topLayout.setEnabled(false);
                }           
                @Override
                public void onAnimationRepeat(Animation animation) {
                    // Todo Auto-generated method stub

                }               
                @Override
                public void onAnimationEnd(Animation animation) {
                    if(menuOpen == true) {
                        Log.d("","Open");              
                        topLayout.layout(oldLeft,oldTop,oldLeft + topLayout.getMeasuredWidth(),oldTop + topLayout.getMeasuredHeight() );
                        menuOpen = false;
                        buttonSwitch.setClickable(true);
                        topLayout.setEnabled(true);
                    } else if(menuOpen == false) {
                        Log.d("","FALSE");
                        topLayout.layout(newleft,newTop,newleft + topLayout.getMeasuredWidth(),newTop + topLayout.getMeasuredHeight() );                    
                        topLayout.setEnabled(true);
                        menuOpen = true;
                        buttonSwitch.setClickable(true);
                    }
                }
            };
        } 

        public void animslideRight(){

                    fakeLayout.setVisibility(View.VISIBLE);
                newleft = topLayout.getLeft() + animToPostion;
                newTop = topLayout.getTop();    
                TranslateAnimation slideRight = new TranslateAnimation(0,newleft,0);
                slideRight.setDuration(500);   
                slideRight.setFillEnabled(true);   
                slideRight.setAnimationListener(AL);    
                topLayout.startAnimation(slideRight);           
        }

        public void animslideLeft() {

            fakeLayout.setVisibility(View.GONE);
            oldLeft = topLayout.getLeft() - animToPostion;
            oldTop = topLayout.getTop();        
            TranslateAnimation slideLeft = new TranslateAnimation(newleft,oldLeft,0);
            slideLeft.setDuration(500);   
            slideLeft.setFillEnabled(true);   
            slideLeft.setAnimationListener(AL);    
            topLayout.startAnimation(slideLeft);                
        }
}

我在感动的视图和内容上做了一些额外的编码.

最后的结果

动画前

第一动画之后

在第二个动画回到左边后,它将返回值作为第一个图像.

那些帮助我真正值得信任的帖子,但我找不到任何信息.

编辑

GIT https://bitbucket.org/maikelbollemeijer/sidepanelswitcher

更新：
https://github.com/jfeinstein10/SlidingMenu
此lib与Actionbar Sherlock兼容.

希望这可以帮助

布局动画Android [Facebook]

解决方法

相关推荐