android自定义popupwindow仿微信

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

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

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

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/title_tools_bg"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/layout_share"
        style="@style/fill_width"
        android:orientation="horizontal" 
        android:background="@drawable/menu_left_item_selector"
        android:padding="5dp">

        <ImageView
            android:layout_marginLeft="7dp"
            style="@style/wrap"
            android:scaleType="fitCenter"
            android:src="@drawable/share" />

        <TextView
            style="@style/wrap"
            android:textColor="@color/white"
            android:textSize="@dimen/text18"
            android:layout_marginLeft="5dp"
            android:text="分享内容" />
    </LinearLayout>
    
    <LinearLayout
        android:id="@+id/layout_copy"
        style="@style/fill_width"
        android:orientation="horizontal" 
        android:background="@drawable/menu_left_item_selector"
        android:padding="5dp">

        <ImageView
            android:layout_marginLeft="5dp"
            style="@style/wrap"
            android:scaleType="fitCenter"
            android:src="@drawable/copy_pressed" />

        <TextView
            style="@style/wrap"
            android:textColor="@color/white"
            android:textSize="@dimen/text18"
            android:layout_marginLeft="5dp"
            android:text="复制结果" />
    </LinearLayout>

</LinearLayout>

      采用线性布局，因为里面是一行一行竖排的菜单，线性布局更容易控制。大布局里面放了两个垂直排列的线性布局，每个线性布局中分别有横向排列的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: [e-mail]
 * 创建时间：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

 

<?xml version="1.0" encoding="utf-8"?>
<scale   xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
        android:fromXScale="1.0"   
        android:toXScale="1.0"   
        android:fromYScale="0"   
        android:toYScale="1.0"   
        android:pivotX="0"  
        android:pivotY="10%"  
        android:duration="200" /> 

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

 

 

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

<scale   xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
        android:fromXScale="1.0"   
        android:toXScale="1.0"   
        android:fromYScale="1.0"   
        android:toYScale="0"   
        android:pivotX="0"  
        android:pivotY="10%"  
        android:duration="200" /> 

        style样式定义：

 

 

	 <style name="AnimTools" parent="@android:style/Animation">
        <item name="android:windowEnterAnimation">@anim/push_in</item>
        <item name="android:windowExitAnimation">@anim/push_out</item>
    </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;
			}
			
		}
		
	}

     效果预览：

     



 
 
   
    部分图像资源

 

 

 



 

评论

2 楼 men4661273 2017-03-05  

小白马 写道

能不能发一下源代码啊

https://git.oschina.net/xujiwei/translate

1 楼 小白马 2016-08-01  

能不能发一下源代码啊