底部劃出菜單使用POPWindow

怎麼實現底部動畫劃出一個菜單，使用POPWindows是個不錯的選擇

首先設置POPWindow   xml:

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

    <LinearLayout
        android:id="@+id/pop_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@drawable/btn_style_alert_dialog_background"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/gongneng_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@drawable/bt_background_dm"
            android:text="功能檢測" />

        <Button
            android:id="@+id/jiaocai_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@drawable/bt_background_dm"
            android:text="交採檢測" />

        <Button
            android:id="@+id/canshu_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@drawable/bt_background_dm"
            android:text="參數設置" />

        <Button
            android:id="@+id/lishi_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@drawable/bt_background_dm"
            android:text="歷史記錄" />

        <Button
            android:id="@+id/shebei_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@drawable/bt_background_dm"
            android:text="關於設備" />

        <Button
            android:id="@+id/women_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_weight="1"
            android:background="@drawable/bt_background_dm"
            android:text="關於我們" />
    </LinearLayout>
    

</RelativeLayout>

POP的工具類

package com.example.supertext.utils;

import com.example.supertext.First;
import com.example.supertext.R;
import com.example.supertext.Second;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.PopupWindow;

public class SelectPopupWindow extends PopupWindow {
	private Button btn_gongneng, btn_jiaocai, btn_canshu, btn_lishi,
			btn_shebei, btn_women;
	private View menuView;
	public static SelectPopupWindow window;
	private static Activity cActivity;
	public SelectPopupWindow(Context context, OnClickListener itemsOnClick) {
		super(context);
		LayoutInflater inflater = (LayoutInflater) context
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		menuView = inflater.inflate(R.layout.dialogmenu, null);
		init(itemsOnClick);
		SetWindows();
	}
	
	private void SetWindows() {
		// 設置SelectPicPopupWindow的View
		this.setContentView(menuView);
		// 設置SelectPicPopupWindow彈出窗體的寬
		this.setWidth(LayoutParams.MATCH_PARENT);
		// 設置SelectPicPopupWindow彈出窗體的高
		this.setHeight(LayoutParams.WRAP_CONTENT);
		// 設置SelectPicPopupWindow彈出窗體可點擊
		this.setFocusable(true);
		// 設置SelectPicPopupWindow彈出窗體動畫效果
		this.setAnimationStyle(R.style.AnimBottom);
		// 實例化一個ColorDrawable顏色爲半透明
		//ColorDrawable dw = new ColorDrawable(0xb0000000);
		//透明
		ColorDrawable dw = new ColorDrawable(Color.argb(0, 0, 0, 0));
		// 設置SelectPicPopupWindow彈出窗體的背景
		this.setBackgroundDrawable(dw);
		menuView.setOnTouchListener(new OnTouchListener() {
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				int height = menuView.findViewById(R.id.pop_layout).getTop();
				int y = (int) event.getY();
				if (event.getAction() == MotionEvent.ACTION_UP) {
					if (y < height) {
						dismiss();
					}
				}
				return true;
			}
		});
	}

	public void init(OnClickListener itemsOnClick) {
		btn_gongneng = (Button) menuView.findViewById(R.id.gongneng_button);
		btn_jiaocai = (Button) menuView.findViewById(R.id.jiaocai_button);
		btn_canshu = (Button) menuView.findViewById(R.id.canshu_button);
		btn_lishi = (Button) menuView.findViewById(R.id.lishi_button);
		btn_shebei = (Button) menuView.findViewById(R.id.shebei_button);
		btn_women = (Button) menuView.findViewById(R.id.women_button);
		btn_gongneng.setOnClickListener(itemsOnClick);
		btn_jiaocai.setOnClickListener(itemsOnClick);
		btn_canshu.setOnClickListener(itemsOnClick);
		btn_lishi.setOnClickListener(itemsOnClick);
		btn_shebei.setOnClickListener(itemsOnClick);
		btn_women.setOnClickListener(itemsOnClick);

	}
	public static void showDialog(Activity context,int id) {
		cActivity=context;
		window = new SelectPopupWindow(context, itemsOnClick);
		window.showAtLocation(context.findViewById(id), Gravity.BOTTOM
				| Gravity.CENTER, 0, 0);
	}
	
	static OnClickListener itemsOnClick = new OnClickListener() {
		@Override
		public void onClick(View view) {
			window.dismiss();
			switch (view.getId()) {
			case R.id.gongneng_button:
				Intent intent = new Intent(cActivity, First.class);
				cActivity.startActivity(intent);
				break;
			case R.id.jiaocai_button:
				Intent intent1 = new Intent(cActivity, Second.class);
				cActivity.startActivity(intent1);
				break;
			}
		}
	};
}

首頁的佈局和第一個，第二個佈局是一樣的：

xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity" 
    android:id="@+id/menu">

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="首頁"
        android:textColor="#0099ff"
        android:textSize="22dp" />

    <ImageView
        android:id="@+id/main_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="showDialog"
        android:src="@drawable/gengduo_dm" />

</LinearLayout>

只需要在每個Activity中去調用顯示POP就好了

package com.example.supertext;

import com.example.supertext.utils.SelectPopupWindow;

import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Gravity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;

public class MainActivity extends Activity {
	private ImageView img1;
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		img1 = (ImageView) findViewById(R.id.main_id);
		img1.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				SelectPopupWindow.showDialog(MainActivity.this,R.id.menu);
			}
		});
	}
}

這樣一個簡單的底部菜單就實現了。