炫酷又实用：Compose Material3 M3弹窗控件YangDialog

2023-10-01 19:26:52

杨对话框：Compose Material3 中功能强大的弹窗控件

一、概述

在 Compose Material3 中，弹窗控件对于显示各种信息至关重要，例如提示、警告和确认。但是，官方提供的对话框组件功能有限。为了满足开发者的需求，我们创建了杨对话框，一个适用于 Compose Material3 的强大且易于使用的弹窗 UI 组件。

二、特性

1. 功能强大

支持多种弹窗类型，包括提示、警告、确认等
自定义弹窗标题、内容、按钮、图标等
显示图片、视频、网页等
支持显示、隐藏和销毁弹窗
允许拖动、缩放和旋转弹窗
自定義主題、顏色、形狀等

2. 操作简单

几行代码即可轻松创建弹窗，例如：

YangDialog(context = context) {
    title = "提示"
    content = "这是一个提示弹窗"
    positiveButton {
        text = "确定"
        onClick { /* do something */ }
    }
    negativeButton {
        text = "取消"
        onClick { /* do something */ }
    }
}

3. 美观实用

杨对话框采用 Material Design 风格，外观时尚美观。同时，它具有良好的可用性和可扩展性，可轻松集成到各种应用程序中。

三、使用场景

杨对话框可广泛用于各种应用程序，例如：

电商：显示商品详情、评论和购物篮
新闻：显示新闻标题、内容和评论
社交：显示好友信息、聊天和动态
游戏：显示规则、关卡和得分

四、优势

与其他弹窗控件相比，杨对话框具有以下优势：

功能更强大 ：提供更丰富的功能，满足各种需求
操作更简单 ：几行代码即可创建弹窗
美观度更高 ：采用 Material Design 风格
实用性更强 ：可用性高，可扩展性强

五、下载和使用

在 GitHub 上下载杨对话框：https://github.com/yangchao007/YangDialog。

添加依赖：

dependencies {
    implementation "com.github.yangchao007:YangDialog:latest_version"
}

使用示例：

YangDialog(context = context) {
    title = "提示"
    content = "这是一个提示弹窗"
    positiveButton {
        text = "确定"
        onClick { /* do something */ }
    }
    negativeButton {
        text = "取消"
        onClick { /* do something */ }
    }
}