转:仿QQ长按弹出功能菜单
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长按弹出功能菜单的更多相关文章
- 禁止手机页面中A标签长按弹出路径框
//禁止手机页面中A标签长按弹出路径框 window.onload=function(){ document.documentElement.style.webkitTouchCa ...
- Android ListView两种长按弹出菜单方式
转自:http://www.cnblogs.com/yejiurui/p/3247527.html package com.wyl.download_demo; import java.util.Ar ...
- ListView的使用(二)长按弹出上下文菜单
public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView ...
- android 长按弹出菜单,复制,粘贴,全选
<!-- 定义基础布局LinearLayout --> <LinearLayout xmlns:android="http://schemas.android.com/ap ...
- VUE: 移动端长按弹出确认删除地址(2)
之前有一篇文章也写了长按弹出确认框的功能,在android机上测试过完全没问题,到后面整体测试时发现IOS这个功能长按移除就消失了, 除非长按不松手,用另外一只手点击确定才能完成操作,所以这次做了修改 ...
- 仿复制粘贴功能,长按弹出tips的实现
方案分析: 方案一:监听长按事件弹出PopupWindow[可行,缺点布局是固定的,小语种下会出现菜单截断现象] 方案二:弹出ContextMenu[不可行,因为ContextMenu的菜单是上下排列 ...
- IOS WebView修改contentInset 导致webview长按弹出菜单跳动的解决方法
最近在项目中需要用到webview 加载H5 并且在webview 底部使用原生UI添加其他空间比如广告.或者评论(Scrollview) 最初使用修改webview中scrollview 的cont ...
- android 自定义控件二之仿QQ长按删除
自定义Dialog 1.先上个效果图:
- 【转】 教你如何创建类似QQ的android弹出菜单
原文地址:http://www.apkbus.com/android-18034-1-1.html 大家可能看到android的自带的系统菜单比较难看,如图: 2011-12-4 23:13 上传 下 ...
随机推荐
- Python Day04
一.迭代器与生成器: 迭代器(iterator): 迭代器是访问集合元素的一种方式.迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束.迭代器只能往前不会后退,迭代器的一大优点是不要求事 ...
- json处理总结(前端js和后端java)
前端(js): json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键,下面将介绍两者之间的相互转换. json字符串:var st ...
- selenium+python环境搭建
1.安装python-2.7.3.msi 2.安装pywin32-216.win32-py2.7.exe 3.下selenium包,selenium-2.35.0.tar.gz,放到D:\autote ...
- Yosemite系统怎么录制 iOS8设备屏幕
我一年前一直想要的一个功能,发布时很想用.一直没找到 ,很巧的是今天被测试发现了. 感谢CCTV.自己在这里也记录下: 你好! 在 OS X Yosemite 系统中,QuickTime 支持 ...
- 2014年7月份第1周51Aspx源码发布详情
QF万能视频播放器源码 2014-6-30 [VS2010]本源码是一个万能视频播放器源码.可实现各种格式的影片播放功能. 1.点击[开始]按钮,弹出窗口,选择影片路径,确定后即可播放.可拖拽滚 ...
- java nio(non-blocking io)简介及和io
在 Java1.4之前的I/O系统中,提供的都是面向流的I/O系统,系统一次一个字节地处理数据,一个输入流产生一个字节的数据,一个输出流消费一个字节 的数据,面向流的I/O速度非常慢,而在Java 1 ...
- JS总结 本地对象2 BOM DOM
string对象 定义一个字符: var str = "world"; str.length 返回字符长度,5 str.charAt(2) 返回字符串第2个字符(从0开始,下 ...
- Caliburn.Micro学习笔记目录——li-peng
Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 Caliburn.Micro学习笔记(二)----Actions Caliburn.Micro学习笔记(三)----事件聚合IE ...
- Eclipse使用指定JDK,无需配置Path变量
修改Eclipse安装目录下的eclipse.ini配置文件 将下面内容添加到文件的首部 -vmF:/Lunatic/IDE/JDK/jdk1.7.0_67/jdk1.7.0_67/bin/javaw ...
- eclipse新建文件模板默认charset=ISO-8859-1解决
在安装目录下找到eclipse.ini用记事本打开,添加一行-Dfile.encoding=utf-8,就ok了. 这是应为模板中使用了encoding这个变量