-- Junda.huang

筆者最近參與Launcher的定製，其中有一條需求是在編輯模式下實現應用圖示的批量拖拽，實現批量操作。這篇文章主要記錄批量拖拽的實現以及踩過的坑。

原生的Launcher是沒有批量拖拽item這種操作的，如下圖所示。進入編輯模式後，只能對整個頁面進行拖動。

定製的Launcher要求，在編輯介面，可以通過點選選中多個app圖示，然後長按可以對選中的item進行批量拖拽：實現批量移動item。如下圖:

接下來介紹實現方式：

首先，修改編輯模式下item的點選事件（對Launcher.java檔案中的onClick()方法的修改）：

if (tag instanceof

ShortcutInfo) {

   if (CustomConfigs.SUPPORT_MULTIDRAG

&& (mWorkspace.isInOverviewMode()

|| mWorkspace.isInOverviewHiddenMode())) {

//編輯模式下，點選item且支援批量拖拽

           markApp(v);

        } else {

           onClickAppShortcut(v);

        }

}

點選未選中item，新增進marklist；點選已選中item，移出marklist：

private void

markApp(View v) {

     if (v instanceof BubbleTextView) {

        BubbleTextView bt = (BubbleTextView) v;

        if (!bt.getSel()) {

           bt.setSel(true);

           mMarkList.add(bt);

        } else {

           bt.setSel(false);

           mMarkList.remove(bt);

        }

     }

   }

完成對item的選擇，然後，長按item進行拖拽（對Launcher.java檔案中，onLongClick（）方法的修改）：

if (!(itemUnderLongClick instanceof Folder || isAllAppsButton)) {

    if (CustomConfigs.SUPPORT_MULTIDRAG

&& (mWorkspace.isInOverviewMode()

|| mWorkspace.isInOverviewHiddenMode())

        && mMarkList.size() > 0) {

        closeFolder();

         if (itemUnderLongClick instanceof FolderIcon || itemUnderLongClick instanceof LauncherAppWidgetHostView){

  cleanMark();                     

mWorkspace.startDrag(longClickCellInfo);

                 } else {   

//編輯模式下長按app item，且marklist不為空，進入批量拖拽        

mWorkspace.startMutilDrag(longClickCellInfo, mMarkList);

                 }

              …

}

具體拖拽實現（Workspace.java檔案）：

void startMutilDrag(ViewstartView, List<BubbleTextView> list) {

mDragList = newArrayList<CellInfo>();    

//將marklist中的item逐個移至draglist：

for (BubbleTextView b :list) {

if (!b.equals(startView)) {

   CellLayout.CellInfo ci = genCellInfo((ShortcutInfo) b.getTag());

   ci.cell = b;

   mDragList.add(ci);

   }

}

CellLayout.CellInfo sci =genCellInfo((ShortcutInfo) startView.getTag());

sci.cell = startView;

//將長按的item新增在draglist首位

mDragList.add(0, sci);

int[] sloc = new int[2];

mLauncher.getDragLayer().getLocationInDragLayer(startView, sloc);

for (finalCellInfo ci : mDragList) {

   final View b =ci.cell;

   if (b.equals(startView)) {

//根據長按的item，生成互動過程中跟隨手指的view以及其他操作，此處邏輯與原生一致      

beginDragShared(startView, this, false);

mDragController.getDragObject().dragList =mDragList;

CellLayout cl = (CellLayout) b.getParent().getParent();

if (cl.getParent().getParent().getParent()instanceof Folder) {

   Folder folder = (Folder) cl.getParent()

.getParent().getParent();

//拖拽時，將長按的item，暫時移出launcher

   folder.mInfo.remove((ShortcutInfo)b.getTag());

   folder.mInfo.checked = false;

} else {

//拖拽時，將長按的item，暫時移出launcher

    cl.removeView(b);

}

} else {

if (b.getParent() != null &&b.getParent().getParent() != null) {

CellLayout cl = (CellLayout)b.getParent().getParent();

if (cl.getParent().getParent().getParent()instanceof Folder) {

     Folder folder = (Folder) cl.getParent().getParent().getParent();

     folder.mInfo.remove((ShortcutInfo)b.getTag());

//拖拽時，先將選中的item，暫時移出launcher

folder.mInfo.checked = false;

} else {

//拖拽時，先將選中的item，暫時移出launcher

   cl.removeView(b);

}

      ……

}

最後，將item拖拽到目的Celllayout，完成拖拽，批量放置，為每個item尋找位置，（item(Workspace.java檔案中，onDrop()方法)：

ArrayList<ItemInfo>items = new ArrayList<ItemInfo>();

ArrayList<Integer>screens = new ArrayList<Integer>();

public void onDrop(final DragObject d) {

  CellLayout dropTargetLayout = mDropToLayout;

  if (dropTargetLayout != null) {

  …

     int snapScreen =WorkspaceStateTransitionAnimation.SCROLL_TO_CURRENT_PAGE;

     boolean resizeOnDrop = false;

        if (d.dragSource != this){

            final int[] touchXY = new int[] { (int) mDragViewVisualCenter[0],

(int) mDragViewVisualCenter[1] };

        onDropExternal(touchXY, d.dragInfo, dropTargetLayout, false, d);

        } else if(mDragList != null){     

//拖拽的item被放置在workspace上，而且draglist不為空，此時批量移動item

      handleMultiDrop(d,dropTargetLayout);

        }

…

}

批量放置item具體實現：

private void handleMultiDrop(DragObject d, CellLayout target) {

//如果是放置在已有item上，新建資料夾，並將item加入其中

   if (!mInScrollArea && createUserFolder(d, target)) {

       return;

}

//如果是放置在已有folder上，item加入該資料夾

   if (addToExistFolders(d, target)) {

      return;

   }

//item放置在workspace空白處

//從放置的那個頁面開始為給個item尋找空位進行放置

int now = indexOfChild(mDropToLayout);

   if (now < 0) {

         now = indexOfChild(getCurrentDropLayout());

   }

   Set<Integer> traversedCellLayout = new LinkedHashSet<Integer>();

   boolean isNoSpace = false;

   for (CellInfo ci : mDragList) {

      traversedCellLayout.add(now);

      if (ci.cell.getParent() != null) {

         CellLayout cl = (CellLayout) ci.cell.getParent().getParent();

         if (cl.getParent().getParent().getParent() instanceof Folder) {

            Folder folder = (Folder) cl.getParent().getParent().getParent();

            folder.mInfo.remove((ShortcutInfo) ci.cell.getTag());

            folder.mInfo.checked = false;

         } else {

            cl.removeView(ci.cell);

            if (traversedCellLayout.contains(indexOfChild(cl))) {

                  now = indexOfChild(cl);

                 }

            }

         }

         int[] cellXY = new int[2];

         boolean find = false;

         while (!find) {

            CellLayout cl = (CellLayout)getChildAt(now);

            find = cl.findCellForSpan(cellXY, 1, 1);

            if (find) {

               ci.screenId = getIdForScreen(cl);

               if (ci.screenId == EXTEND_SCREEN_ID) {

                   ci.screenId =commitExtendScreen();

                   addExtraExtendScreen();

                 }

               ci.cellX = cellXY[0];

               ci.cellY = cellXY[1];

               //重新將item添加回workspace

               addInScreen(ci.cell, ci.container, ci.screenId, cellXY[0],

                    cellXY[1], ci.spanX, ci.spanY);

               ItemInfo item = (ItemInfo) ci.cell.getTag();

                           ItemInfo item = (ItemInfo) ci.cell.getTag();

//            //LauncherModel.moveItemInDatabase(getContext(),item,

//                 Favorites.CONTAINER_DESKTOP,//ci.screenId, cellXY[0],

//                  cellXY[1]);

               item.cellX =cellXY[0];

               item.cellY =cellXY[1];

               items.add(item);

               screens.add((int) ci.screenId);          } else {

               // There no more space in TargetLayout

               isNoSpace = true;

               //

               if (now <getChildCount()-1) {

                  now++;

               } else {

                  //TODO: need to check max

                  if (getChildCount()>= CustomConfigs.WORKSPACE_MAX_PAGE) {

                    now = 0;

                  } else {

                    long newId =LauncherAppState.getLauncherProvider().generateNewScreenId();

                    insertNewWorkspaceScreen(newId);

                    int index =getPageIndexForScreenId(newId);

                    // Update the page indicator marker

                    if(getPageIndicator() != null) {

                       getPageIndicator().updateMarker(index,getPageIndicatorMarker(index));

                    }

                    // Update the model for the new screen

                     mLauncher.getModel().updateWorkspaceScreenOrder(mLauncher, mScreenOrder);

                    now++;

                  }

               }

            }

         }

     }

//放置完成後，再一次性地批量更新資料庫，將新的位置資訊做儲存

LauncherModel.moveItemsInDatabase(mLauncher,items, Favorites.CONTAINER_DESKTOP, screens);

…

}

主要踩過的坑：

1.完成對item的選擇後拖拽時，DragView在遠離手指的地方。原因是先選中第一頁幾個應用，再長按第二頁的應用，選中的第一頁的應用個數在移除後使得第二頁長按的那個應用排列到第一頁，出現DragView離手指一個folder頁面的距離。先生成DragView然後再remove，也就是需要把startView放在draglist的第一位即可。mDragList.add(0,sci);

2.在適配低配置平臺的時候，批量拖拽後Launcher有概率被系統殺掉，原因是拖拽後，佔用資源過多。經排查發現，在為每個item尋找到空位後，都馬上將新的座標儲存到資料庫導致。解決辦法是，在找到空位後，先將item顯示在workspace中，全部完成之後，再統一修改資料庫。