如何用ListPopupWindow替换我的popupmenu代码？

Question

目前，我正在以编程方式创建一个弹出菜单，其中显示楼层和标题列表。但是，仅更改标题的背景颜色并在标题上添加关闭按钮变得非常困难。

我想用列表弹出窗口代替此弹出菜单，这样我就可以添加带有黑色背景作为标题背景的XML文件，并在右侧添加一个关闭按钮，菜单中的项目具有白色背景。是否有一种方法可以使用列表弹出窗口实现这一点？这是我的代码:

private void floorMenu(ImageView btnFloorMenu){
    MapData data = new MapDao(MyPlugin.mapId);
    final List<Floor> flList = dao.getFloors();
    // set popupMenu
    final PopupMenu floorsPm = new PopupMenu(MapViewActivity.this,btnFloorMenu);

    MenuItem titleItem =  floorsPm.getMenu().add(Menu.NONE, Menu.NONE, Menu.NONE, "Floors");

    int i = 1;
    for(Floor fl : flList)
    {
        floorsPm.getMenu().add(Menu.NONE, i,i, fl.getName());
        if(i>3)
            break;
        i++;
    }


    // add popup listener
    floorsPm.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
        //    onClick
        @Override
        public boolean onMenuItemClick(MenuItem item){
            //       get floorname

            int flOrder = item.getOrder();
            if(flOrder == Menu.NONE )
                return true;
            flOrder--;

            final String floorId = flList.get(flOrder).getMapId();

            //       set camera to floor

            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    floorsPm.dismiss();
                    mapFragment.getMapManager().setCameraLayer(floorId, false);
                     Log.d(TAG, "post cameraLayer set");
                    changedSteps = true;
                    pauseNav();

                }
            });




            return true;
        }

    });
    floorsPm.show();


}

- user2386226

---

ListPopupWindow 是由 ListView 支持的，几乎没有任何自定义选项。您可以在此处找到一个弹出窗口，它可以承载任何视图。只需调用 setView(view) 然后调用 show() 即可。 - natario

Answer 1

这里是一个创建 ListPopupWindow 的示例：

首先，为每个 ListPopupWindow 的项创建布局 item_list_popup_window

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#e4e4e4"
    android:paddingTop="1dp"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/text_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1" />

    <Button
        android:id="@+id/button_delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Delete" />

</LinearLayout>

第二步，创建一个适配器Adapter用于你的ListPopupWindow，例如：

public class ListPopupWindowAdapter extends BaseAdapter{
    private Activity mActivity;
    private List<String> mDataSource = new ArrayList<>();
    private LayoutInflater layoutInflater;
    private OnClickDeleteButtonListener clickDeleteButtonListener;

    ListPopupWindowAdapter(Activity activity, List<String> dataSource, @NonNull OnClickDeleteButtonListener clickDeleteButtonListener){
        this.mActivity = activity;
        this.mDataSource = dataSource;
        layoutInflater = mActivity.getLayoutInflater();
        this.clickDeleteButtonListener = clickDeleteButtonListener;
    }

    @Override
    public int getCount() {
        return mDataSource.size();
    }

    @Override
    public String getItem(int position) {
        return mDataSource.get(position);
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if(convertView == null){
            holder = new ViewHolder();
            convertView = layoutInflater.inflate(R.layout.item_list_popup_window, null);
            holder.tvTitle = (TextView) convertView.findViewById(R.id.text_title);
            holder.btnDelete = (Button) convertView.findViewById(R.id.button_delete);
            convertView.setTag(holder);
        }else{
            holder = (ViewHolder) convertView.getTag();
        }

        // bind data
        holder.tvTitle.setText(getItem(position));
        holder.btnDelete.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                clickDeleteButtonListener.onClickDeleteButton(position);
            }
        });
        return convertView;
    }

    public class ViewHolder{
        private TextView tvTitle;
        private Button btnDelete;
    }

    // interface to return callback to activity
    public interface OnClickDeleteButtonListener{
        void onClickDeleteButton(int position);
    }
}

第三步， 您需要创建一个用于创建和展示 ListPopupWindow 的函数。

private void showListPopupWindow(View anchorView) {
    final ListPopupWindow listPopupWindow = new ListPopupWindow(this);
    listPopupWindow.setWidth(600);
    List<String> sampleData = new ArrayList<>();
    sampleData.add("A");
    sampleData.add("B");
    sampleData.add("CCCCCCCCCCCCCC");
    sampleData.add("D");
    sampleData.add("EEEEEEEEE");

    listPopupWindow.setAnchorView(anchorView);
    ListPopupWindowAdapter listPopupWindowAdapter = new ListPopupWindowAdapter(this, sampleData, new ListPopupWindowAdapter.OnClickDeleteButtonListener() {
        @Override
        public void onClickDeleteButton(int position) {
            Toast.makeText(MainActivity.this, "Click delete " + position, Toast.LENGTH_SHORT).show();
            listPopupWindow.dismiss();
        }
    });
    listPopupWindow.setAdapter(listPopupWindowAdapter);
    listPopupWindow.show();
}

最后, 你可以通过以下方式显示ListPopupWindow

showListPopupWindow(v);

例如，如果您希望在点击按钮时显示它

anyButton.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        showListPopupWindow(v);
    }
});

完整演示在这里

- Linh

---

解决方案看起来很棒，我会测试一下。您能否根据我的代码进行修改，并向我展示如何将弹出窗口修改为从左侧滑入？ - user2386226

这还不是我想要的，但既然你是第一个回答的，给你50分。 - user2386226

Answer 2

请尝试这段代码，也许你不会喜欢它。

private void floorMenu(ImageView btnFloorMenu){
final Dialog customDialog = new Dialog(this);
customDialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
customDialog.setContentView(R.layout.item_dialog_coustom_design);

TextView clickItem = (TextView)customDialog.findViewById(R.id.item_click);
TextView clickItem1 = (TextView)customDialog.findViewById(R.id.item_click1);
TextView clickItem2 = (TextView)customDialog.findViewById(R.id.item_click2);
Button btnClose = (Button)customDialog.findViewById(R.id.btn_close);

clickItem.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        customDialog.dismiss();
        // wright your Button Action
    }
});

clickItem1.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        customDialog.dismiss();
        // wright your Button Action
    }
});

clickItem2.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        customDialog.dismiss();
        // wright your Button Action
    }
});

btnClose.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        customDialog.dismiss();
    }
});
customDialog.show();

}

创建一个线性布局，设置宽度为"280dp"，高度为"wrap_content"，方向为垂直。将此代码放入文件名为item_dialog_coustom_design.xml的文件中：

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Your Title"
        android:background="#000"
        android:textColor="#fff"
        android:padding="12dp"
        android:textSize="20sp"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="1dp"
        android:background="#fff"
        android:padding="10dp"
        android:text="Your Item"
        android:id="@+id/item_click"
        android:textSize="16sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="1dp"
        android:background="#fff"
        android:padding="10dp"
        android:text="Your Item"
        android:id="@+id/item_click1"
        android:textSize="16sp" />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="1dp"
        android:background="#fff"
        android:padding="10dp"
        android:text="Your Item"
        android:id="@+id/item_click2"
        android:textSize="16sp" />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="10dp"
        android:paddingRight="10dp"
        android:paddingBottom="10dp"
        android:background="#fff"
        android:gravity="right">
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/btn_close"
                android:text="Close"/>
    </LinearLayout>

- Sabbir Ahmed