android 点击空白区关闭

原创

mob649e8161c39d 2024-08-20 10:49:24 ©著作权

文章标签 自定义对话框 android 触摸事件 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e8161c39d的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 点击空白区关闭对话框的实现

在Android开发中，处理用户输入是一个重要的任务。其中，关闭对话框、隐藏键盘或关闭活动等功能都是常见需求。本文将详细介绍如何实现“点击空白区关闭对话框”的功能，帮助新手开发者更好地理解。

流程概述

下面的表格提供了实现此功能的基本步骤：

步骤	目标
1	创建自定义对话框
2	设置对话框的根布局
3	重写触摸事件来处理点击
4	在对话框外部点击时关闭对话框

每一步的实现代码

1. 创建自定义对话框

首先，我们需要创建一个自定义对话框类，例如 CustomDialog。

// CustomDialog.java
import android.app.Dialog;
import android.content.Context;
import android.view.MotionEvent;
import android.view.View;

public class CustomDialog extends Dialog {
    public CustomDialog(Context context) {
        super(context);
        // 设置自定义布局
        setContentView(R.layout.dialog_layout);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 触摸事件处理
        if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {
            // 点击非对话框区域，关闭对话框
            dismiss();
            return true;
        }
        return super.onTouchEvent(event);
    }
}

代码说明：

CustomDialog 继承自 Dialog 类，构造函数中设置了自定义布局。
重写了 onTouchEvent() 方法来处理触摸事件。如果点击的区域在对话框外，则调用 dismiss() 方法关闭对话框。

2. 设置根布局

在自定义对话框中，我们需要定义一个布局文件 dialog_layout.xml。例如：

<!-- dialog_layout.xml -->
<RelativeLayout xmlns:android="
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="#FFFFFF"
    android:padding="20dp">

    <TextView
        android:id="@+id/dialog_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是一个对话框！" />
</RelativeLayout>

代码说明：

根布局是一个相对布局，包含一个文本视图，定义对话框的外观。

3. 创建并显示对话框

在主活动中，我们需要创建并显示这个对话框。

// MainActivity.java
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button buttonShowDialog = findViewById(R.id.button_show_dialog);
        buttonShowDialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 创建并显示自定义对话框
                CustomDialog customDialog = new CustomDialog(MainActivity.this);
                customDialog.show();
            }
        });
    }
}

代码说明：

在 onCreate() 方法中，为按钮设置点击事件，点击后创建 CustomDialog 的实例并显示。

类图

以下是 CustomDialog 和 MainActivity 的类图：

classDiagram
    class MainActivity {
        +onCreate(Bundle savedInstanceState)
    }

    class CustomDialog {
        +CustomDialog(Context context)
        +onTouchEvent(MotionEvent event)
    }