วิธีสร้างพื้นหลังเบลอ (Blur Background) สำหรับ Activity ใน Android

ภาพรวม

ตัวอย่างนี้สาธิตวิธีการสร้าง เอฟเฟกต์พื้นหลังเบลอ (Blur Background) สำหรับ Activity ใน Android โดยใช้ WindowManager.LayoutParams.FLAG_BLUR_BEHIND

ขั้นตอนที่ 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:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:background="@drawable/ic_launcher_background"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="30sp" />

</LinearLayout>

ในโค้ดข้างต้น เราใช้ TextView แสดงข้อความตัวอย่าง พร้อมตั้งค่าพื้นหลังเป็น @drawable/ic_launcher_background

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

package com.example.myapplication;

import android.os.Build;
import android.os.Bundle;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.view.WindowManager;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private static final int PERMISSION_REQUEST_CODE = 100;
    TextView textView;

    @RequiresApi(api = Build.VERSION_CODES.P)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        // เปิดใช้งาน FLAG_BLUR_BEHIND - ทำให้พื้นหลังเบลอ
        getWindow().setFlags(
            WindowManager.LayoutParams.FLAG_BLUR_BEHIND,
            WindowManager.LayoutParams.FLAG_BLUR_BEHIND
        );
        
        setContentView(R.layout.activity_main);
        textView = findViewById(R.id.text);
        textView.setText("Blur Behind Flag");
    }
}

คำอธิบายสำคัญ:

• FLAG_BLUR_BEHIND - ธง (flag) ที่ทำให้หน้าต่าง (window) เบลอพื้นหลังด้านหลัง
• getWindow().setFlags() - ตั้งค่าธงให้กับหน้าต่างของ Activity
• ต้องใช้ @RequiresApi(api = Build.VERSION_CODES.P) เนื่องจากฟีเจอร์นี้ต้องการ API 28 (Android 9.0) ขึ้นไป

// ตัวอย่างสำหรับ API 31+
View view = findViewById(R.id.my_view);
view.setRenderEffect(RenderEffect.createBlurEffect(20f, 20f, Shader.TileMode.CLAMP));

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

เชื่อมต่ออุปกรณ์ Android จริงกับคอมพิวเตอร์ (ต้องเป็น Android 9.0+) ใน Android Studio เปิดไฟล์ Activity แล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณ แล้วตรวจสอบหน้าจอ - จะแสดงข้อความ "Blur Behind Flag" พร้อมพื้นหลังเบลอ