Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

วิธีควบคุมขนาด Alert Dialog เริ่มต้นใน Android

ภาพรวม

ตัวอย่างนี้แสดงวิธีปรับขนาดความกว้างและความสูงของ Alert Dialog เริ่มต้นให้เต็มหน้าจอ (MATCH_PARENT) โดยใช้ WindowManager.LayoutParams

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

สร้างโปรเจกต์ Android ใหม่ใน Android Studio

ขั้นตอนที่ 2: จัดทำ Layout (activity_main.xml)

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/relativeLayout"
    tools:context=".MainActivity">
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="แสดง Alert Dialog"
        android:layout_centerInParent="true" />
</RelativeLayout>

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

import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity {
    Button button;
    RelativeLayout relativeLayout;
    Context context;
    Activity myActivity;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        relativeLayout = findViewById(R.id.relativeLayout);
        context = getApplicationContext();
        button = findViewById(R.id.button);
        myActivity = MainActivity.this;

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AlertDialog.Builder builder = new AlertDialog.Builder(myActivity);
                builder.setTitle("My Action Bar");
                builder.setMessage("This is my custom Action bar, do you like it?");
                builder.setPositiveButton("Yes", null);
                builder.setNegativeButton("No", null);
                AlertDialog alertDialog = builder.create();
                alertDialog.show();

                // ปรับขนาด Dialog หลัง show()
                WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
                layoutParams.copyFrom(alertDialog.getWindow().getAttributes());
                layoutParams.width = WindowManager.LayoutParams.MATCH_PARENT;
                layoutParams.height = WindowManager.LayoutParams.MATCH_PARENT;
                alertDialog.getWindow().setAttributes(layoutParams);
            }
        });
    }
}

จุดสำคัญ

  • ต้องเรียก alertDialog.show() ก่อนถึงจะปรับขนาดได้
  • ใช้ WindowManager.LayoutParams คัดลอก attributes เดิมมาแก้ไข
  • MATCH_PARENT ทำให้ Dialog ขยายเต็มหน้าจอ
  • สามารถกำหนดค่าพิกเซลเฉพาะได้ เช่น layoutParams.width = 800

วิธีอื่น: ใช้ Custom Dialog Layout

// สร้าง layout XML แล้ว setContentView ให้ Dialog
AlertDialog.Builder builder = new AlertDialog.Builder(this);
View dialogView = getLayoutInflater().inflate(R.layout.custom_dialog, null);
builder.setView(dialogView);
AlertDialog dialog = builder.create();
dialog.show();
// ปรับขนาดได้จาก dialog.getWindow().setLayout(width, height);

การทดสอบ

รันแอป กดปุ่ม จะแสดง Alert Dialog ขนาดเต็มหน้าจอ