ตัวอย่างเมนูป๊อปอัปของ Android

เมนูป๊อปอัปก็เหมือนกับเมนูที่แสดงด้านบนหรือด้านล่างของมุมมองตามพื้นที่ในกิจกรรม นี่คือวิธีง่ายๆ ในการสร้างเมนูป๊อปอัปของ Android

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน 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 = "Download"
      android:layout_width = "wrap_content"
      android:layout_height = "wrap_content" />
</LinearLayout>

ในรหัสข้างต้นเราได้ให้ปุ่ม เมื่อคุณคลิกที่ปุ่มด้านบน มันจะแสดงเมนูป๊อปอัป

ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน 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() {
         public boolean onMenuItemClick(MenuItem item) {
            Toast.makeText(MainActivity.this,item.getTitle(), Toast.LENGTH_SHORT).show();
            return true;
         }
      });
      p.show();
   }
}

ในโค้ดด้านบนเมื่อคุณคลิกที่ปุ่ม มันจะสร้างวัตถุเมนูป๊อปอัปและเพิ่มไปยังเมนูดังที่แสดงด้านล่าง -

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

ในโค้ดด้านบนนี้ เรามีเมนูขยายเป็น popup_menu_example ดังที่แสดงด้านล่าง -

<?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>

เมื่อผู้ใช้คลิกที่รายการเมนู มันจะเรียก onMenuItemClickListener() ดังที่แสดงด้านล่าง -

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

เพื่อแสดงเมนูป๊อปอัปเราต้องเรียก show() ดังที่แสดงด้านล่าง -

p.show();

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -

เมื่อคุณคลิกที่ปุ่มดาวน์โหลดมันจะแสดงเมนูป๊อปอัป ปุ่มไม่มีช่องว่างด้านบนจึงจะแสดงที่ด้านล่าง ดังรูปด้านล่าง -

ตอนนี้คลิกที่รายการใด ๆ มันจะให้ข้อความดังที่แสดงด้านล่าง -