仿QQ长按弹出功能菜单

2018-01-01 10:50:49

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>123456789101112131415161718192021222324

布局效果 
这里写图片描述

接下来是重点: 
先贴代码 
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();
                }
            });

        }
    }
}123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869

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

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

使用方法:

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;
            }
        });
    }

}12345678910111213141516171819202122232425262728293031323334353637383940414243

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

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

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


  • 2018-12-09 22:49:12

    Android 修改Toolbar自带的图标颜色

    toolbar自带的按钮颜色是黑色,现在想修改按钮图标颜色,方法如下: 在布局文件中的Toolbar中增加如下2个 属性

  • 2018-12-09 22:50:46

    Toolbar 标题字体大小及字体颜色

    无师无门遇到点破事也得百度,就单单这破问题 Toolbar 标题字体大小及字体颜色,结果百度一推重复没用的结果,要么一推英文的解释,小学学历的我表示很崩溃!

  • 2018-12-10 00:57:37

    Android沉浸式状态栏(透明状态栏)最佳实现

    在Android4.4之前,我们的应用没法改变手机的状态栏颜色,当我们打开应用时,会出现上图中左侧的画面,在屏幕的顶部有一条黑色的状态栏,和应用的风格非常不协调;为了提供更好的界面交互,google在Android4.4以后提供了设置沉浸式状态栏的方法,对于沉浸式状态栏这个名字存在争议,我们不做讨论,实际的效果其实就是透明的状态栏,然后在状态栏的位置显示我们自定义的颜色,通常为应用的actionbar的颜色,或者是将应用的整体的一张图片也占据到状态栏中,如下图所示:

  • 2018-12-11 10:20:40

    Android下载图片到相册

    调用以上系统自带的方法会把bitmap对象保存到系统图库中,但是这种方法无法指定保存的路径和名称,上述方法的title、description参数只是插入数据库中的字段,真实的图片名称系统会自动分配。 或者

  • 2018-12-11 15:45:00

    Laravel中七个非常有用但很少人知道的Carbon方法

    在编写PHP应用时经常需要处理日期和时间,Carbon继承自 PHP DateTime 类的 API 扩展,它使得处理日期和时间更加简单,这篇文章主要给大家分享了Laravel中七个非常有用但很少人知道的Carbon方法,需要的朋友可以参考下。

  • 2018-12-13 11:41:23

    Android drawable微技巧,你所不知道的drawable的那些细节

    好像有挺久时间没更新博客了,最近我为了准备下一个系列的博客,也是花了很长的时间研读源码。很遗憾的是,下一个系列的博客我可能还要再过一段时间才能写出来,那么为了不至于让大家等太久,今天就给大家更新一篇单篇的文章,讲一讲Android drawable方面的微技巧。

  • 2018-12-13 17:14:41

    Android安全开发之浅谈密钥硬编码

    在阿里聚安全的漏洞扫描器中和人工APP安全审计中,经常发现有开发者将密钥硬编码在Java代码、文件中,这样做会引起很大风险。信息安全的基础在于密码学,而常用的密码学算法都是公开的,加密内容的保密依靠的是密钥的保密,密钥如果泄露,对于对称密码算法,根据用到的密钥算法和加密后的密文,很容易得到加密前的明文;对于非对称密码算法或者签名算法,根据密钥和要加密的明文,很容易获得计算出签名值,从而伪造签名。