Android仿QQ、微信聊天界面長按提示框效果
先來看看效果圖
如何使用
示例代碼
PromptViewHelper pvHelper = new PromptViewHelper(mActivity); pvHelper.setPromptViewManager(new ChatPromptViewManager(mActivity)); pvHelper.addPrompt(holder.itemView.findViewById(R.id.textview_content));
使用起來還是很簡單的
首先new一個PromptViewHelper
類,然后設(shè)置一個提示view管理器,最后調(diào)用addPrompt
方法添加view,此 view就是要添加提示框的view。
實現(xiàn)思路
通過使用QQ,微信這個功能,感覺提示框使用PopupWindow
應(yīng)該是可以滿足需求的。
所以大體的思路就是:
1、View加載成功的時候給它添加長按事件
2、用戶長按的時候new一個PopupWindow
,并且顯示它,并且設(shè)置點擊外部區(qū)域可以消失
架構(gòu)
為了讓上層調(diào)用簡單,方便,我打算把提示框View封裝到一個類中,這個類包括:初始方法,綁定數(shù)據(jù),添加事件等等;基于這樣的考慮,首先定義一個抽象類,然后讓具體的實現(xiàn)類來實現(xiàn)相應(yīng)的方法,我們先來看看這個抽象類。
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 實現(xiàn)類 break; case 2: calculateLocation = ICalculateLocation 實現(xiàn)類 break; TODO } }
這個枚舉對象里面包含了6種位置顯示類型,然后在構(gòu)造方法里面根據(jù)type類型會實例化一個ICalculateLocation
對象,ICalculateLocation
是什么呢?
public interface ICalculateLocation { int[] calculate(int[] srcViewLocation, View srcView, View promptView); }
它是一個接口,提供了一個calculate
方法來計算提示框View的x,y坐標,我們通過實現(xiàn)這個接口來計算不同位置的坐標。
到這,大體的架構(gòu)已經(jīng)出來了;首先我們定義一個PromtpViewManager
管理器來來實現(xiàn)提示框View的加載,綁定數(shù)據(jù),添加事件,然后通過設(shè)置的Location枚舉來實現(xiàn)不同的計算類,計算出不同位置的坐標,然后在顯示的時候new一個PopupWindow
,通過PromtpViewManager
得到提示框View設(shè)置給PopupWindow
,再通過PromtpViewManager
得到Location枚舉得到計算坐標的類,調(diào)用calculate方法得到x,y坐標,然后通過PopupWindow
的showAtLocation
方法來顯示PopupWindow
提示框。
具體實現(xiàn)
首先實現(xiàn)一個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[]{"復(fù)制", "粘貼", "轉(zhuǎn)發(fā)"}, Location.TOP_LEFT); } public ChatPromptViewManager(Activity activity, Location location) { this(activity, new String[]{"復(fù)制", "粘貼", "轉(zhuǎn)發(fā)"}, 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,綁定數(shù)據(jù),添加事件都已經(jīng)完成了,下面就要計算View顯示的坐標了,我這邊實現(xiàn)了幾個方法,貼出一個來看看,如果大家對位置有自己的需求可以自己來實現(xiàn)一個類復(fù)寫方法。
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; }}
總結(jié)
以上就是本文的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能有所幫助,如果有疑問大家可以留言交流。
相關(guān)文章
Android中ListView的幾種常見的優(yōu)化方法總結(jié)
Android中的ListView應(yīng)該算是布局中幾種最常用的組件之一,本篇文章主要做了三種優(yōu)化總結(jié),有興趣的可以了解一下。2017-02-02Android使用Pull解析器解析xml文件的實現(xiàn)代碼
Android使用Pull解析器解析xml文件的實現(xiàn)代碼,需要的朋友可以參考一下2013-02-02Android編程應(yīng)用風(fēng)格和主題詳解
這篇文章主要介紹了Android編程應(yīng)用風(fēng)格和主題,較為詳細的分析了Android應(yīng)用風(fēng)格和主題的概念、功能、使用方法與注意事項,需要的朋友可以參考下2016-10-10Android系統(tǒng)進程間通信(IPC)機制Binder中的Server和Client獲得Service Manager接
本文主要介紹Android IPC通信Binder中的Server和Client獲得Service Manager接口,這里詳細的說明了如何實現(xiàn)Service Manager接口,對研究Android源碼的朋友提供幫助,有需要的小伙伴可以參考下2016-08-08Android Gradle多渠道打包的實現(xiàn)方法
這篇文章主要介紹了Android Gradle多渠道打包的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11Android利用ViewPager實現(xiàn)滑動廣告板實例源碼
利用ViewPager我們可以做很多事情,從最簡單的導(dǎo)航,到頁面切換菜單等等。ViewPager的功能就是可以使視圖滑動,就像Lanucher左右滑動那樣2013-06-06