mirror of
https://github.com/ratatui-org/ratatui
synced 2024-11-22 20:53:19 +00:00
8cdfc883b9
It basically never makes sense to render without syncing the size. Without resizing, if shrinking, we get artefacts. If growing, we may get panics (before this change the Rustbox sample (the only one which didn't handle resizing on its own) panicked because the widget would get an updated size, while the terminal would not).
130 lines
3.9 KiB
Rust
130 lines
3.9 KiB
Rust
extern crate failure;
|
|
extern crate termion;
|
|
extern crate tui;
|
|
|
|
#[allow(dead_code)]
|
|
mod util;
|
|
|
|
use std::io;
|
|
|
|
use termion::event::Key;
|
|
use termion::input::MouseTerminal;
|
|
use termion::raw::IntoRawMode;
|
|
use termion::screen::AlternateScreen;
|
|
use tui::backend::TermionBackend;
|
|
use tui::layout::{Constraint, Direction, Layout};
|
|
use tui::style::{Color, Modifier, Style};
|
|
use tui::widgets::{BarChart, Block, Borders, Widget};
|
|
use tui::Terminal;
|
|
|
|
use util::event::{Event, Events};
|
|
|
|
struct App<'a> {
|
|
data: Vec<(&'a str, u64)>,
|
|
}
|
|
|
|
impl<'a> App<'a> {
|
|
fn new() -> App<'a> {
|
|
App {
|
|
data: vec![
|
|
("B1", 9),
|
|
("B2", 12),
|
|
("B3", 5),
|
|
("B4", 8),
|
|
("B5", 2),
|
|
("B6", 4),
|
|
("B7", 5),
|
|
("B8", 9),
|
|
("B9", 14),
|
|
("B10", 15),
|
|
("B11", 1),
|
|
("B12", 0),
|
|
("B13", 4),
|
|
("B14", 6),
|
|
("B15", 4),
|
|
("B16", 6),
|
|
("B17", 4),
|
|
("B18", 7),
|
|
("B19", 13),
|
|
("B20", 8),
|
|
("B21", 11),
|
|
("B22", 9),
|
|
("B23", 3),
|
|
("B24", 5),
|
|
],
|
|
}
|
|
}
|
|
|
|
fn update(&mut self) {
|
|
let value = self.data.pop().unwrap();
|
|
self.data.insert(0, value);
|
|
}
|
|
}
|
|
|
|
fn main() -> Result<(), failure::Error> {
|
|
// Terminal initialization
|
|
let stdout = io::stdout().into_raw_mode()?;
|
|
let stdout = MouseTerminal::from(stdout);
|
|
let stdout = AlternateScreen::from(stdout);
|
|
let backend = TermionBackend::new(stdout);
|
|
let mut terminal = Terminal::new(backend)?;
|
|
terminal.hide_cursor()?;
|
|
|
|
// Setup event handlers
|
|
let events = Events::new();
|
|
|
|
// App
|
|
let mut app = App::new();
|
|
|
|
loop {
|
|
let size = terminal.size()?;
|
|
terminal.draw(|mut f| {
|
|
let chunks = Layout::default()
|
|
.direction(Direction::Vertical)
|
|
.margin(2)
|
|
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
|
|
.split(size);
|
|
BarChart::default()
|
|
.block(Block::default().title("Data1").borders(Borders::ALL))
|
|
.data(&app.data)
|
|
.bar_width(9)
|
|
.style(Style::default().fg(Color::Yellow))
|
|
.value_style(Style::default().fg(Color::Black).bg(Color::Yellow))
|
|
.render(&mut f, chunks[0]);
|
|
{
|
|
let chunks = Layout::default()
|
|
.direction(Direction::Horizontal)
|
|
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
|
|
.split(chunks[1]);
|
|
BarChart::default()
|
|
.block(Block::default().title("Data2").borders(Borders::ALL))
|
|
.data(&app.data)
|
|
.bar_width(5)
|
|
.bar_gap(3)
|
|
.style(Style::default().fg(Color::Green))
|
|
.value_style(Style::default().bg(Color::Green).modifier(Modifier::Bold))
|
|
.render(&mut f, chunks[0]);
|
|
BarChart::default()
|
|
.block(Block::default().title("Data3").borders(Borders::ALL))
|
|
.data(&app.data)
|
|
.style(Style::default().fg(Color::Red))
|
|
.bar_width(7)
|
|
.bar_gap(0)
|
|
.value_style(Style::default().bg(Color::Red))
|
|
.label_style(Style::default().fg(Color::Cyan).modifier(Modifier::Italic))
|
|
.render(&mut f, chunks[1]);
|
|
}
|
|
})?;
|
|
|
|
match events.next()? {
|
|
Event::Input(input) => if input == Key::Char('q') {
|
|
break;
|
|
},
|
|
Event::Tick => {
|
|
app.update();
|
|
}
|
|
}
|
|
}
|
|
|
|
Ok(())
|
|
}
|