android自定义popupwindow仿微信

阅读更多

       微信右上角的操作菜单看起来很好用，就照着仿了一下，不过是旧版微信的，手里刚好有一些旧版微信的资源图标，给大家分享一下。

      不知道微信是用什么实现的，我使用popupwindow来实现，主要分为几块内容：

   1、窗口布局文件：popwin_share.xml

 

      采用线性布局，因为里面是一行一行竖排的菜单，线性布局更容易控制。大布局里面放了两个垂直排列的线性布局，每个线性布局中分别有横向排列的imageview和textview，很简单的布局。大布局的背景用了一个图片，当然也可以自定义一些其他颜色。

 

    2、popupwindow代码，我这里是自定义一个popupwindows类，继承自PopupWindow：

 

package com.xjw.view;

import com.xjw.translate.R;

import android.app.Activity;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
	/**      
 * 项目名称：translate  
 * 实现功能：  翻译详情界面，分享弹出窗口
 * 类名称：PopWinShare   
 * 类描述：(该类的主要功能)
 * 创建人：徐纪伟 
 * E-mail: [email protected]
 * 创建时间：2014年10月18日 下午4:37:25   
 * 修改人：   
 * 修改时间：   
 * 修改备注：   
 * @version    
 */
public class PopWinShare extends PopupWindow{
	private View mainView;
	private LinearLayout layoutShare, layoutCopy;

  public PopWinShare(Activity paramActivity, View.OnClickListener paramOnClickListener, int paramInt1, int paramInt2){
		 super(paramActivity);
		 //窗口布局
	    mainView = LayoutInflater.from(paramActivity).inflate(R.layout.popwin_share, null);
	    //分享布局
	    layoutShare = ((LinearLayout)mainView.findViewById(R.id.layout_share));
	    //复制布局
	    layoutCopy = (LinearLayout)mainView.findViewById(R.id.layout_copy);
	    //设置每个子布局的事件监听器
	    if (paramOnClickListener != null){
	    	layoutShare.setOnClickListener(paramOnClickListener);
	    	layoutCopy.setOnClickListener(paramOnClickListener);
	    }
	    setContentView(mainView);
	    //设置宽度
	    setWidth(paramInt1);
	    //设置高度
	    setHeight(paramInt2);
	    //设置显示隐藏动画
	    setAnimationStyle(R.style.AnimTools);
	    //设置背景透明
	    setBackgroundDrawable(new ColorDrawable(0));
  	}
}

       里面提供了一个构造方法，包含四个参数，第一个参数是上下文的activity，第二个是菜单的点击事件，从外边传递进来的，要绑定给每一行的菜单，具体的事件实现当然要写在activity中，后面两个分别是弹出窗口的宽度和高度。里面还包含了一个动画样式，窗口打开和关闭时出现动画的样式。

 

    3、动画样式，显示动画，缩放动画：push_in.xml

 

           关闭动画，也是缩放动画：push_out.xml

 

 

        style样式定义：

 

 

     到此为止我们的自定义窗口已经定义好了。接下来看使用。

 

				if (popWinShare == null) {
					//自定义的单击事件
					OnClickLintener paramOnClickListener = new OnClickLintener();
					popWinShare = new PopWinShare(TranslateDataContentActivity.this, paramOnClickListener, DisplayUtil.dip2px(context, 160), DisplayUtil.dip2px(context, 160));
					//监听窗口的焦点事件，点击窗口外面则取消显示
					popWinShare.getContentView().setOnFocusChangeListener(new View.OnFocusChangeListener() {
						
						@Override
						public void onFocusChange(View v, boolean hasFocus) {
							if (!hasFocus) {
								popWinShare.dismiss();
							}
						}
					});
				}
				//设置默认获取焦点
				popWinShare.setFocusable(true);
				//以某个控件的x和y的偏移量位置开始显示窗口
				popWinShare.showAsDropDown(btnTools, 0, 0);
				//如果窗口存在，则更新
				popWinShare.update();

      每个子菜单的单击事件自定义内部类，在里面就可以写每个子菜单的单击事件啦，

class OnClickLintener implements OnClickListener{

		@Override
		public void onClick(View v) {
			switch (v.getId()) {
			case R.id.layout_share:
				
				break;
			case R.id.layout_copy:
				
				break;
                  
			default:
				break;
			}
			
		}
		
	}

     效果预览：

     



 
 
   
    部分图像资源

 

 

 



 

• 图片.rar (6.1 KB)
• 下载次数: 671

• 
• 大小: 9.1 KB

• 查看图片附件