mirror of
https://github.com/ratatui-org/ratatui
synced 2024-11-26 06:30:29 +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).
90 lines
3.1 KiB
Rust
90 lines
3.1 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::{Block, Borders, Widget};
|
|
use tui::Terminal;
|
|
|
|
use util::event::{Event, Events};
|
|
|
|
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();
|
|
|
|
loop {
|
|
let size = terminal.size()?;
|
|
|
|
terminal.draw(|mut f| {
|
|
// Wrapping block for a group
|
|
// Just draw the block and the group on the same area and build the group
|
|
// with at least a margin of 1
|
|
Block::default().borders(Borders::ALL).render(&mut f, size);
|
|
let chunks = Layout::default()
|
|
.direction(Direction::Vertical)
|
|
.margin(4)
|
|
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
|
|
.split(size);
|
|
{
|
|
let chunks = Layout::default()
|
|
.direction(Direction::Horizontal)
|
|
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
|
|
.split(chunks[0]);
|
|
Block::default()
|
|
.title("With background")
|
|
.title_style(Style::default().fg(Color::Yellow))
|
|
.style(Style::default().bg(Color::Green))
|
|
.render(&mut f, chunks[0]);
|
|
Block::default()
|
|
.title("Styled title")
|
|
.title_style(
|
|
Style::default()
|
|
.fg(Color::White)
|
|
.bg(Color::Red)
|
|
.modifier(Modifier::Bold),
|
|
).render(&mut f, chunks[1]);
|
|
}
|
|
{
|
|
let chunks = Layout::default()
|
|
.direction(Direction::Horizontal)
|
|
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
|
|
.split(chunks[1]);
|
|
Block::default()
|
|
.title("With borders")
|
|
.borders(Borders::ALL)
|
|
.render(&mut f, chunks[0]);
|
|
Block::default()
|
|
.title("With styled borders")
|
|
.border_style(Style::default().fg(Color::Cyan))
|
|
.borders(Borders::LEFT | Borders::RIGHT)
|
|
.render(&mut f, chunks[1]);
|
|
}
|
|
})?;
|
|
|
|
match events.next()? {
|
|
Event::Input(key) => if key == Key::Char('q') {
|
|
break;
|
|
},
|
|
_ => {}
|
|
}
|
|
}
|
|
Ok(())
|
|
}
|