码迷，mamicode.com
首页 > 移动开发 > 详细

Android中popWindow弹出菜单的编写

时间：2014-05-03 21:01:27      阅读：484      评论：0      收藏：0      [点我收藏+]

标签：android2d   android开发   popwindow   popanimation   

1、什么是popWindow？

popWindow就是对话框的一种方式！此文讲解的android中对话框的一种使用方式，它叫popWindow。

2、popWindow的特性

Android的对话框有两种：PopupWindow和AlertDialog。它们的不同点在于：
AlertDialog的位置固定，而PopupWindow的位置可以随意。
AlertDialog是非阻塞线程的，而PopupWindow是阻塞线程的。
PopupWindow的位置按照有无偏移分，可以分为偏移和无偏移两种；按照参照物的不同，可以分为相对于某个控件（Anchor锚）和相对于父控件。具体如下
showAsDropDown(View anchor)：相对某个控件的位置（正左下方），无偏移
showAsDropDown(View anchor, int xoff, int yoff)：相对某个控件的位置，有偏移
showAtLocation(View parent, int gravity, int x, int y)：相对于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），可以设置偏移或无偏移

3、popWindow的设计

效果图：

bubuko.com,布布扣

bubuko.com,布布扣

实现这个效果的，总共有两个三个xml布局，一个是工具栏布局，一个是popWindow布局，一个是父界面布局。

工具栏布局：

<?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="@dimen/chat_llyt_title_height"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:background="@color/black"
    android:orientation="horizontal" >
    
    <ImageView
        android:id="@+id/app_iv_back"
        android:layout_width="@dimen/chat_llyt_title_height"
        android:layout_height="fill_parent"
        android:background="@drawable/actionbar_bg_left"
        android:layout_gravity="center"
        android:padding="7dip"
        android:scaleType="centerInside"
         />

    <TextView
        android:id="@+id/app_tv_barname"
        android:layout_width="0.0dip"
        android:layout_height="fill_parent"
        android:layout_weight="4.0"
        android:background="@drawable/actionbar_bg_middle"
        android:gravity="center"
        android:text="@string/app_name"
        android:textColor="@color/white"
        android:textSize="@dimen/wc_title_textsize" />

    <ImageView
        android:id="@+id/app_iv_search"
        android:layout_width="@dimen/chat_llyt_title_height"
        android:layout_height="fill_parent"
        android:background="@drawable/actionbar_bg_right"
        android:padding="7dip"
        android:layout_gravity="center"
        android:scaleType="centerInside"
        android:src="@drawable/yuyou_bg_pop" />

</LinearLayout>

popWindow布局： 

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rlyt_menu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <View
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="9" />

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:orientation="vertical" >

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="0.05" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2.3"
            android:background="@drawable/yuyou_pop_menu"
            android:orientation="vertical" >

            <View
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="0.1" />

            <LinearLayout
                android:id="@+id/rlyt_code"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:orientation="vertical" >

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"
                    android:contentDescription="@drawable/face_code_bg"
                    android:paddingLeft="10dp"
                    android:paddingRight="10dp"
                    android:src="@drawable/face_code_bg"
                    android:scaleType="centerInside" />

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center_horizontal|top"
                    android:text="扫一扫"
                    android:textColor="@color/white"
                    android:textSize="@dimen/yuyou_pop_text_size" />
            </LinearLayout>

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="0.05" 
                android:visibility="gone"/>

            <LinearLayout
                android:id="@+id/rlyt_his"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"
                android:orientation="vertical" >

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"
                    android:contentDescription="@drawable/face_his_bg"
                    android:paddingLeft="10dp"
                    android:paddingRight="10dp"
                    android:src="@drawable/face_his_bg" 
                    android:scaleType="centerInside" />

                <TextView
                    android:id="@+id/tv_ting_tong"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center_horizontal|top"
                    android:text="历史记录"
                    android:textColor="@color/white"
                    android:textSize="@dimen/yuyou_pop_text_size" />
            </LinearLayout>

            <View
                android:layout_width="0dp"
                android:layout_height="0dp"
                android:layout_weight="0.05" 
                android:visibility="gone"/>
        </LinearLayout>

        <View
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_weight="6" />
    </LinearLayout>

    <View
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_weight="0.05" />

</LinearLayout>

父界面布局： 

<?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="@dimen/chat_llyt_title_height"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:background="@color/black"
    android:orientation="horizontal" >
    
    <ImageView
        android:id="@+id/app_iv_back"
        android:layout_width="@dimen/chat_llyt_title_height"
        android:layout_height="fill_parent"
        android:background="@drawable/actionbar_bg_left"
        android:layout_gravity="center"
        android:padding="7dip"
        android:scaleType="centerInside"
         />

    <TextView
        android:id="@+id/app_tv_barname"
        android:layout_width="0.0dip"
        android:layout_height="fill_parent"
        android:layout_weight="4.0"
        android:background="@drawable/actionbar_bg_middle"
        android:gravity="center"
        android:text="@string/app_name"
        android:textColor="@color/white"
        android:textSize="@dimen/wc_title_textsize" />

    <ImageView
        android:id="@+id/app_iv_search"
        android:layout_width="@dimen/chat_llyt_title_height"
        android:layout_height="fill_parent"
        android:background="@drawable/actionbar_bg_right"
        android:padding="7dip"
        android:layout_gravity="center"
        android:scaleType="centerInside"
        android:src="@drawable/yuyou_bg_pop" />

</LinearLayout>
对话框类，继承OnClickListener，对点击事件的相应： 

package com.example.popwindow;

import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.PopupWindow;

public class MySimplePopMenu implements OnClickListener {
	private final PopupWindow popupWindow;
	private Activity mParent;

	public MySimplePopMenu(Activity mParent, int hight) {
		this.mParent = mParent;
		View menu = initMenuView(mParent);
		popupWindow = new PopupWindow(menu);
		popupWindow.setWidth(LayoutParams.MATCH_PARENT);
		popupWindow.setHeight(hight);
		popupWindow.setAnimationStyle(R.style.PopAnimation);
	}

	/**
	 * 设置具体Menu按钮的监听
	 * 
	 * @param mParent
	 * @return
	 */
	private View initMenuView(Activity mParent) {
		View menuView = mParent.getLayoutInflater().inflate(
				R.layout.my_simple_popupwindow_menu, null);
		menuView.findViewById(R.id.rlyt_menu).setOnClickListener(this);
		menuView.findViewById(R.id.rlyt_code).setOnClickListener(this);
		menuView.findViewById(R.id.rlyt_his).setOnClickListener(this);
		return menuView;
	}

	@Override
	public void onClick(View view) {
		switch (view.getId()) {
		// 点击空白处
		case R.id.rlyt_menu:
			if (popupWindow != null && popupWindow.isShowing()) {
				popupWindow.dismiss();
			}
			break;

		// 扫一扫
		case R.id.rlyt_code:
			break;

		// 历史记录
		case R.id.rlyt_his:
			break;
		}
	}

	/**
	 * 返回View
	 * 
	 * @return
	 */
	public PopupWindow getMenu() {
		return popupWindow;
	}
}


这段代码中的popupWindow.setAnimationStyle(R.style.PopAnimation);这行代码需要特别注意，作用于对话框的弹出效果，如何使用可关注的我的博文：http://blog.csdn.net/stoppig/article/details/21481057。使用原理是差不多的。


主activity代码： 

package com.example.popwindow;

import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.view.Display;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.WindowManager;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;

public class MainActivity extends Activity {

	private MySimplePopMenu popMenu;// 弹出选择框
	private PopupWindow mPopupWindow; // 弹出框
	private ImageView app_iv_search;
	private boolean mIsFirst = true; // 是否第一次初始化弹出框
	private Context mContext;
	private RelativeLayout mLayout;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		findViews();
		initListener();
		this.mContext = this;
	}

	private void findViews() {
		app_iv_search = (ImageView) findViewById(R.id.app_iv_search);
		mLayout = (RelativeLayout) findViewById(R.id.rv_main);
	}

	private void initListener() {
		app_iv_search.setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				if (mIsFirst) {
					mIsFirst = false;
					int height = mLayout.getHeight() - v.getHeight();
					popMenu = new MySimplePopMenu(MainActivity.this, height);
					mPopupWindow = popMenu.getMenu();
				}

				if (mPopupWindow == null) {
					return;
				}

				if (mPopupWindow.isShowing()) {
					mPopupWindow.dismiss();
					return;
				}

				mPopupWindow.showAtLocation(mLayout, Gravity.BOTTOM, 0, 0);
			}
		});
	}

	/**
	 * 获取屏幕高度
	 * 
	 * @param context
	 * @return
	 */
	private int getScreenHeight(Context context) {
		WindowManager manager = (WindowManager) context
				.getSystemService(Context.WINDOW_SERVICE);
		Display display = manager.getDefaultDisplay();
		return display.getHeight();
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

ps：这段代码mIsFirst这个属性是特别注意的，这个属性控制着对话框弹出的次数，如果没有进行控制，每点一次就会弹出一次。


主要代码就这样差不多了。资源地址请点击：下载资源。



Android中popWindow弹出菜单的编写,布布扣,bubuko.com

Android中popWindow弹出菜单的编写

标签：android2d   android开发   popwindow   popanimation   

原文地址：http://blog.csdn.net/stoppig/article/details/24921321
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！