ตัวอย่าง Android Popup Menu

Popup Menu คืออะไร?

Popup Menu คล้ายกับ Menu ปกติ แต่จะแสดงขึ้นเหนือหรือใต้ View ตามพื้นที่ว่างใน Activity นี่คือวิธีง่ายๆ สร้าง Android Popup Menu

ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่

เปิด Android Studio ไปที่ File → New Project แล้วกรอกรายละเอียดที่จำเป็น

ขั้นตอนที่ 2: จัดการ Layout (res/layout/activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:id="@+id/rootview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#c1c1c1"
    android:gravity="center_horizontal"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/popup"
        android:text="ดาวน์โหลด"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

มี Button เมื่อคลิกจะแสดง Popup Menu

ขั้นตอนที่ 3: เขียนโค้ด MainActivity (src/MainActivity.java)

package com.example.andy.myapplication;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.PopupMenu;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    Button popupButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        popupButton = findViewById(R.id.popup);
        popupButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                popupMenuExample();
            }
        });
    }

    private void popupMenuExample() {
        PopupMenu p = new PopupMenu(MainActivity.this, popupButton);
        p.getMenuInflater().inflate(R.menu.popup_menu_example, p.getMenu());
        p.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                Toast.makeText(MainActivity.this, item.getTitle(), Toast.LENGTH_SHORT).show();
                return true;
            }
        });
        p.show();
    }
}

โค้ดสำคัญ: การสร้างและแสดง PopupMenu

PopupMenu p = new PopupMenu(MainActivity.this, popupButton);
p.getMenuInflater().inflate(R.menu.popup_menu_example, p.getMenu());

สร้าง Menu Resource (res/menu/popup_menu_example.xml)

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="https://schemas.android.com/apk/res/android">
    <item android:id="@+id/android" android:title="Android" />
    <item android:id="@+id/java" android:title="JAVA"/>
    <item android:id="@+id/kotlin" android:title="Kotlin"/>
</menu>

การจัดการคลิกเมนู

p.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        Toast.makeText(MainActivity.this, item.getTitle(), Toast.LENGTH_SHORT).show();
        return true;
    }
});

แสดง Popup Menu

p.show();

การทดสอบแอปพลิเคชัน

เชื่อมต่ออุปกรณ์ Android จริง ใน Android Studio คลิกไอคอน Run เลือกอุปกรณ์ แล้วตรวจสอบหน้าจอ

กดปุ่ม "ดาวน์โหลด" จะแสดง Popup Menu (Button ไม่มีพื้นที่ด้านบน จึงแสดงด้านล่าง):

คลิกเมนูไหนก็จะแสดง Toast ตามชื่อเมนู: