1. 程式人生 > >Android 模仿QQ,微信聊天介面長按提示框

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