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

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

概述先来看看效果图如何使用示例代码PromptViewHelperpvHelper=newPromptViewHelper(mActivity);

先来看看效果图

如何使用

示例代码

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,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,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 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仿QQ、微信聊天界面长按提示框效果全部内容,希望文章能够帮你解决Android仿QQ、微信聊天界面长按提示框效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147762.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存