Mirrors/ratatui
2
0
Fork 0
mirror of https://github.com/ratatui-org/ratatui synced 2024-11-10 07:04:17 +00:00
Code Issues Projects Releases Packages Wiki Activity

Feature: Autoresize

Browse source 
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).
This commit is contained in:
Karoline Pauls 2018-11-26 02:06:34 +00:00 committed by Florian Dehau
parent b3689eceb7
commit 8cdfc883b9
16 changed files with 35 additions and 178 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
examples/barchart.rs
View file

@ -12,7 +12,7 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Direction, Layout, Rect};
use tui::layout::{Constraint, Direction, Layout};
use tui::style::{Color, Modifier, Style};
use tui::widgets::{BarChart, Block, Borders, Widget};
use tui::Terminal;
@ -20,14 +20,12 @@ use tui::Terminal;
use util::event::{Event, Events};
struct App<'a> {
size: Rect,
data: Vec<(&'a str, u64)>,
}
impl<'a> App<'a> {
fn new() -> App<'a> {
App {
size: Rect::default(),
data: vec![
("B1", 9),
("B2", 12),
@ -80,16 +78,12 @@ fn main() -> Result<(), failure::Error> {
loop {
let size = terminal.size()?;
if app.size != size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let chunks = Layout::default()
.direction(Direction::Vertical)
.margin(2)
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
.split(app.size);
.split(size);
BarChart::default()
.block(Block::default().title("Data1").borders(Borders::ALL))
.data(&app.data)

23
examples/block.rs
View file

@ -11,25 +11,13 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Direction, Layout, Rect};
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};
struct App {
size: Rect,
}
impl Default for App {
fn default() -> App {
App {
size: Rect::default(),
}
}
}
fn main() -> Result<(), failure::Error> {
// Terminal initialization
let stdout = io::stdout().into_raw_mode()?;
@ -39,18 +27,11 @@ fn main() -> Result<(), failure::Error> {
let mut terminal = Terminal::new(backend)?;
terminal.hide_cursor()?;
// Create default app state
let mut app = App::default();
// Setup event handlers
let events = Events::new();
loop {
let size = terminal.size()?;
if app.size != size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
// Wrapping block for a group
@ -61,7 +42,7 @@ fn main() -> Result<(), failure::Error> {
.direction(Direction::Vertical)
.margin(4)
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
.split(app.size);
.split(size);
{
let chunks = Layout::default()
.direction(Direction::Horizontal)

8
examples/canvas.rs
View file

@ -22,7 +22,6 @@ use tui::Terminal;
use util::event::{Config, Event, Events};
struct App {
size: Rect,
x: f64,
y: f64,
ball: Rect,
@ -36,7 +35,6 @@ struct App {
impl App {
fn new() -> App {
App {
size: Default::default(),
x: 0.0,
y: 0.0,
ball: Rect::new(10, 30, 10, 10),
@ -93,16 +91,12 @@ fn main() -> Result<(), failure::Error> {
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let chunks = Layout::default()
.direction(Direction::Horizontal)
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
.split(app.size);
.split(size);
Canvas::default()
.block(Block::default().borders(Borders::ALL).title("World"))
.paint(|ctx| {

9
examples/chart.rs
View file

@ -12,7 +12,6 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::Rect;
use tui::style::{Color, Modifier, Style};
use tui::widgets::{Axis, Block, Borders, Chart, Dataset, Marker, Widget};
use tui::Terminal;
@ -21,7 +20,6 @@ use util::event::{Event, Events};
use util::SinSignal;
struct App {
size: Rect,
signal1: SinSignal,
data1: Vec<(f64, f64)>,
signal2: SinSignal,
@ -36,7 +34,6 @@ impl App {
let data1 = signal1.by_ref().take(200).collect::<Vec<(f64, f64)>>();
let data2 = signal2.by_ref().take(200).collect::<Vec<(f64, f64)>>();
App {
size: Rect::default(),
signal1,
data1,
signal2,
@ -75,10 +72,6 @@ fn main() -> Result<(), failure::Error> {
loop {
let size = terminal.size()?;
if app.size != size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
Chart::default()
@ -116,7 +109,7 @@ fn main() -> Result<(), failure::Error> {
.marker(Marker::Braille)
.style(Style::default().fg(Color::Yellow))
.data(&app.data2),
]).render(&mut f, app.size);
]).render(&mut f, size);
})?;
match events.next()? {

19
examples/crossterm.rs
View file

@ -3,34 +3,17 @@ extern crate failure;
extern crate tui;
use tui::backend::CrosstermBackend;
use tui::layout::Rect;
use tui::style::{Color, Modifier, Style};
use tui::widgets::{Block, Borders, Paragraph, Text, Widget};
use tui::Terminal;
struct App {
size: Rect,
}
impl Default for App {
fn default() -> App {
App {
size: Rect::default(),
}
}
}
fn main() -> Result<(), failure::Error> {
let mut terminal = Terminal::new(CrosstermBackend::new())?;
terminal.clear()?;
terminal.hide_cursor()?;
let mut app = App::default();
loop {
let size = terminal.size()?;
if app.size != size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let text = [

20
examples/custom_widget.rs
View file

@ -20,18 +20,6 @@ use tui::Terminal;
use util::event::{Event, Events};
struct App {
size: Rect,
}
impl Default for App {
fn default() -> App {
App {
size: Rect::default(),
}
}
}
struct Label<'a> {
text: &'a str,
}
@ -65,17 +53,11 @@ fn main() -> Result<(), failure::Error> {
let events = Events::new();
let mut app = App::default();
loop {
let size = terminal.size()?;
if app.size != size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
Label::default().text("Test").render(&mut f, app.size);
Label::default().text("Test").render(&mut f, size);
})?;
match events.next()? {

8
examples/demo.rs
View file

@ -34,7 +34,6 @@ struct Server<'a> {
}
struct App<'a> {
size: Rect,
items: Vec<&'a str>,
events: Vec<(&'a str, &'a str)>,
selected: usize,
@ -71,7 +70,6 @@ fn main() -> Result<(), failure::Error> {
let mut sin_signal2 = SinSignal::new(0.1, 2.0, 10.0);
let mut app = App {
size: Rect::default(),
items: vec![
"Item1", "Item2", "Item3", "Item4", "Item5", "Item6", "Item7", "Item8", "Item9",
"Item10", "Item11", "Item12", "Item13", "Item14", "Item15", "Item16", "Item17",
@ -171,16 +169,12 @@ fn main() -> Result<(), failure::Error> {
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
// Draw UI
terminal.draw(|mut f| {
let chunks = Layout::default()
.constraints([Constraint::Length(3), Constraint::Min(0)].as_ref())
.split(app.size);
.split(size);
Tabs::default()
.block(Block::default().borders(Borders::ALL).title("Tabs"))
.titles(&app.tabs.titles)

11
examples/gauge.rs
View file

@ -12,7 +12,7 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Direction, Layout, Rect};
use tui::layout::{Constraint, Direction, Layout};
use tui::style::{Color, Modifier, Style};
use tui::widgets::{Block, Borders, Gauge, Widget};
use tui::Terminal;
@ -20,7 +20,6 @@ use tui::Terminal;
use util::event::{Event, Events};
struct App {
size: Rect,
progress1: u16,
progress2: u16,
progress3: u16,
@ -30,7 +29,6 @@ struct App {
impl App {
fn new() -> App {
App {
size: Rect::default(),
progress1: 0,
progress2: 0,
progress3: 0,
@ -73,10 +71,6 @@ fn main() -> Result<(), failure::Error> {
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let chunks = Layout::default()
@ -90,7 +84,8 @@ fn main() -> Result<(), failure::Error> {
Constraint::Percentage(25),
]
.as_ref(),
).split(app.size);
).split(size);
Gauge::default()
.block(Block::default().title("Gauge1").borders(Borders::ALL))
.style(Style::default().fg(Color::Yellow))

23
examples/layout.rs
View file

@ -14,24 +14,12 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Direction, Layout, Rect};
use tui::layout::{Constraint, Direction, Layout};
use tui::widgets::{Block, Borders, Widget};
use tui::Terminal;
use util::event::{Event, Events};
struct App {
size: Rect,
}
impl App {
fn new() -> App {
App {
size: Rect::default(),
}
}
}
fn main() -> Result<(), failure::Error> {
stderrlog::new().verbosity(4).init()?;
@ -45,15 +33,8 @@ fn main() -> Result<(), failure::Error> {
let events = Events::new();
// App
let mut app = App::new();
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let chunks = Layout::default()
@ -65,7 +46,7 @@ fn main() -> Result<(), failure::Error> {
Constraint::Percentage(10),
]
.as_ref(),
).split(app.size);
).split(size);
Block::default()
.title("Block")

10
examples/list.rs
View file

@ -12,7 +12,7 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Corner, Direction, Layout, Rect};
use tui::layout::{Constraint, Corner, Direction, Layout};
use tui::style::{Color, Modifier, Style};
use tui::widgets::{Block, Borders, List, SelectableList, Text, Widget};
use tui::Terminal;
@ -20,7 +20,6 @@ use tui::Terminal;
use util::event::{Event, Events};
struct App<'a> {
size: Rect,
items: Vec<&'a str>,
selected: Option<usize>,
events: Vec<(&'a str, &'a str)>,
@ -33,7 +32,6 @@ struct App<'a> {
impl<'a> App<'a> {
fn new() -> App<'a> {
App {
size: Rect::default(),
items: vec![
"Item1", "Item2", "Item3", "Item4", "Item5", "Item6", "Item7", "Item8", "Item9",
"Item10", "Item11", "Item12", "Item13", "Item14", "Item15", "Item16", "Item17",
@ -97,16 +95,12 @@ fn main() -> Result<(), failure::Error> {
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let chunks = Layout::default()
.direction(Direction::Horizontal)
.constraints([Constraint::Percentage(50), Constraint::Percentage(50)].as_ref())
.split(app.size);
.split(size);
let style = Style::default().fg(Color::Black).bg(Color::White);
SelectableList::default()

20
examples/paragraph.rs
View file

@ -12,25 +12,13 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Alignment, Constraint, Direction, Layout, Rect};
use tui::layout::{Alignment, Constraint, Direction, Layout};
use tui::style::{Color, Modifier, Style};
use tui::widgets::{Block, Paragraph, Text, Widget};
use tui::Terminal;
use util::event::{Event, Events};
struct App {
size: Rect,
}
impl Default for App {
fn default() -> App {
App {
size: Rect::default(),
}
}
}
fn main() -> Result<(), failure::Error> {
// Terminal initialization
let stdout = io::stdout().into_raw_mode()?;
@ -42,14 +30,8 @@ fn main() -> Result<(), failure::Error> {
let events = Events::new();
let mut app = App::default();
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
let mut long_line: String = std::iter::repeat('X').take(size.width.into()).collect();
long_line.insert_str(0, "Very long line: ");

10
examples/sparkline.rs
View file

@ -12,7 +12,7 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Direction, Layout, Rect};
use tui::layout::{Constraint, Direction, Layout};
use tui::style::{Color, Style};
use tui::widgets::{Block, Borders, Sparkline, Widget};
use tui::Terminal;
@ -21,7 +21,6 @@ use util::event::{Event, Events};
use util::RandomSignal;
struct App {
size: Rect,
signal: RandomSignal,
data1: Vec<u64>,
data2: Vec<u64>,
@ -35,7 +34,6 @@ impl App {
let data2 = signal.by_ref().take(200).collect::<Vec<u64>>();
let data3 = signal.by_ref().take(200).collect::<Vec<u64>>();
App {
size: Rect::default(),
signal,
data1,
data2,
@ -73,10 +71,6 @@ fn main() -> Result<(), failure::Error> {
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let chunks = Layout::default()
@ -90,7 +84,7 @@ fn main() -> Result<(), failure::Error> {
Constraint::Min(0),
]
.as_ref(),
).split(app.size);
).split(size);
Sparkline::default()
.block(
Block::default()

10
examples/table.rs
View file

@ -12,7 +12,7 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Layout, Rect};
use tui::layout::{Constraint, Layout};
use tui::style::{Color, Modifier, Style};
use tui::widgets::{Block, Borders, Row, Table, Widget};
use tui::Terminal;
@ -20,7 +20,6 @@ use tui::Terminal;
use util::event::{Event, Events};
struct App<'a> {
size: Rect,
items: Vec<Vec<&'a str>>,
selected: usize,
}
@ -28,7 +27,6 @@ struct App<'a> {
impl<'a> App<'a> {
fn new() -> App<'a> {
App {
size: Rect::default(),
items: vec![
vec!["Row12", "Row12", "Row13"],
vec!["Row21", "Row22", "Row23"],
@ -59,10 +57,6 @@ fn main() -> Result<(), failure::Error> {
// Input
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let selected_style = Style::default().fg(Color::Yellow).modifier(Modifier::Bold);
@ -79,7 +73,7 @@ fn main() -> Result<(), failure::Error> {
let rects = Layout::default()
.constraints([Constraint::Percentage(100)].as_ref())
.margin(5)
.split(app.size);
.split(size);
Table::new(header.into_iter(), rows)
.block(Block::default().borders(Borders::ALL).title("Table"))
.widths(&[10, 10, 10])

12
examples/tabs.rs
View file

@ -12,7 +12,7 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Direction, Layout, Rect};
use tui::layout::{Constraint, Direction, Layout};
use tui::style::{Color, Style};
use tui::widgets::{Block, Borders, Tabs, Widget};
use tui::Terminal;
@ -21,7 +21,6 @@ use util::event::{Event, Events};
use util::TabsState;
struct App<'a> {
size: Rect,
tabs: TabsState<'a>,
}
@ -38,28 +37,23 @@ fn main() -> Result<(), failure::Error> {
// App
let mut app = App {
size: Rect::default(),
tabs: TabsState::new(vec!["Tab0", "Tab1", "Tab2", "Tab3"]),
};
// Main loop
loop {
let size = terminal.size()?;
if size != app.size {
terminal.resize(size)?;
app.size = size;
}
terminal.draw(|mut f| {
let chunks = Layout::default()
.direction(Direction::Vertical)
.margin(5)
.constraints([Constraint::Length(3), Constraint::Min(0)].as_ref())
.split(app.size);
.split(size);
Block::default()
.style(Style::default().bg(Color::White))
.render(&mut f, app.size);
.render(&mut f, size);
Tabs::default()
.block(Block::default().borders(Borders::ALL).title("Tabs"))
.titles(&app.tabs.titles)

11
examples/user_input.rs
View file

@ -25,7 +25,7 @@ use termion::input::MouseTerminal;
use termion::raw::IntoRawMode;
use termion::screen::AlternateScreen;
use tui::backend::TermionBackend;
use tui::layout::{Constraint, Direction, Layout, Rect};
use tui::layout::{Constraint, Direction, Layout};
use tui::style::{Color, Style};
use tui::widgets::{Block, Borders, List, Paragraph, Text, Widget};
use tui::Terminal;
@ -35,8 +35,6 @@ use util::event::{Event, Events};
/// App holds the state of the application
struct App {
/// Current size of the terminal
size: Rect,
/// Current value of the input box
input: String,
/// History of recorded messages
@ -46,7 +44,6 @@ struct App {
impl Default for App {
fn default() -> App {
App {
size: Rect::default(),
input: String::new(),
messages: Vec::new(),
}
@ -70,10 +67,6 @@ fn main() -> Result<(), failure::Error> {
loop {
// Handle resize
let size = terminal.size()?;
if app.size != size {
terminal.resize(size)?;
app.size = size;
}
// Draw UI
terminal.draw(|mut f| {
@ -81,7 +74,7 @@ fn main() -> Result<(), failure::Error> {
.direction(Direction::Vertical)
.margin(2)
.constraints([Constraint::Length(3), Constraint::Min(1)].as_ref())
.split(app.size);
.split(size);
Paragraph::new([Text::raw(&app.input)].iter())
.style(Style::default().fg(Color::Yellow))
.block(Block::default().borders(Borders::ALL).title("Input"))

9
src/terminal.rs
View file

@ -19,6 +19,7 @@ where
current: usize,
/// Whether the cursor is currently hidden
hidden_cursor: bool,
prev_size: Option<Rect>,
}
pub struct Frame<'a, B: 'a>
@ -68,6 +69,7 @@ where
buffers: [Buffer::empty(size), Buffer::empty(size)],
current: 0,
hidden_cursor: false,
prev_size: None,
})
}
@ -115,6 +117,7 @@ where
self.buffers[self.current].resize(area);
self.buffers[1 - self.current].reset();
self.buffers[1 - self.current].resize(area);
self.prev_size = Some(area);
self.backend.clear()
}
@ -123,6 +126,12 @@ where
where
F: FnOnce(Frame<B>),
{
// Autoresize - otherwise we get glitches if shrinking or potential desync between widgets
// and the terminal (if growing), which may OOB.
let size = self.size()?;
if self.prev_size != Some(size) {
self.resize(size)?;
}
f(self.get_frame());
// Draw to stdout