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

http://blog.csdn.net/meijian531161724/article/details/46804281

转:仿QQ长按弹出功能菜单的更多相关文章

  1. 禁止手机页面中A标签长按弹出路径框

    //禁止手机页面中A标签长按弹出路径框    window.onload=function(){        document.documentElement.style.webkitTouchCa ...

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

    转自:http://www.cnblogs.com/yejiurui/p/3247527.html package com.wyl.download_demo; import java.util.Ar ...

  3. ListView的使用(二)长按弹出上下文菜单

    public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView ...

  4. android 长按弹出菜单,复制,粘贴,全选

    <!-- 定义基础布局LinearLayout --> <LinearLayout xmlns:android="http://schemas.android.com/ap ...

  5. VUE: 移动端长按弹出确认删除地址(2)

    之前有一篇文章也写了长按弹出确认框的功能,在android机上测试过完全没问题,到后面整体测试时发现IOS这个功能长按移除就消失了, 除非长按不松手,用另外一只手点击确定才能完成操作,所以这次做了修改 ...

  6. 仿复制粘贴功能,长按弹出tips的实现

    方案分析: 方案一:监听长按事件弹出PopupWindow[可行,缺点布局是固定的,小语种下会出现菜单截断现象] 方案二:弹出ContextMenu[不可行,因为ContextMenu的菜单是上下排列 ...

  7. IOS WebView修改contentInset 导致webview长按弹出菜单跳动的解决方法

    最近在项目中需要用到webview 加载H5 并且在webview 底部使用原生UI添加其他空间比如广告.或者评论(Scrollview) 最初使用修改webview中scrollview 的cont ...

  8. android 自定义控件二之仿QQ长按删除

    自定义Dialog 1.先上个效果图:

  9. 【转】 教你如何创建类似QQ的android弹出菜单

    原文地址:http://www.apkbus.com/android-18034-1-1.html 大家可能看到android的自带的系统菜单比较难看,如图: 2011-12-4 23:13 上传 下 ...

随机推荐

  1. Java冒泡随笔

    package homework; import java.util.Scanner; public class ArraySort { /** * @param args */ public sta ...

  2. PHP初步(中)

    一.文件载入 文件载入:将目标文件的代码载入到当前的位置上,有时候也叫流程控制. 文件载入的目的是实现网站的分层设计,因为不同的页面可能有很多相同的区域(相同的代码),这些相同的代码只需要写一次,有需 ...

  3. JS设置弹出小窗口。

    经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息.警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这 ...

  4. IOS setValue forKey

    NSObjiect *obj:[obj setValue:value forKey:@"cpname"]复制代码的时候都会出现这个异常this class is not key v ...

  5. EL表达式的使用

    在JSP页面中嵌入了一部分Java代码,本以为Java代码中声明的变量可以通过${var}获得变量值输出,结果没有任何输出, EL表达式是用在对对象值.属性制的访问 ${user.id}.reques ...

  6. EXT 环境部署

    1. 准备工作 在开始搭建Ext 开发环境前,你需要安装好下列工具/程序: JDK1.5 MyEclipse 3.  Ext 基类代码 2. 安装JDK1.5 2.1. 确定已安装的JDK版本 点击开 ...

  7. HTML <label> 标签

    定义:<label> 标签为 input 元素定义标注(标记). 用法: label 元素不会向用户呈现任何特殊效果.不过,它为鼠标用户改进了可用性.如果您在 label 元素内点击文本, ...

  8. 使用CSS3动画模拟实现小球自由落体效果

    使用纯CSS代码模拟实现小球自由落体效果: html代码如下: <div id="ballDiv"> <div id="ball">&l ...

  9. Hive的内表和外表以及分区表

    1. 内表和外表的区别 内表和外表之间是通过关键字EXTERNAL来区分.删除表时: 内表:在删除时,既删除内表的元数据,也删除内表的数据 外表:删除时,仅仅删除外表的元数据. CREATE [EXT ...

  10. MySQL中DATETIME、DATE和TIMESTAMP类型的区别

    一.TIMESTAMP 显示格式:YYYY-MM-DD HH:MM:SS 时间范围:[ '1970-01-01 00:00:00'到'2037-12-31 23:59:59'] TIMESTAMP D ...