4、打造图形用户界面：从 TUI 到 GUI 的进阶之旅

打造图形用户界面：从 TUI 到 GUI 的进阶之旅

在软件开发中，用户界面的设计至关重要，它直接影响着用户体验。本文将带您逐步探索如何从简单的文本用户界面（TUI）过渡到功能丰富的图形用户界面（GUI），并通过实际代码示例展示具体实现过程。

1. 为 TUI 添加对话框

为了让程序看起来更专业，我们可以在 TextView 周围包裹一个对话框。以下是修改 src/main.rs 文件后的代码：

// src/main.rs
use cursive::views::{Dialog, TextView};
fn main() {
    let mut siv = cursive::default();
    let cat_text = // ...
    siv.add_layer(
        Dialog::around(TextView::new(cat_text))
            .button("OK", |s| s.quit())
    );
    siv.run();
}

这里使用 Dialog::around() 方法将 TextView 包裹起来，同时添加了一个带有 “OK” 标签的按钮，点击该按钮会触发回调函数 |s| s.quit() 来关闭程序。Cursive 库支持键盘和鼠标交互，您可以通过按下回车键或双击按钮来关闭程序。

由于在对话框中显示文本是常见需求，Cursiv