求助：CardView上三点按钮的Dropdown Menu未显示在按钮下方

Hey there! I’ve dealt with this exact popup menu positioning issue a few times, so let’s walk through the most likely fixes to get your menu showing up right where it should—attached to that three-dot button in your CardView:

1. Use the three-dot button as the PopupMenu anchor (critical!) #

This is the most common mistake—if you don’t pass the button itself as the anchor view, the system won’t know where to attach the menu. Here’s how to fix it in your adapter:

Java Example: #

// Inside your ProductAdapter's ViewHolder click listener
holder.menuButton.setOnClickListener(v -> {
    // The second parameter here is key—it's your three-dot button (the anchor)
    PopupMenu popup = new PopupMenu(v.getContext(), v);
    MenuInflater inflater = popup.getMenuInflater();
    inflater.inflate(R.menu.prod_menu, popup.getMenu());
    
    // Add menu item click logic if needed
    popup.setOnMenuItemClickListener(item -> {
        switch (item.getItemId()) {
            case R.id.action_edit:
                // Handle edit action
                return true;
            case R.id.action_delete:
                // Handle delete action
                return true;
            default:
                return false;
        }
    });
    
    popup.show();
});

Kotlin Example: #

holder.menuButton.setOnClickListener { v ->
    PopupMenu(v.context, v).apply {
        menuInflater.inflate(R.menu.prod_menu, menu)
        setOnMenuItemClickListener { item ->
            when (item.itemId) {
                R.id.action_edit -> {
                    // Handle edit
                    true
                }
                R.id.action_delete -> {
                    // Handle delete
                    true
                }
                else -> false
            }
        }
        show()
    }
}

2. Check your CardView layout for conflicting attributes #

Sometimes layout properties on your CardView or the button’s parent can throw off the popup’s positioning:

• Ensure your three-dot button has proper layout gravity to sit correctly in the CardView:

  <!-- In list_items.xml, your three-dot button -->
  <ImageView
      android:id="@+id/menu_btn"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:src="@drawable/ic_baseline_more_vert_24"
      android:layout_gravity="end|center_vertical"
      android:padding="8dp"
      android:clickable="true"
      android:focusable="true"/>
  

• Avoid setting clipChildren="false" on the CardView or its parent unless absolutely necessary—this can cause the popup to render outside expected bounds.

3. Adjust PopupMenu gravity manually #

If the menu is still misaligned, force a specific gravity to match your button’s position:

popup.setGravity(Gravity.END | Gravity.TOP); // Aligns to the top-right of the anchor button
// Use Gravity.BOTTOM if your button is at the top of the CardView

4. Validate your prod_menu.xml structure #

Double-check that your menu items are set to appear in the dropdown (not as action bar items):

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_edit"
        android:title="Edit"
        app:showAsAction="never"/> <!-- Critical: keeps item in dropdown -->
    <item
        android:id="@+id/action_delete"
        android:title="Delete"
        app:showAsAction="never"/>
</menu>

5. Fix theme compatibility issues #

PopupMenus rely on your app’s theme attributes. Make sure your app theme inherits from a Material Components theme in styles.xml:

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
    <!-- Your theme attributes -->
</style>

If none of these fixes work, feel free to share your full ProductAdapter code and list_items.xml layout—we can dig deeper into the specific issue!

内容的提问来源于stack exchange，提问作者Saniya Jameel