mirror of
https://github.com/taigrr/bubbletea.git
synced 2026-04-17 02:25:12 -07:00
Split progress bar example into static and animated versions
This commit is contained in:
93
examples/progress-animated/main.go
Normal file
93
examples/progress-animated/main.go
Normal file
@@ -0,0 +1,93 @@
|
||||
package main
|
||||
|
||||
// A simple example that shows how to render an animated progress bar. In this
|
||||
// example we bump the progress by 25% every two seconds, animating our
|
||||
// progress bar to its new target state.
|
||||
//
|
||||
// It's also possible to render a progress bar in a more static fashion without
|
||||
// transitions. For details on that approach see the progress-static example.
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"os"
|
||||
"strings"
|
||||
"time"
|
||||
|
||||
"github.com/charmbracelet/bubbles/progress"
|
||||
tea "github.com/charmbracelet/bubbletea"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
)
|
||||
|
||||
const (
|
||||
padding = 2
|
||||
maxWidth = 80
|
||||
)
|
||||
|
||||
var helpStyle = lipgloss.NewStyle().Foreground(lipgloss.Color("#626262")).Render
|
||||
|
||||
func main() {
|
||||
m := model{
|
||||
progress: progress.NewModel(progress.WithDefaultGradient()),
|
||||
}
|
||||
|
||||
if err := tea.NewProgram(m).Start(); err != nil {
|
||||
fmt.Println("Oh no!", err)
|
||||
os.Exit(1)
|
||||
}
|
||||
}
|
||||
|
||||
type tickMsg time.Time
|
||||
|
||||
type model struct {
|
||||
progress progress.Model
|
||||
}
|
||||
|
||||
func (_ model) Init() tea.Cmd {
|
||||
return tickCmd()
|
||||
}
|
||||
|
||||
func (m model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
|
||||
switch msg := msg.(type) {
|
||||
case tea.KeyMsg:
|
||||
return m, tea.Quit
|
||||
|
||||
case tea.WindowSizeMsg:
|
||||
m.progress.Width = msg.Width - padding*2 - 4
|
||||
if m.progress.Width > maxWidth {
|
||||
m.progress.Width = maxWidth
|
||||
}
|
||||
return m, nil
|
||||
|
||||
case tickMsg:
|
||||
if m.progress.Percent() == 1.0 {
|
||||
return m, tea.Quit
|
||||
}
|
||||
|
||||
// Note that you can also use progress.Model.SetPercent to set the
|
||||
// percentage value explicitly, too.
|
||||
cmd := m.progress.IncrPercent(0.25)
|
||||
return m, tea.Batch(tickCmd(), cmd)
|
||||
|
||||
// FrameMsg is sent when the progress bar wants to animate itself
|
||||
case progress.FrameMsg:
|
||||
var cmd tea.Cmd
|
||||
m.progress, cmd = m.progress.Update(msg)
|
||||
return m, cmd
|
||||
|
||||
default:
|
||||
return m, nil
|
||||
}
|
||||
}
|
||||
|
||||
func (e model) View() string {
|
||||
pad := strings.Repeat(" ", padding)
|
||||
return "\n" +
|
||||
pad + e.progress.View() + "\n\n" +
|
||||
pad + helpStyle("Press any key to quit")
|
||||
}
|
||||
|
||||
func tickCmd() tea.Cmd {
|
||||
return tea.Tick(time.Second*2, func(t time.Time) tea.Msg {
|
||||
return tickMsg(t)
|
||||
})
|
||||
}
|
||||
Reference in New Issue
Block a user