Android仿QQ、微信聊天界面长按提示框效果

 更新时间:2016年11月06日 15:17:08   作者:伪文艺大叔  
最近在工作项目中要实现一个长按提示 “复制” 的功能,类似于QQ、微信聊天界面长按提示框效果,本来想偷懒在网上找个开源的项目用,但是看了好几个都不是很满意,所以就打算按照自己的思路来实现一个。下面分享给大家,有需要的朋友们可以参考借鉴。

先来看看效果图

如何使用

示例代码

PromptViewHelper pvHelper = new PromptViewHelper(mActivity);
pvHelper.setPromptViewManager(new ChatPromptViewManager(mActivity));
pvHelper.addPrompt(holder.itemView.findViewById(R.id.textview_content));

使用起来还是很简单的

首先new一个PromptViewHelper类,然后设置一个提示view管理器,最后调用addPrompt方法添加view,此 view就是要添加提示框的view。

实现思路

通过使用QQ,微信这个功能,感觉提示框使用PopupWindow应该是可以满足需求的。

所以大体的思路就是:

    1、View加载成功的时候给它添加长按事件

    2、用户长按的时候new一个PopupWindow,并且显示它,并且设置点击外部区域可以消失
架构

为了让上层调用简单,方便,我打算把提示框View封装到一个类中,这个类包括:初始方法,绑定数据,添加事件等等;基于这样的考虑,首先定义一个抽象类,然后让具体的实现类来实现相应的方法,我们先来看看这个抽象类。

public static abstract class PromptViewManager { 

 private View promptView; 
 protected Activity activity; 
 private String[] dataArray; 
 private Location location; 
 public OnItemClickListener onItemClickListener; 

 public PromptViewManager(Activity activity, String[] dataArray, Location location) { 
  this.activity = activity; 
  this.dataArray = dataArray; 
  this.location = location; 
  init(); 
 } 

 public void setOnItemClickListener(OnItemClickListener onItemClickListener) { 
 this.onItemClickListener = onItemClickListener; 
 } 

 public void init() { 
 promptView = inflateView(); 
 bindData(promptView, dataArray); 
 } 

 public abstract View inflateView(); 

 public abstract void bindData(View view, String[] dataArray); 

 public View getPromptView() { 
  return promptView; 
 } 

 public Location getLocation() { 
  return location; 
 }
 }

注意:在一个抽象类中有一个Location对象的属性,这个Location是做什么的个,因为我们在显示这个提示框View的时候会要考虑它显示的位置,这个Location是个枚举对象,它里面就包括了一些位置的信息;

public enum Location { 

 TOP_LEFT(1), TOP_CENTER(2), TOP_RIGHT(3), 
 BOTTOM_LEFT(4), BOTTOM_CENTER(5), BOTTOM_RIGHT(6); 

 ICalculateLocation calculateLocation; 

 private Location(int type) { 
 switch (type) {  
 case 1:  
 calculateLocation = ICalculateLocation 实现类  
 break;  

 case 2:  
 calculateLocation = ICalculateLocation 实现类   
 break;  

 TODO 
 } 
 }

这个枚举对象里面包含了6种位置显示类型,然后在构造方法里面根据type类型会实例化一个ICalculateLocation 对象,ICalculateLocation 是什么呢?

public interface ICalculateLocation { 
 int[] calculate(int[] srcViewLocation, View srcView, View promptView);
}

它是一个接口,提供了一个calculate方法来计算提示框View的x,y坐标,我们通过实现这个接口来计算不同位置的坐标。

到这,大体的架构已经出来了;首先我们定义一个PromtpViewManager管理器来来实现提示框View的加载,绑定数据,添加事件,然后通过设置的Location枚举来实现不同的计算类,计算出不同位置的坐标,然后在显示的时候new一个PopupWindow,通过PromtpViewManager得到提示框View设置给PopupWindow,再通过PromtpViewManager得到Location枚举得到计算坐标的类,调用calculate方法得到x,y坐标,然后通过PopupWindowshowAtLocation方法来显示PopupWindow提示框。

具体实现

首先实现一个PromtpViewManager管理类

public class ChatPromptViewManager extends PromptViewHelper.PromptViewManager { 

 public ChatPromptViewManager(Activity activity, String[] dataArray, 
    Location location) { 
  super(activity, dataArray, location); 
 } 

 public ChatPromptViewManager(Activity activity) { 
  this(activity, new String[]{"复制", "粘贴", "转发"}, Location.TOP_LEFT); 
 } 

 public ChatPromptViewManager(Activity activity, Location location) { 
  this(activity, new String[]{"复制", "粘贴", "转发"}, location); 
 } 

 @Override 
 public View inflateView() { 
  return new PromptView(activity); 
 } 

 @Override 
 public void bindData(View view, String[] dataArray) { 
  if(view instanceof PromptView) {  
   PromptView promptView = (PromptView) view;  
   promptView.setContentArray(dataArray); 
   promptView.setOnItemClickListener(new PromptView.OnItemClickListener() {  

    @Override  
    public void onItemClick(int position) {  
    if(onItemClickListener != null) 
    onItemClickListener.onItemClick(position); 
    }  
   }); 
 } 
 }}

实例化View,绑定数据,添加事件都已经完成了,下面就要计算View显示的坐标了,我这边实现了几个方法,贴出一个来看看,如果大家对位置有自己的需求可以自己来实现一个类复写方法。

public class TopCenterLocation implements ICalculateLocation { 
 @Override 
 public int[] calculate(int[] srcViewLocation, View srcView, View promptView) { 
  int[] location = new int[2]; 
  int offset = (promptView.getWidth() - srcView.getWidth()) / 2; 
  location[0] = srcViewLocation[0] - offset; 
  location[1] = srcViewLocation[1] - promptView.getHeight(); 
  return location; 
 }}

总结

以上就是本文的全部内容了,希望本文的内容对大家的学习或者工作能有所帮助,如果有疑问大家可以留言交流。

相关文章

  • Android中自定义ImageView添加文字说明详解

    Android中自定义ImageView添加文字说明详解

    Android中的ImageView只能显示矩形的图片,为了用户体验更多,下面这篇文章主要给大家介绍了关于Android中自定义ImageView实现添加文字说明的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-08-08
  • Android开发之WebView组件的使用解析

    Android开发之WebView组件的使用解析

    WebView 类是 WebKit 模块 Java 层的视图类, 所有需要使用 Web 浏览功能的Android应用程序都要创建该视图对象显示和处理请求的网络资源,接下来将详细介绍,需要了解的朋友可以参考下
    2012-12-12
  • 详解App保活技术实现

    详解App保活技术实现

    随着Android阵营的各大手机厂商对于续航的高度重视,两三年前的手机发布会更是把反保活作为一个系统的卖点,不断提出了各种反保活的方案,导致现在想实现应用保活简直难于上青天,甚至都需要一个团队来专门研究这个事情。本文将详细介绍App保活技术实现,给大家一个参考
    2021-06-06
  • 5种方法完美解决android软键盘挡住输入框方法详解

    5种方法完美解决android软键盘挡住输入框方法详解

    我们在开发android APP中经常会遇到键盘挡住输入框的情况,必须先把键盘收起,再去获取下面输入框焦点,这样用户体验也非常不好,今天就给大家介绍5种完美解决android键盘挡住输入框的方法
    2018-03-03
  • 关于Kotlin写界面时诸多控件的点击事件

    关于Kotlin写界面时诸多控件的点击事件

    这篇文章主要介绍了关于Kotlin写界面时诸多控件的点击事件,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-03-03
  • 使用ViewPage+Fragment仿微信界面

    使用ViewPage+Fragment仿微信界面

    这篇文章主要为大家详细介绍了使用ViewPage+Fragment仿微信界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04
  • Android使用开源组件PagerBottomTabStrip实现底部菜单和顶部导航功能

    Android使用开源组件PagerBottomTabStrip实现底部菜单和顶部导航功能

    这篇文章主要介绍了Android使用PagerBottomTabStrip实现底部菜单和顶部导航功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • Android 实现定时任务的过程详解

    Android 实现定时任务的过程详解

    这篇文章主要介绍了Android 定时任务过程详解的相关资料,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Android studio 出现错误Run with --stacktrace option to get the stack trace. Run with --info or --debu

    Android studio 出现错误Run with --stacktrace option to get the s

    这篇文章主要介绍了 Android studio 出现错误Run with --stacktrace option to get the stack trace. Run with --info or --debu的相关资料,需要的朋友可以参考下
    2016-11-11
  • android TextView属性的详细介绍 分享

    android TextView属性的详细介绍 分享

    android TextView属性的详细介绍 分享,需要的朋友可以参考一下
    2013-05-05

最新评论