Android 實(shí)現(xiàn)微信長(zhǎng)按菜單 -FloatMenu

更新時(shí)間：2018年07月16日 09:24:15 作者：JokAr-

在日常開(kāi)發(fā)中，長(zhǎng)按某個(gè)view出現(xiàn)個(gè)菜單是很常見(jiàn)的需求，下面小編給大家?guī)?lái)了Android 實(shí)現(xiàn)微信長(zhǎng)按菜單 -FloatMenu的實(shí)現(xiàn)思路及具體實(shí)現(xiàn)代碼，感興趣的朋友跟隨腳本之家小編一起看看吧

在日常開(kāi)發(fā)中，長(zhǎng)按某個(gè)view出現(xiàn)個(gè)菜單是很常見(jiàn)的需求，Google 也給我們提供了一些組件來(lái)實(shí)現(xiàn)，比如PopupMenu。但是在實(shí)際使用中還是發(fā)現(xiàn)他無(wú)法滿(mǎn)足我們的所有需求。

比如：產(chǎn)品要求長(zhǎng)按菜單出現(xiàn)在手指按下的位置，額這就頭疼了，PopupMenu只能展示在view的底部或者頭部。還有個(gè)問(wèn)題如果你的view過(guò)長(zhǎng)超過(guò)一屏，那么 PopupMenu 就無(wú)法顯示在屏幕里了。

所以沒(méi)辦法，只能硬著頭皮自己擼一個(gè)menu了。在日常使用中發(fā)現(xiàn)微信的彈窗菜單很符合要求，所以就模仿微信來(lái)擼一個(gè)了。

實(shí)現(xiàn)思路

•繼承 PopupWindow 來(lái)實(shí)現(xiàn)長(zhǎng)按彈窗

•獲取當(dāng)前按下位置，傳給 view 來(lái)顯示

具體實(shí)現(xiàn)

•第一個(gè)很好實(shí)現(xiàn)，我用的是recyclerView 來(lái)實(shí)現(xiàn)布局的，而且傳入的資源是 menu。而且另一個(gè)好處就是控制某些 item的可見(jiàn)（因?yàn)槲易约喉?xiàng)目中有這樣需求，所以考慮進(jìn)去了）

 private Menu mMenu;
 @NonNull
 @SuppressLint("RestrictedApi")
 public Menu getMenu() {
 if (mMenu == null) {
  mMenu = new MenuBuilder(mContext);
 }
 return mMenu;
 }
 @NonNull
 public MenuInflater getMenuInflater() {
 return new MenuInflater(mContext);
 }
 public void inflate(@MenuRes int menuRes) {
 getMenuInflater().inflate(menuRes, getMenu());
 }

然后就是填充數(shù)據(jù)到recyclerView中了

•第二個(gè)需求，就需要在調(diào)用的Activity 中重寫(xiě)dispatchTouchEvent獲取當(dāng)前點(diǎn)擊位置，然后傳給 menu 來(lái)判斷顯示位置了

private Point mPoint = new Point();
 @Override
 public boolean dispatchTouchEvent(MotionEvent ev) {
 if (ev.getAction() == MotionEvent.ACTION_DOWN) {
  mPoint.x = (int) ev.getRawX();
  mPoint.y = (int) ev.getRawY();
 }
 return super.dispatchTouchEvent(ev);
 }
 public void showPopup(View anchorView, int x, int y) {
 if (!getMenu().hasVisibleItems()) {
  return;
 }
 //set visible item data
 int size = getMenu().size();
 mMenuItems.clear();
 for (int i = 0; i < size; i++) {
  MenuItem item = getMenu().getItem(i);
  if (item.isVisible()) {
  mMenuItems.add(item);
  }
 }
 mMenuAdapter.notifyDataSetChanged();
 //show
 int menuHeight = Display.dip2px(mContext, DEFAULT_ITEM_HEIGHT * mMenuItems.size());
 if (x <= mScreenPoint.x / 2) {
  if (y + menuHeight < mScreenPoint.y) {
  setAnimationStyle(R.style.Animation_top_left);
  showAtLocation(anchorView, ANCHORED_GRAVITY, x + X_OFFSET, y);
  } else {
  setAnimationStyle(R.style.Animation_bottom_left);
  showAtLocation(anchorView, ANCHORED_GRAVITY, x + X_OFFSET, y - menuHeight);
  }
 } else {
  if (y + menuHeight < mScreenPoint.y) {
  setAnimationStyle(R.style.Animation_top_right);
  showAtLocation(anchorView, ANCHORED_GRAVITY, x - mMenuWidth - X_OFFSET, y);
  } else {
  setAnimationStyle(R.style.Animation_bottom_right);
  showAtLocation(anchorView, ANCHORED_GRAVITY, x - mMenuWidth + X_OFFSET, y - menuHeight);
  }
 }
 }

效果如下

大致思路就是這樣，最后奉上源碼。

總結(jié)

以上所述是小編給大家介紹的Android 實(shí)現(xiàn)微信長(zhǎng)按菜單 -FloatMenu，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: