mirror of
https://github.com/ratatui/ratatui.git
synced 2025-10-03 07:45:59 +00:00
[examples] Add user input example
This commit is contained in:
parent
72f9a2b460
commit
299279dc2d
@ -81,3 +81,7 @@ path = "examples/table.rs"
|
|||||||
[[example]]
|
[[example]]
|
||||||
name = "tabs"
|
name = "tabs"
|
||||||
path = "examples/tabs.rs"
|
path = "examples/tabs.rs"
|
||||||
|
|
||||||
|
[[example]]
|
||||||
|
name = "user_input"
|
||||||
|
path = "examples/user_input.rs"
|
||||||
|
131
examples/user_input.rs
Normal file
131
examples/user_input.rs
Normal file
@ -0,0 +1,131 @@
|
|||||||
|
/// A simple example demonstrating how to handle user input. This is
|
||||||
|
/// a bit out of the scope of the library as it does not provide any
|
||||||
|
/// input handling out of the box. However, it may helps some to get
|
||||||
|
/// started.
|
||||||
|
///
|
||||||
|
/// This is a very simple example:
|
||||||
|
/// * A input box always focused. Every character you type is registered
|
||||||
|
/// here
|
||||||
|
/// * Pressing Backspace erases a character
|
||||||
|
/// * Pressing Enter pushes the current input in the history of previous
|
||||||
|
/// messages
|
||||||
|
extern crate termion;
|
||||||
|
extern crate tui;
|
||||||
|
|
||||||
|
use std::io;
|
||||||
|
use std::thread;
|
||||||
|
use std::sync::mpsc;
|
||||||
|
|
||||||
|
use termion::event;
|
||||||
|
use termion::input::TermRead;
|
||||||
|
|
||||||
|
use tui::Terminal;
|
||||||
|
use tui::backend::MouseBackend;
|
||||||
|
use tui::widgets::{Block, Borders, Item, List, Paragraph, Widget};
|
||||||
|
use tui::layout::{Direction, Group, Rect, Size};
|
||||||
|
use tui::style::{Color, Style};
|
||||||
|
|
||||||
|
struct App {
|
||||||
|
size: Rect,
|
||||||
|
input: String,
|
||||||
|
messages: Vec<String>,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl App {
|
||||||
|
fn new() -> App {
|
||||||
|
App {
|
||||||
|
size: Rect::default(),
|
||||||
|
input: String::new(),
|
||||||
|
messages: Vec::new(),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
enum Event {
|
||||||
|
Input(event::Key),
|
||||||
|
}
|
||||||
|
|
||||||
|
fn main() {
|
||||||
|
// Terminal initialization
|
||||||
|
let backend = MouseBackend::new().unwrap();
|
||||||
|
let mut terminal = Terminal::new(backend).unwrap();
|
||||||
|
|
||||||
|
// Channels
|
||||||
|
let (tx, rx) = mpsc::channel();
|
||||||
|
let input_tx = tx.clone();
|
||||||
|
let clock_tx = tx.clone();
|
||||||
|
|
||||||
|
// Input
|
||||||
|
thread::spawn(move || {
|
||||||
|
let stdin = io::stdin();
|
||||||
|
for c in stdin.keys() {
|
||||||
|
let evt = c.unwrap();
|
||||||
|
input_tx.send(Event::Input(evt)).unwrap();
|
||||||
|
if evt == event::Key::Char('q') {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// App
|
||||||
|
let mut app = App::new();
|
||||||
|
|
||||||
|
// First draw call
|
||||||
|
terminal.clear().unwrap();
|
||||||
|
terminal.hide_cursor().unwrap();
|
||||||
|
app.size = terminal.size().unwrap();
|
||||||
|
draw(&mut terminal, &app);
|
||||||
|
|
||||||
|
loop {
|
||||||
|
let size = terminal.size().unwrap();
|
||||||
|
if app.size != size {
|
||||||
|
terminal.resize(size).unwrap();
|
||||||
|
app.size = size;
|
||||||
|
}
|
||||||
|
|
||||||
|
let evt = rx.recv().unwrap();
|
||||||
|
match evt {
|
||||||
|
Event::Input(input) => match input {
|
||||||
|
event::Key::Char('q') => {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
event::Key::Char('\n') => {
|
||||||
|
app.messages.push(app.input.drain(..).collect());
|
||||||
|
}
|
||||||
|
event::Key::Char(c) => {
|
||||||
|
app.input.push(c);
|
||||||
|
}
|
||||||
|
event::Key::Backspace => {
|
||||||
|
app.input.pop();
|
||||||
|
}
|
||||||
|
_ => {}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
draw(&mut terminal, &app);
|
||||||
|
}
|
||||||
|
|
||||||
|
terminal.show_cursor().unwrap();
|
||||||
|
terminal.clear().unwrap();
|
||||||
|
}
|
||||||
|
|
||||||
|
fn draw(t: &mut Terminal<MouseBackend>, app: &App) {
|
||||||
|
Group::default()
|
||||||
|
.direction(Direction::Vertical)
|
||||||
|
.margin(2)
|
||||||
|
.sizes(&[Size::Fixed(3), Size::Min(1)])
|
||||||
|
.render(t, &app.size, |t, chunks| {
|
||||||
|
Paragraph::default()
|
||||||
|
.block(Block::default().borders(Borders::ALL).title("Input"))
|
||||||
|
.text(&app.input)
|
||||||
|
.render(t, &chunks[0]);
|
||||||
|
List::new(
|
||||||
|
app.messages
|
||||||
|
.iter()
|
||||||
|
.enumerate()
|
||||||
|
.map(|(i, m)| Item::Data(format!("{}: {}", i, m))),
|
||||||
|
).block(Block::default().borders(Borders::ALL).title("Messages"))
|
||||||
|
.render(t, &chunks[1]);
|
||||||
|
});
|
||||||
|
|
||||||
|
t.draw().unwrap();
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user