在 Android 中创建 Material 设计的 ListPopUpWindow

Question

我正在尝试在 Android 中创建一个选择菜单，而不是使用 Spinner，但我在布局方面遇到了一些问题。如何使用 ListPopUpWindow 创建如下图所示的内容？

谢谢

Answer 1

我真的很喜欢这些浮动在选定项目上的菜单，因此我创建了自己的 DropDown 类来实现您的案例。它和@uguboz 写的差不多。

我正在使用带有 RecyclerView 的自定义布局的 PopupWindow。然后我处理 onClick，显示该窗口并使用覆盖的 PopupWindow.update() 来计算正确的窗口位置。

最有趣的部分是这段代码：

public class DropDownMenu extends PopupWindow {

    public boolean show(View anchor) {
        mAnchorView = anchor;

        super.showAtLocation(anchor, Gravity.START | Gravity.TOP, 0, 0);

        update();

        return true;
    }

    public void update() {
        final Resources res = getContentView().getContext().getResources();

        int margin = (int) res.getDimension(R.dimen.carbon_margin);
        int itemHeight = (int) res.getDimension(R.dimen.carbon_listItemHeight);
        int marginHalf = (int) res.getDimension(R.dimen.carbon_paddingHalf);

        ArrayAdapter adapter = getAdapter();

        Rect windowRect = new Rect();
        mAnchorView.getWindowVisibleDisplayFrame(windowRect);
        int hWindow = windowRect.bottom - windowRect.top;
        int wWindow = windowRect.right - windowRect.left;

        int[] location = new int[2];
        mAnchorView.getLocationInWindow(location);

        if (mode == DropDown.Mode.Over) {
            int maxHeightAbove = location[1] - windowRect.top - marginHalf * 2;
            int maxItemsAbove = maxHeightAbove / itemHeight;
            int maxHeightBelow = hWindow - location[1] - marginHalf * 2;
            int maxItemsBelow = maxHeightBelow / itemHeight;

            int itemsBelow = Math.min(adapter.getItemCount() - selectedItem, maxItemsBelow);
            int itemsAbove = Math.min(selectedItem, maxItemsAbove);

            int popupX = location[0] - margin - marginHalf;
            int popupY = location[1] - marginHalf * 2 - itemsAbove * itemHeight - (itemHeight - (mAnchorView.getHeight() - mAnchorView.getPaddingTop() -
                    mAnchorView.getPaddingBottom())) / 2 + mAnchorView.getPaddingTop();
            int popupWidth = mAnchorView.getWidth() + margin * 2 + marginHalf * 2 - mAnchorView.getPaddingLeft() - mAnchorView.getPaddingRight();
            int popupHeight = marginHalf * 4 + Math.max(1, itemsAbove + itemsBelow) * itemHeight;

            popupWidth = Math.min(popupWidth, wWindow - marginHalf * 2);
            popupX = Math.max(popupX, 0);
            popupX = Math.min(popupX, wWindow - popupWidth);

            LinearLayoutManager manager = (LinearLayoutManager) recycler.getLayoutManager();
            manager.scrollToPositionWithOffset(selectedItem - itemsAbove, 0);

            update(popupX, popupY, popupWidth, popupHeight);
        } else {
            // not interesting
        }

        super.update();
    }
}

代码太长，无法在此处粘贴所有详细信息，因此我会为您提供课程链接：DropDownMenu。随心所欲地使用它。我希望你会发现代码很有用。

我已经根据指南为该图像制作了一个样本。它可以在指南 -> 菜单/行为下的示例应用程序中找到