添加圆角边框后，代码看起来如下所示。

use fzf_wrapped::Fzf;
use fzf_wrapped::Border;
use fzf_wrapped::run_with_output;

fn main() {
    let colours = vec!["red", "orange", "yellow", "green", "blue", "indigo", "violet"];

    let fzf = Fzf::builder()
        .border(Border::Rounded)
        .build()
        .unwrap();
    
    let users_selection = run_with_output(fzf, colours);
}

添加标签甚至更简单。

use fzf_wrapped::Fzf;
use fzf_wrapped::Border;
use fzf_wrapped::run_with_output;

fn main() {
    let colours = vec!["red", "orange", "yellow", "green", "blue", "indigo", "violet"];

    let fzf = Fzf::builder()
        .border(Border::Rounded)
        .border_label("Favourite Colour")
        .build()
        .unwrap();
    
    let users_selection = run_with_output(fzf, colours);
}

运行此操作应显示具有圆角边框和包含 "最喜欢的颜色" 的居中标签的 fzf 查找器。

更改 fzf 的布局

现在我们有了边框，不妨来调整一下布局。这几乎和改变边框一样，因为所有可能的布局都映射到一个枚举。

我们只需要在我们的构建器中添加一个名为 layout() 的方法，并选择我们的 Layout 变体。

use fzf_wrapped::Fzf;
use fzf_wrapped::{Border, Layout};
use fzf_wrapped::run_with_output;

fn main() {
    let colours = vec!["red", "orange", "yellow", "green", "blue", "indigo", "violet"];

    let fzf = Fzf::builder()
        .layout(Layout::Reverse)
        .border(Border::Rounded)
        .border_label("Favourite Colour")
        .build()
        .unwrap();
    
    let users_selection = run_with_output(fzf, colours);
}

选择颜色

fzf 允许我们选择几个颜色主题，但这次我们将其保持简单，使用黑白主题。与边框和布局类似，这也是通过枚举选择的。将其添加到我们的构建器中，代码如下：

use fzf_wrapped::Fzf;
use fzf_wrapped::{Border, Color, Layout};
use fzf_wrapped::run_with_output;

fn main() {
    let colours = vec!["red", "orange", "yellow", "green", "blue", "indigo", "violet"];

    let fzf = Fzf::builder()
        .layout(Layout::Reverse)
        .border(Border::Rounded)
        .border_label("Favourite Colour")
        .color(Color::Bw)
        .build()
        .unwrap();
    
    let users_selection = run_with_output(fzf, colours);
}

现在如果您运行程序，会发现 UI 是黑白显示的！

添加标题

用户可能仍然不清楚他们在选择什么，因此为了提供更多上下文，fzf 允许我们设置一个标题。为此，我们只需在 FzfBuilder 结构体上调用 header() 方法，并传递任何具有 Into<String> 特性的内容。我们还希望标题出现在搜索字段上方，因此我们将调用 header_first() 方法并传递 true。

use fzf_wrapped::Fzf;
use fzf_wrapped::{Border, Color, Layout};
use fzf_wrapped::run_with_output;

fn main() {
    let colours = vec!["red", "orange", "yellow", "green", "blue", "indigo", "violet"];

    let fzf = Fzf::builder()
        .layout(Layout::Reverse)
        .border(Border::Rounded)
        .border_label("Favourite Colour")
        .color(Color::Bw)
        .header("Pick your favourite colour")
        .header_first(true)
        .build()
        .unwrap();
    
    let users_selection = run_with_output(fzf, colours);
}

使用 fzf_wrapped 不支持的参数

如果希望与 fzf 一起运行的参数不是 [Fzf] 结构体上的方法，请不要担心！custom_args() 命令将允许您传递任何想要的参数！例如，假设我们想要让我们的颜色选择程序只占用屏幕的 10%，而不是整个屏幕。虽然 fzf 有 --height= 标志，但 [Fzf] 结构体不支持它！为了添加它，我们只需在我们的构建器上调用 custom_args() 命令，并将传递给它的参数与 run() 方法一起运行。

实现方式如下：

use fzf_wrapped::Fzf;
use fzf_wrapped::{Border, Color, Layout};
use fzf_wrapped::run_with_output;

fn main() {
    let colours = vec!["red", "orange", "yellow", "green", "blue", "indigo", "violet"];

    let fzf = Fzf::builder()
        .layout(Layout::Reverse)
        .border(Border::Rounded)
        .border_label("Favourite Colour")
        .color(Color::Bw)
        .header("Pick your favourite colour")
        .header_first(true)
        .custom_args(vec!["--height=10".to_string()])
        .build()
        .unwrap();
    
    let users_selection = run_with_output(fzf, colours);

    if let Some(colour) = users_selection {
        println!("{} is an awesome colour!", colour);
    }
}

至此，我们的程序几乎完成了！

我们只需打印一些友好的信息，同时，我们也可以使用一些合适的错误处理。

use fzf_wrapped::Fzf;
use fzf_wrapped::{Border, Color, Layout};
use fzf_wrapped::run_with_output;

fn main() {
    let colours = vec!["red", "orange", "yellow", "green", "blue", "indigo", "violet"];

    let fzf = Fzf::builder()
        .layout(Layout::Reverse)
        .border(Border::Rounded)
        .border_label("Favourite Colour")
        .color(Color::Bw)
        .header("Pick your favourite colour")
        .header_first(true)
        .custom_args(vec!["--height=10".to_string()])
        .build()
        .unwrap();
    
    let users_selection = run_with_output(fzf, colours);

    if let Some(colour) = users_selection {
        println!("{} is an awesome colour!", colour);
    }
}

在 fzf 运行时添加项

利用这个库的强大功能，您可以使用 fzf 从项目列表中选择，即使这些项目尚未检索。使用 add_item 和 add_items 方法，即使在 fzf 运行时，也可以向 fzf 的列表中添加项目。这意味着如果您从 REST API 获取信息，可以实时将结果显示在 fzf 中，或者通过启动 fzf 来隐藏轻微的延迟。

有关此示例，请查看我的 workflows 项目。