use crossterm::{ event::{self, DisableMouseCapture, EnableMouseCapture, Event, KeyCode}, execute, terminal::{disable_raw_mode, enable_raw_mode, EnterAlternateScreen, LeaveAlternateScreen}, }; use std::{ error::Error, io, time::{Duration, Instant}, }; use tui::{ backend::{Backend, CrosstermBackend}, layout::{Constraint, Direction, Layout}, style::{Color, Modifier, Style}, text::Span, widgets::{Block, Borders, Gauge}, Frame, Terminal, }; struct App { progress1: u16, progress2: u16, progress3: f64, progress4: u16, } impl App { fn new() -> App { App { progress1: 0, progress2: 0, progress3: 0.45, progress4: 0, } } fn on_tick(&mut self) { self.progress1 += 1; if self.progress1 > 100 { self.progress1 = 0; } self.progress2 += 2; if self.progress2 > 100 { self.progress2 = 0; } self.progress3 += 0.001; if self.progress3 > 1.0 { self.progress3 = 0.0; } self.progress4 += 1; if self.progress4 > 100 { self.progress4 = 0; } } } fn main() -> Result<(), Box> { // setup terminal enable_raw_mode()?; let mut stdout = io::stdout(); execute!(stdout, EnterAlternateScreen, EnableMouseCapture)?; let backend = CrosstermBackend::new(stdout); let mut terminal = Terminal::new(backend)?; // create app and run it let tick_rate = Duration::from_millis(250); let app = App::new(); let res = run_app(&mut terminal, app, tick_rate); // restore terminal disable_raw_mode()?; execute!( terminal.backend_mut(), LeaveAlternateScreen, DisableMouseCapture )?; terminal.show_cursor()?; if let Err(err) = res { println!("{:?}", err) } Ok(()) } fn run_app( terminal: &mut Terminal, mut app: App, tick_rate: Duration, ) -> io::Result<()> { let mut last_tick = Instant::now(); loop { terminal.draw(|f| ui(f, &app))?; let timeout = tick_rate .checked_sub(last_tick.elapsed()) .unwrap_or_else(|| Duration::from_secs(0)); if crossterm::event::poll(timeout)? { if let Event::Key(key) = event::read()? { if let KeyCode::Char('q') = key.code { return Ok(()); } } } if last_tick.elapsed() >= tick_rate { app.on_tick(); last_tick = Instant::now(); } } } fn ui(f: &mut Frame, app: &App) { let chunks = Layout::default() .direction(Direction::Vertical) .margin(2) .constraints( [ Constraint::Percentage(25), Constraint::Percentage(25), Constraint::Percentage(25), Constraint::Percentage(25), ] .as_ref(), ) .split(f.size()); let gauge = Gauge::default() .block(Block::default().title("Gauge1").borders(Borders::ALL)) .gauge_style(Style::default().fg(Color::Yellow)) .percent(app.progress1); f.render_widget(gauge, chunks[0]); let label = format!("{}/100", app.progress2); let gauge = Gauge::default() .block(Block::default().title("Gauge2").borders(Borders::ALL)) .gauge_style(Style::default().fg(Color::Magenta).bg(Color::Green)) .percent(app.progress2) .label(label); f.render_widget(gauge, chunks[1]); let label = Span::styled( format!("{:.2}%", app.progress3 * 100.0), Style::default() .fg(Color::Red) .add_modifier(Modifier::ITALIC | Modifier::BOLD), ); let gauge = Gauge::default() .block(Block::default().title("Gauge3").borders(Borders::ALL)) .gauge_style(Style::default().fg(Color::Yellow)) .ratio(app.progress3) .label(label) .use_unicode(true); f.render_widget(gauge, chunks[2]); let label = format!("{}/100", app.progress2); let gauge = Gauge::default() .block(Block::default().title("Gauge4")) .gauge_style( Style::default() .fg(Color::Cyan) .add_modifier(Modifier::ITALIC), ) .percent(app.progress4) .label(label); f.render_widget(gauge, chunks[3]); }