Android仿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坐标，然后通过popupwindow的showatlocation方法来显示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; 
 }}

总结

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