【Android】创建Popwindow弹出菜单的两种方式

2023-08-20 15:01:58

方法一的Activity

package com.app.test02;

import android.app.Activity;

import android.os.Bundle;

import android.view.Gravity;

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;

import android.widget.Toast;

public class PopwindowLeft extends Activity {

	// 声明PopupWindow对象的引用

	private PopupWindow popupWindow;

	/** Called when the activity is first created. */

	@Override

	public void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_popupwindow_main);

		// 点击按钮弹出菜单

		Button pop = (Button) findViewById(R.id.popBtn);

		pop.setOnClickListener(popClick);

	}

	// 点击弹出左侧菜单的显示方式

	OnClickListener popClick = new OnClickListener() {

		@Override

		public void onClick(View v) {

			// TODO Auto-generated method stub

			getPopupWindow();

			// 这里是位置显示方式,在屏幕的左侧

			popupWindow.showAtLocation(v, Gravity.LEFT, 0, 0);

		}

	};

	/**

	 * 创建PopupWindow

	 */

	protected void initPopuptWindow() {

		// TODO Auto-generated method stub

		// 获取自定义布局文件activity_popupwindow_left.xml的视图

		View popupWindow_view = getLayoutInflater().inflate(R.layout.activity_popupwindow_left, null,

				false);

		// 创建PopupWindow实例,200,LayoutParams.MATCH_PARENT分别是宽度和高度

		popupWindow = new PopupWindow(popupWindow_view, 200, LayoutParams.MATCH_PARENT, true);

		// 设置动画效果

		popupWindow.setAnimationStyle(R.style.AnimationFade);

		// 点击其他地方消失

		popupWindow_view.setOnTouchListener(new OnTouchListener() {

			@Override

			public boolean onTouch(View v, MotionEvent event) {

				// TODO Auto-generated method stub

				if (popupWindow != null && popupWindow.isShowing()) {

					popupWindow.dismiss();

					popupWindow = null;

				}

				return false;

			}

		});

	}

	/***

	 * 获取PopupWindow实例

	 */

	private void getPopupWindow() {

		if (null != popupWindow) {

			popupWindow.dismiss();

			return;

		} else {

			initPopuptWindow();

		}

	}

}

方法二的Activity

package com.app.test02;

import android.app.Activity;

import android.os.Bundle;

import android.view.Gravity;

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.PopupWindow;

public class PopwindowLeftNew extends Activity{

	private PopupWindow popupWindow;

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		// TODO Auto-generated method stub

		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_popupwindow_main);

		findViewById(R.id.popBtn).setOnClickListener(new OnClickListener() {

			@Override

			public void onClick(View v) {

				// TODO Auto-generated method stub

				// 获取自定义布局文件activity_popupwindow_left.xml的视图

				View popupWindow_view = getLayoutInflater().inflate(R.layout.activity_popupwindow_left, null,false);

				// 创建PopupWindow实例,200,LayoutParams.MATCH_PARENT分别是宽度和高度

				popupWindow = new PopupWindow(popupWindow_view, 200, LayoutParams.MATCH_PARENT, true);

				// 设置动画效果

				popupWindow.setAnimationStyle(R.style.AnimationFade);

				// 这里是位置显示方式,在屏幕的左侧

				popupWindow.showAtLocation(v, Gravity.LEFT, 0, 0);

				// 点击其他地方消失

				popupWindow_view.setOnTouchListener(new OnTouchListener() {

					@Override

					public boolean onTouch(View v, MotionEvent event) {

						// TODO Auto-generated method stub

						if (popupWindow != null && popupWindow.isShowing()) {

							popupWindow.dismiss();

							popupWindow = null;

						}

						return false;

					}

				});

			}

		});

	}

}

效果图

附：一些相关的布局文件

PopupWindow弹出菜单

activity_popupwindow_main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:background="#fff" >

	<Button android:id="@+id/popBtn"

		android:layout_width="fill_parent"

		android:layout_height="wrap_content"

		android:text="弹出左侧菜单" /> 

</LinearLayout>

activity_popupwindow_left.xml

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

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@android:color/darker_gray"

    android:orientation="vertical"

    android:gravity="center"

    android:paddingTop="50dp">

    <Button

        android:id="@+id/open"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="打开" />

    <Button

        android:id="@+id/save"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="保存" />

    <Button

        android:id="@+id/close"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="关闭" />

    <Button

        android:id="@+id/open"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="打开" />

    <Button

        android:id="@+id/save"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="保存" />

    <Button

        android:id="@+id/close"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="关闭" />

    <Button

        android:id="@+id/open"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="打开" />

    <Button

        android:id="@+id/save"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="保存" />

    <Button

        android:id="@+id/close"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_weight="1"

        android:background="@android:color/darker_gray"

        android:text="关闭" />

</LinearLayout>

弹出动画XML

在res文件夹下，建立anim文件夹。写入如下两个文件。

弹出动画

in_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 定义从左向右进入的动画 -->

    <translate

        android:duration="500"

        android:fromXDelta="-100%"

        android:toXDelta="0" />

</set>

弹回动画

out_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 定义从右向左动画退出动画 -->

    <translate

        android:duration="500"

        android:fromXDelta="0"

        android:toXDelta="-100%" />

</set>

动画管理

在styles.xml中，添加如下管理代码。

    <style name="AnimationFade">

        <!-- PopupWindow左右弹出的效果 -->

        <item name="android:windowEnterAnimation">@anim/in_lefttoright</item>

        <item name="android:windowExitAnimation">@anim/out_righttoleft</item>

    </style>

码农公寓

方法一的Activity

方法二的Activity

效果图

附：一些相关的布局文件

PopupWindow弹出菜单

弹出动画XML

弹出动画

弹回动画

动画管理

相关文章