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应该是可以满足需求的。

所以大体的思路就是:

  • View加载成功的时候给它添加长按事件
  • 用户长按的时候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;    
 }}

至此所有的已经都分析完了
最后附上代码地址:https://github.com/chenpengfei88/PromptView

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,743评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,296评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,285评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,485评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,581评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,821评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,960评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,719评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,186评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,516评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,650评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,329评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,936评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,757评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,991评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,370评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,527评论 2 349

推荐阅读更多精彩内容