Кастомные виджеты

package main

import (
        "image/color"

        "fyne.io/fyne/v2"
        "fyne.io/fyne/v2/app"
        "fyne.io/fyne/v2/canvas"
        "fyne.io/fyne/v2/container"
        "fyne.io/fyne/v2/widget"
)

// Swatch — цветная плашка: минимальный кастомный виджет.
type Swatch struct {
        widget.BaseWidget
        Color color.Color
        rect  *canvas.Rectangle
}

// NewSwatch — конструктор: создать структуру и отдать её каркасу.
func NewSwatch(c color.Color) *Swatch {
        s := &Swatch{Color: c}
        s.ExtendBaseWidget(s)
        return s
}

// CreateRenderer описывает, из чего виджет рисуется.
func (s *Swatch) CreateRenderer() fyne.WidgetRenderer {
        s.rect = canvas.NewRectangle(s.Color)
        return widget.NewSimpleRenderer(s.rect)
}

// SetColor меняет состояние и просит перерисовку.
func (s *Swatch) SetColor(c color.Color) {
        s.Color = c
        if s.rect != nil {
                s.rect.FillColor = c
        }
        s.Refresh()
}

func main() {
        myApp := app.New()
        window := myApp.NewWindow("Swatch")

        swatch := NewSwatch(color.NRGBA{R: 46, G: 204, B: 113, A: 255})

        pick := widget.NewSelect([]string{"Зелёный", "Синий", "Красный"}, func(v string) {
                switch v {
                case "Зелёный":
                        swatch.SetColor(color.NRGBA{R: 46, G: 204, B: 113, A: 255})
                case "Синий":
                        swatch.SetColor(color.NRGBA{R: 52, G: 152, B: 219, A: 255})
                case "Красный":
                        swatch.SetColor(color.NRGBA{R: 231, G: 76, B: 60, A: 255})
                }
        })

        window.SetContent(container.NewVBox(
                container.NewGridWrap(fyne.NewSize(200, 64), swatch),
                pick,
        ))
        window.ShowAndRun()
}

package main

import (
        "fmt"
        "image/color"

        "fyne.io/fyne/v2"
        "fyne.io/fyne/v2/app"
        "fyne.io/fyne/v2/canvas"
        "fyne.io/fyne/v2/container"
        "fyne.io/fyne/v2/theme"
        "fyne.io/fyne/v2/widget"
)

// Gauge — индикатор значения от 0 до 1.
type Gauge struct {
        widget.BaseWidget
        Value float64

        bg    *canvas.Rectangle
        fill  *canvas.Rectangle
        label *canvas.Text
}

func NewGauge() *Gauge {
        g := &Gauge{}
        g.ExtendBaseWidget(g)
        return g
}

// SetValue — данные меняются, экран просит кадр.
func (g *Gauge) SetValue(v float64) {
        if v < 0 {
                v = 0
        }
        if v > 1 {
                v = 1
        }
        g.Value = v
        g.Refresh()
}

func (g *Gauge) CreateRenderer() fyne.WidgetRenderer {
        g.bg = canvas.NewRectangle(color.NRGBA{R: 230, G: 230, B: 230, A: 255})
        g.fill = canvas.NewRectangle(color.NRGBA{R: 41, G: 128, B: 185, A: 255})
        g.label = canvas.NewText("", theme.ForegroundColor())
        g.label.Alignment = fyne.TextAlignCenter
        return &gaugeRenderer{g: g}
}

// gaugeRenderer — полный рендерер: пять методов контракта.
type gaugeRenderer struct {
        g *Gauge
}

func (r *gaugeRenderer) Objects() []fyne.CanvasObject {
        return []fyne.CanvasObject{r.g.bg, r.g.fill, r.g.label}
}

func (r *gaugeRenderer) MinSize() fyne.Size {
        return fyne.NewSize(180, 28)
}

func (r *gaugeRenderer) Layout(size fyne.Size) {
        r.g.bg.Resize(size)
        r.g.fill.Resize(fyne.NewSize(size.Width*float32(r.g.Value), size.Height))
        r.g.label.Resize(size)
}

func (r *gaugeRenderer) Refresh() {
        w := r.g.bg.Size().Width * float32(r.g.Value)
        r.g.fill.Resize(fyne.NewSize(w, r.g.bg.Size().Height))
        r.g.label.Text = fmt.Sprintf("%.0f%%", r.g.Value*100)
        r.g.label.Color = theme.ForegroundColor()
        r.g.bg.Refresh()
        r.g.fill.Refresh()
        r.g.label.Refresh()
}

func (r *gaugeRenderer) Destroy() {}

func main() {
        myApp := app.New()
        window := myApp.NewWindow("Gauge")

        gauge := NewGauge()
        slider := widget.NewSlider(0, 1)
        slider.Step = 0.05
        slider.OnChanged = func(v float64) {
                gauge.SetValue(v)
        }

        window.SetContent(container.NewVBox(
                container.NewGridWrap(fyne.NewSize(180, 28), gauge),
                slider,
        ))
        window.ShowAndRun()
}

gauge := NewGauge() // рендерер возвращает MinSize 180 x 28
window.SetContent(container.NewVBox(
        gauge,
        widget.NewButton("Плюс", nil),
))

package main

import (
        "image/color"

        "fyne.io/fyne/v2"
        "fyne.io/fyne/v2/app"
        "fyne.io/fyne/v2/canvas"
        "fyne.io/fyne/v2/container"
        "fyne.io/fyne/v2/widget"
)

// Card — кликабельная карточка с заголовком.
type Card struct {
        widget.BaseWidget
        Title             string
        OnTapped          func()
        OnTappedSecondary func()

        bg   *canvas.Rectangle
        text *canvas.Text
}

func NewCard(title string) *Card {
        c := &Card{Title: title}
        c.ExtendBaseWidget(c)
        return c
}

// Tapped реализует fyne.Tappable — левый клик и тап.
func (c *Card) Tapped(*fyne.PointEvent) {
        if c.OnTapped != nil {
                c.OnTapped()
        }
}

// TappedSecondary реализует fyne.SecondaryTappable — правый клик.
func (c *Card) TappedSecondary(*fyne.PointEvent) {
        if c.OnTappedSecondary != nil {
                c.OnTappedSecondary()
        }
}

func (c *Card) CreateRenderer() fyne.WidgetRenderer {
        c.bg = canvas.NewRectangle(color.NRGBA{R: 245, G: 245, B: 245, A: 255})
        c.text = canvas.NewText(c.Title, color.NRGBA{R: 30, G: 30, B: 30, A: 255})
        c.text.Alignment = fyne.TextAlignCenter
        c.text.TextStyle = fyne.TextStyle{Bold: true}
        return widget.NewSimpleRenderer(container.NewStack(c.bg, c.text))
}

func main() {
        myApp := app.New()
        window := myApp.NewWindow("Карточки")

        status := widget.NewLabel("Кликни карточку")

        card := NewCard("Открыть отчёт")
        card.OnTapped = func() {
                status.SetText("Отчёт открыт")
        }

        second := NewCard("Настройки")
        second.OnTapped = func() {
                status.SetText("Настройки открыты")
        }
        second.OnTappedSecondary = func() {
                status.SetText("Контекстное меню карточки")
        }

        window.SetContent(container.NewVBox(
                container.NewGridWrap(fyne.NewSize(200, 64), card, second),
                status,
        ))
        window.ShowAndRun()
}