当前位置: 代码迷 >> Android >> 【Android】使用Popwindow实现左边弹出菜单层
  详细解决方案

【Android】使用Popwindow实现左边弹出菜单层

热度:74   发布时间:2016-04-28 07:54:33.0
【Android】使用Popwindow实现左侧弹出菜单层

PopupWindow可以实现浮层效果。

主要方法有:可以自定义view,通过LayoutInflator方法;可以出现和退出时显示动画;可以指定显示位置等。 


为了将PopupWindow的多个功能展现并力求用简单的代码实现,编写了一个点击按钮左侧弹出菜单的功能,实现出现和退出时显示动画效果并点击其他区域时弹出层自动消失。


Activity文件

package com.app.test02;import android.app.Activity;import android.os.Bundle;import android.view.MotionEvent;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnTouchListener;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.showAsDropDown(v);			// 这里可以尝试其它效果方式,如popupWindow.showAsDropDown(v,			// (screenWidth-dialgoWidth)/2, 0);			// popupWindow.showAtLocation(findViewById(R.id.layout),			// Gravity.CENTER, 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,150分别是宽度和高度		popupWindow = new PopupWindow(popupWindow_view, 200, 150, 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;			}		});		// activity_popupwindow_left.xml视图里面的控件		Button open = (Button) popupWindow_view.findViewById(R.id.open);		Button save = (Button) popupWindow_view.findViewById(R.id.save);		Button close = (Button) popupWindow_view.findViewById(R.id.close);		// activity_popupwindow_left.xml视图里面的控件触发的事件		// 打开		open.setOnClickListener(new OnClickListener() {			@Override			public void onClick(View v) {				// TODO Auto-generated method stub				// 这里可以执行相关操作				Toast.makeText(PopwindowLeft.this, "打开操作", 1000);				// 对话框消失				popupWindow.dismiss();			}		});		// 保存		save.setOnClickListener(new OnClickListener() {			@Override			public void onClick(View v) {				// TODO Auto-generated method stub				// 这里可以执行相关操作				Toast.makeText(PopwindowLeft.this, "保存操作", 1000);				popupWindow.dismiss();			}		});		// 关闭		close.setOnClickListener(new OnClickListener() {			@Override			public void onClick(View v) {				// TODO Auto-generated method stub				// 这里可以执行相关操作				Toast.makeText(PopwindowLeft.this, "关闭操作", 1000);				popupWindow.dismiss();			}		});	}	/***	 * 获取PopupWindow实例	 */	private void getPopupWindow() {		if (null != popupWindow) {			popupWindow.dismiss();			return;		} else {			initPopuptWindow();		}	}}

PopupWindow主配置文件

<?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" >    	<Button android:id="@+id/popBtn" 		android:layout_width="fill_parent" 		android:layout_height="wrap_content" 		android:text="弹出左侧菜单" /> 		</LinearLayout>

PopupWindow弹出菜单

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:background="@android:color/darker_gray"    android:orientation="vertical" >    <Button        android:id="@+id/open"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:background="@android:color/darker_gray"        android:text="打开" />    <Button        android:id="@+id/save"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:background="@android:color/darker_gray"        android:text="保存" />    <Button        android:id="@+id/close"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        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>



  相关解决方案