Android基于TranslateAnimation的动画动态菜单

转帖：http://hi.baidu.com/juwend/blog/item/95b98f726fdb04178701b016.html

 

     先请注意，这里的菜单并不是按机器上的MENU出现在那种菜单，而是基于Android SDK提供的android.view.animation.TranslateAnimation（extends android.view.animation.Animation）类实例后附加到一个Layout上使之产生的有动画出现和隐藏效果的菜单。

        原理：Layout（菜单）从屏幕内（挨着屏幕边沿，其实并非一定，视需要的初态和末态而定）动态的移动到屏幕外（在外面可以挨着边沿，也可以离远点，这个无所谓了），这样就可以达到动态菜单的效果了。但是由于Animation的一些奇怪特性（setFill**() 函数的作用效果，这个在我使用的某几个Animation当中出现了没有想明白的效果），就暂不理会这个东西了，所以使得我们还需要用上XML属性android:visibility。当Layout（菜单）显示的时候，设置android:visibility="visible"，当Layout（菜单）隐藏的时候，设置android:visibility="gone"，这里android:visibility可以有3个值，"visible"为可见，"invisible"为不可见但占空间，"gone"为不可见且不占空间（所谓的占不占空间，这个可以自己写个XML来试试就明白了）。

        Class TranslateAnimation的使用：Animation有两种定义方法，一种是用Java code，一种是用XML，这里只介绍用code来定义（因为用XML来定义的那种我没用过。。嘿嘿。。）。多的不说，看代码。

这里是TranslateAnimationMenu.java（我在里面还另加入了ScaleAnimation产生的动画，各位朋友可以照着SDK以及程序效果来理解）：
package com.TranslateAnimation.Menu;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.LinearLayout;

public class TranslateAnimationMenu extends Activity {
    /** Called when the activity is first created. */
    //TranslateAnimation showAction, hideAction;
    Animation showAction, hideAction;
    LinearLayout menu;
    Button button;
    boolean menuShowed;
   
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        menu = (LinearLayout) findViewById(R.id.menu);
        button = (Button) findViewById(R.id.button);
        
         // 这里是TranslateAnimation动画
        showAction = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f,
                Animation.RELATIVE_TO_SELF, -1.0f, Animation.RELATIVE_TO_SELF, 0.0f);
         // 这里是ScaleAnimation动画
        //showAction = new ScaleAnimation(
        //    1.0f, 1.0f, 0.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);
        showAction.setDuration(500);

         // 这里是TranslateAnimation动画        
        hideAction = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f,
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, -1.0f);
         // 这里是ScaleAnimation动画
        //hideAction = new ScaleAnimation(
        //        1.0f, 1.0f, 1.0f, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f);
        hideAction.setDuration(500);
       
        menuShowed = false;
        menu.setVisibility(View.GONE);
       
        button.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                if (menuShowed) {
                    menuShowed = false;
                    menu.startAnimation(hideAction);
                    menu.setVisibility(View.GONE);
                }
                else {
                    menuShowed = true;
                    menu.startAnimation(showAction);
                    menu.setVisibility(View.VISIBLE);
                }
            }
           
        });
    }
}

这里是main.xml：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView android:layout_width="fill_parent"
   android:layout_height="wrap_content" android:text="@string/hello" />
<LinearLayout android:id="@+id/menu"
   android:layout_height="100px" android:layout_width="fill_parent"
   android:layout_alignParentTop="true" android:background="#ffffff">
   <TextView android:layout_width="fill_parent"
    android:layout_height="fill_parent" android:text="I am a menu"
    android:gravity="center" />
</LinearLayout>
<Button android:id="@+id/button" android:layout_width="fill_parent"
   android:layout_height="wrap_content" android:layout_alignParentBottom="true"
   android:text="Click to show/hide menu" />
</RelativeLayout>