阅览器 Browsers

Browser组件实现了BrowserExt trait，可以在Browser mod中找到以下类型的Browser：

• Browser
• SelectBrowser
• HoldBrowser
• MultiBrowser
• FileBrowser
• CheckBrowser

为了实例化一个阅览器，我们需要设置好每一项item的宽度，在add()方法中还需要使用分隔符来将每一个item分开：

use fltk::{prelude::*, *};

fn main() {
    let app = app::App::default();
    let mut win = window::Window::default().with_size(900, 300);
    let mut b = browser::Browser::new(10, 10, 900 - 20, 300 - 20, "");
    let widths = &[50, 50, 50, 70, 70, 40, 40, 70, 70, 50];
    b.set_column_widths(widths);
    b.set_column_char('\t');
    // 现在在我们的`add()`方法中可以使用'\t'来制表符
    b.add("USER\tPID\t%CPU\t%MEM\tVSZ\tRSS\tTTY\tSTAT\tSTART\tTIME\tCOMMAND");
    b.add("root\t2888\t0.0\t0.0\t1352\t0\ttty3\tSW\tAug15\t0:00\t@b@f/sbin/mingetty tty3");
    b.add("erco\t2889\t0.0\t13.0\t221352\t0\ttty3\tR\tAug15\t1:34\t@b@f/usr/local/bin/render a35 0004");
    b.add("uucp\t2892\t0.0\t0.0\t1352\t0\tttyS0\tSW\tAug15\t0:00\t@b@f/sbin/agetty -h 19200 ttyS0 vt100");
    b.add("root\t13115\t0.0\t0.0\t1352\t0\ttty2\tSW\tAug30\t0:00\t@b@f/sbin/mingetty tty2");
    b.add(
        "root\t13464\t0.0\t0.0\t1352\t0\ttty1\tSW\tAug30\t0:00\t@b@f/sbin/mingetty tty1 --noclear",
    );
    win.end();
    win.show();
    app.run().unwrap();
}

可以使用@并在后面跟上格式化符来实现其他丰富的格式化效果：

• '@.' 打印其余行，且让剩余的'@'符号无效
• '@@' 打印其余以'@'开头的行
• '@l' 使用大号字体(24 point)
• '@m' 使用中号字体(18 point)
• '@s' 使用小号字体(11 point)
• '@b' 使用宽字体(adds FL_BOLD to font)
• '@i' 使用斜体(adds FL_ITALIC to font)
• '@f' 或 '@t' 使用等距字体 (sets font to FL_COURIER)
• '@c' 水平居中
• '@r' 向右对齐文本
• '@B0', '@B1', ... '@B255' 使用fl_color(n)填充背景
• '@C0', '@C1', ... '@C255' 使用fl_color(n)渲染文本
• '@F0', '@F1', ... 使用 fl_font(n) 渲染文本
• '@S1', '@S2', ... 使用相应的尺寸来渲染文本
• '@u' or '@_' 字体添加下划线
• '@-' 字体中间添加修改线

在下面的例子中，我们在%CPU前面加上@C88，将其渲染成红色：

use fltk::{prelude::*, *};

fn main() {
    let app = app::App::default();
    let mut win = window::Window::default().with_size(900, 300);
    let mut b = browser::Browser::new(10, 10, 900 - 20, 300 - 20, "");
    let widths = &[50, 50, 50, 70, 70, 40, 40, 70, 70, 50];
    b.set_column_widths(widths);
    b.set_column_char('\t');
    b.add("USER\tPID\t@C88%CPU\t%MEM\tVSZ\tRSS\tTTY\tSTAT\tSTART\tTIME\tCOMMAND");
    win.end();
    win.show();
    app.run().unwrap();
}

这些颜色表示遵循FLTK的色彩映射规则，可以从0到255进行索引。