仿QQ长按弹出功能菜单

原创 2015年07月08日 15:44:44

android app普遍常用的弹出上下文菜单是列表式的。QQ列表,在上方弹出冒泡效果菜单,如图这里写图片描述

这里讲解一下如何写出这个效果:

图片资源:两张图片,可以拼接成如上效果。

首先,我们需要写布局文件:
layout_pop.xml (mipmap是android studio 的引用图片的写法,以前常用@drawable/xxx)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp">

    <Button
        android:id="@+id/bt_l"
        style="@style/PopBtuton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@mipmap/bg_pop_l_t"
        android:text="复制" />

    <Button
        android:id="@+id/bt_r"
        style="@style/PopBtuton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/bt_l"
        android:background="@mipmap/bg_pop_r_t"
        android:text="回复" />

</RelativeLayout>

布局效果
这里写图片描述

接下来是重点:
先贴代码
PopOptionUtil.java

package com.mjc.popdemo;

import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.PopupWindow;

/**
 * Created by imac on 15/7/8.
 */
public class PopOptionUtil {

    private Context mContext;
    private int popupWidth;
    private int popupHeight;
    private PopupWindow popupWindow;
    private PopClickEvent mEvent;
    private Button preBt;
    private Button nextBt;


    public PopOptionUtil(Context context) {
        mContext = context;
        View popupView = LayoutInflater.from(mContext).inflate(R.layout.layout_pop, null);
        preBt = (Button) popupView.findViewById(R.id.bt_l);
        nextBt = (Button) popupView.findViewById(R.id.bt_r);
        popupWindow = new PopupWindow(popupView, ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.WRAP_CONTENT, true);
        popupWindow.setBackgroundDrawable(new BitmapDrawable());
        popupView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
        popupWidth = popupView.getMeasuredWidth();
        popupHeight = popupView.getMeasuredHeight();
    }

    public void show(View view) {
        initEvent();
        int[] location = new int[2];
        view.getLocationOnScreen(location);
        popupWindow.showAtLocation(view, Gravity.NO_GRAVITY, (location[0] + view.getWidth() / 2) - popupWidth / 2,
                location[1] - popupHeight);
    }

    public void setOnPopClickEvent(PopClickEvent mEvent) {
        this.mEvent = mEvent;
    }

    private void initEvent() {
        if (mEvent != null) {
            preBt.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    mEvent.onPreClick();
                }
            });
            nextBt.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    mEvent.onNextClick();
                }
            });

        }
    }
}

其中Event是自定义的接口,用来监听两个Button的事件的
下面就是
PopClickEvent.java

public interface PopClickEvent {
    public void onPreClick();
    public void onNextClick();
}

使用方法:

package com.mjc.popdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    View bt;
    PopOptionUtil mPop;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        bt = findViewById(R.id.test);
        mPop = new PopOptionUtil(this);
        mPop.setOnPopClickEvent(new PopClickEvent() {
            @Override
            public void onPreClick() {
                Toast.makeText(MainActivity.this,"置顶",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onNextClick() {
                Toast.makeText(MainActivity.this,"删除",Toast.LENGTH_SHORT).show();
            }
        });
        bt.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                mPop.show(view);
                bt.setSelected(true);
                return true;
            }
        });
    }

}

最终效果:
这里写图片描述

是不是很简单的呢?快动手试试吧

参考:http://blog.csdn.net/u011494050/article/details/38691475

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Android ListView两种长按弹出菜单方式

/** * @author xianglong guo 2012-05-17 22:15 * 知识点1:ListView item:两种长按弹出菜单方式 * 知识点2:ListView Simple...
  • linuxcjh
  • linuxcjh
  • 2012年08月22日 14:11
  • 10328

Android长按事件及上下文菜单

1、View.OnLongClickListener和View.OnCreateContextMenuListener均由长按视图触发。如果要长按直接触发一个事件用前者;若长按触发多个可供选择的事件,...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Android之ListView长按列表项弹出菜单 给菜单项添加事件 获取上下文

具体思路: 这里是先显示一个listview,长按listview的一个列表项,弹出一个菜单来,菜单有两个条目, “更新该条”和“删除该条”,并且这两条都有监听事件,整体就像微信好友对...

Android上下文菜单,长按出现的菜单

1.定义上下文菜单资源 在menu目录下创建list_item_context.xml

Android实现在webview中长按图片弹出菜单保存图片

Android实现在webview中长按图片弹出菜单保存图片在项目中遇到一个保存webview中二维码图片的问题,做个笔记。 效果如图: 用到webview的三个方法: ge...

android 组件长按弹出上下文菜单

简单组件长按弹出上下文菜单总结 第一步:在程序合适位置给一个控件注册上下文菜单 组件可以是按钮,文本框,还可以是列表条目,下以列表为例...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Android 实现点击出现选择框,或者长按显示选择界面,PopupMenu的简单使用。

这篇文章是我学习过程中遇到的一个比较简单的,但是却经常用到的知识点,例如ListView Item长按的选择功能,或者是点击一个按钮弹出一个小型的功能选择界面。 其实呢,这个是通过一个Pop...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:仿QQ长按弹出功能菜单
举报原因:
原因补充:

(最多只允许输入30个字)