Android 动画显隐自定义菜单

最新推荐文章于 2024-02-16 22:45:30 发布

imoc

最新推荐文章于 2024-02-16 22:45:30 发布

阅读量474

点赞数 1

分类专栏： UI Android 文章标签： android 动画

本文链接：https://blog.csdn.net/u012234350/article/details/41478951

版权

Android 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

项目中经常使用菜单这一功能，不仅方便而且试用。为了增强用户体验和交互，如果给菜单的显示和隐藏添加上动画效果，想必是极好的。

项目运行截图

鉴于功能相对简单，直接附上代码，

1.xml布局文件 animation_menu.xml;

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

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="hello " />

    <LinearLayout
        android:id="@+id/menu"
        android:layout_width="fill_parent"
        android:layout_height="100dp"
        android:layout_alignParentTop="true"
        android:background="#838582" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center"
            android:text="I am a menu" />
    </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>

2.Activity文件 TranslateAnimationMenu.class;

package com.example.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;

import com.example.flashScreen.R;

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.animation_menu);
		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);
				}
			}

		});
	}
}