环境
- Time 2022-08-16
- Rust 1.63.0
- Tui 0.18.0
前言
说明
参考：https://github.com/fdehau/tui-rs/blob/master/examples/table.rs
目标
使用 tui-rs 显示表格。
定义应用
struct App<'a> {
state: TableState,
items: Vec<Vec<&'a str>>,
}
impl<'a> App<'a> {
fn new() -> App<'a> {
App {
state: TableState::default(),
items: vec![
vec!["阿法骨化醇软胶囊", "20.4", "5"],
vec!["阿卡波糖胶囊", "9.6", "4"],
vec!["阿仑膦酸钠片", "20.05", "7"],
vec!["阿莫西林胶囊", "11.66", "2"],
vec!["阿普仑片", "4.93", "6"],
vec!["阿奇霉素胶囊", "15.3\n14.3", "1"],
vec!["阿昔洛韦片", "5.46", "8"],
],
}
}
pub fn next(&mut self) {
let i = match self.state.selected() {
Some(i) => {
if i >= self.items.len() - 1 {
0
} else {
i + 1
}
}
None => 0,
};
self.state.select(Some(i));
}
pub fn previous(&mut self) {
let i = match self.state.selected() {
Some(i) => {
if i == 0 {
self.items.len() - 1
} else {
i - 1
}
}
None => 0,
};
self.state.select(Some(i));
}
}
ui
fn ui<B: Backend>(frame: &mut Frame<B>, app: &mut App) {
let chunks = Layout::default()
.constraints([Constraint::Percentage(100)])
.margin(5)
.split(frame.size());
let selected = Style::default().add_modifier(Modifier::REVERSED);
let normal_style = Style::default().bg(Color::Blue);
let header_cells = ["名称", "单价", "数量"]
.iter()
.map(|header| widgets::Cell::from(*header).style(Style::default().fg(Color::Red)));
let header = widgets::Row::new(header_cells)
.style(normal_style)
.height(1)
.bottom_margin(1);
let rows = app.items.iter().map(|item| {
let height = item
.iter()
.map(|content| content.chars().filter(|c| *c == '\n').count())
.max()
.unwrap_or_default()
+ 1;
let cells = item.iter().map(|c| widgets::Cell::from(*c));
widgets::Row::new(cells)
.height(height as u16)
.bottom_margin(1)
});
let t = widgets::Table::new(rows)
.header(header)
.block(Block::default().borders(Borders::ALL).title("Table"))
.highlight_style(selected)
.highlight_symbol(">> ")
.widths(&[
Constraint::Percentage(50),
Constraint::Length(30),
Constraint::Min(10),
]);
frame.render_stateful_widget(t, chunks[0], &mut app.state);
}
效果展示
总结
使用 tui-rs 渲染表格。
附录
源码
use anyhow::{Context, Result};
use crossterm::{event, terminal, ExecutableCommand};
use layout::{Constraint, Layout};
use style::{Color, Modifier, Style};
use tui::backend::{Backend, CrosstermBackend};
use tui::{layout, style, widgets, Frame, Terminal};
use widgets::{Block, Borders, TableState};
pub fn main() -> Result<()> {
terminal::enable_raw_mode()?;
let mut backend = CrosstermBackend::new(std::io::stdout());
backend
.execute(terminal::EnterAlternateScreen)?
.execute(terminal::Clear(terminal::ClearType::All))?
.hide_cursor()?;
let mut terminal = tui::Terminal::new(backend)?;
run(&mut terminal)?;
terminal::disable_raw_mode()?;
terminal
.backend_mut()
.execute(terminal::Clear(terminal::ClearType::All))?
.execute(terminal::LeaveAlternateScreen)?
.show_cursor()
.context("重置控制台失败")
}
fn run<B: Backend>(terminal: &mut Terminal<B>) -> Result<()> {
let timeout = std::time::Duration::from_millis(500);
let mut app = App::new();
loop {
terminal.draw(|frame| ui(frame, &mut app))?;
if event::poll(timeout)? {
if let event::Event::Key(key) = event::read()? {
use event::KeyCode::{self, Char, Esc};
match key.code {
Char('q') | Char('Q') | Esc => return Ok(()),
KeyCode::Down => app.next(),
KeyCode::Up => app.previous(),
_ => {}
}
}
}
}
}
struct App<'a> {
state: TableState,
items: Vec<Vec<&'a str>>,
}
impl<'a> App<'a> {
fn new() -> App<'a> {
App {
state: TableState::default(),
items: vec![
vec!["阿法骨化醇软胶囊", "20.4", "5"],
vec!["阿卡波糖胶囊", "9.6", "4"],
vec!["阿仑膦酸钠片", "20.05", "7"],
vec!["阿莫西林胶囊", "11.66", "2"],
vec!["阿普仑片", "4.93", "6"],
vec!["阿奇霉素胶囊", "15.3\n14.3", "1"],
vec!["阿昔洛韦片", "5.46", "8"],
],
}
}
pub fn next(&mut self) {
let i = match self.state.selected() {
Some(i) => {
if i >= self.items.len() - 1 {
0
} else {
i + 1
}
}
None => 0,
};
self.state.select(Some(i));
}
pub fn previous(&mut self) {
let i = match self.state.selected() {
Some(i) => {
if i == 0 {
self.items.len() - 1
} else {
i - 1
}
}
None => 0,
};
self.state.select(Some(i));
}
}
fn ui<B: Backend>(frame: &mut Frame<B>, app: &mut App) {
let chunks = Layout::default()
.constraints([Constraint::Percentage(100)])
.margin(5)
.split(frame.size());
let selected = Style::default().add_modifier(Modifier::REVERSED);
let normal_style = Style::default().bg(Color::Blue);
let header_cells = ["名称", "单价", "数量"]
.iter()
.map(|header| widgets::Cell::from(*header).style(Style::default().fg(Color::Red)));
let header = widgets::Row::new(header_cells)
.style(normal_style)
.height(1)
.bottom_margin(1);
let rows = app.items.iter().map(|item| {
let height = item
.iter()
.map(|content| content.chars().filter(|c| *c == '\n').count())
.max()
.unwrap_or_default()
+ 1;
let cells = item.iter().map(|c| widgets::Cell::from(*c));
widgets::Row::new(cells)
.height(height as u16)
.bottom_margin(1)
});
let t = widgets::Table::new(rows)
.header(header)
.block(Block::default().borders(Borders::ALL).title("Table"))
.highlight_style(selected)
.highlight_symbol(">> ")
.widths(&[
Constraint::Percentage(50),
Constraint::Length(30),
Constraint::Min(10),
]);
frame.render_stateful_widget(t, chunks[0], &mut app.state);
}