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