zntg/ui/examples/01_basic/basic.go

package main

import (
	"image/color"
	"log"

	_ "opslag.de/schobers/zntg/allg5ui" // import the renderer for the UI

	"opslag.de/schobers/geom"
	"opslag.de/schobers/zntg/ui"
)

type basic struct {
	ui.StackPanel

	plus ui.Image
}

func (b *basic) Init(ctx ui.Context) error {
	var style = ctx.Style()
	var stretch = func(content ui.Control, margin float32) ui.Control {
		return ui.BuildSpacing(content, func(s *ui.Spacing) {
			s.Width = ui.Infinite()
			s.Margin.Left = ui.Fixed(margin)
			s.Margin.Top = ui.Fixed(margin)
			s.Margin.Right = ui.Fixed(margin)
			s.Margin.Bottom = ui.Fixed(margin)
		})
	}

	b.Background = color.White
	b.Children = []ui.Control{
		&ui.Label{Text: "Hello, world!"},
		ui.BuildStackPanel(ui.OrientationHorizontal, func(p *ui.StackPanel) {
			p.Children = []ui.Control{
				stretch(ui.BuildIconButton(b.plus, "Contained", func(b *ui.Button) { b.Type = ui.ButtonTypeContained }), 8),
				stretch(ui.BuildIconButton(b.plus, "Icon", func(b *ui.Button) { b.Type = ui.ButtonTypeIcon }), 8),
				stretch(ui.BuildIconButton(b.plus, "Outlined", func(b *ui.Button) { b.Type = ui.ButtonTypeOutlined }), 8),
				stretch(ui.BuildIconButton(b.plus, "Text", func(b *ui.Button) { b.Type = ui.ButtonTypeText }), 8),
			}
		}),
		ui.BuildStackPanel(ui.OrientationHorizontal, func(p *ui.StackPanel) {
			p.Children = []ui.Control{
				&ui.Checkbox{},
				ui.BuildCheckbox("Check me!", nil),
			}
		}),
		ui.Stretch(&ui.Label{Text: "Content"}),
		ui.Margin(ui.StretchWidth(ui.BuildTextBox(func(b *ui.TextBox) {
			b.Text = "Type here..."
		})), 8),
		ui.Margin(ui.BuildButton("Quit", func(b *ui.Button) {
			b.OnClick(func(geom.PointF32, ui.MouseButton) {
				ctx.Quit()
			})
		}), 8),
		ui.BuildLabel("Status...", func(l *ui.Label) {
			l.Background = style.Palette.PrimaryDark
			l.Font.Color = style.Palette.TextOnPrimary
		}),
	}
	return nil
}

func run() error {
	var render, err = ui.NewRenderer("Basic Example", 800, 600)
	if err != nil {
		return err
	}
	defer render.Destroy()

	err = render.RegisterFont("default", "../resources/font/OpenSans-Regular.ttf", 14)
	if err != nil {
		return err
	}
	plus, err := render.CreateImagePath("../resources/images/plus.png")
	if err != nil {
		return err
	}
	defer plus.Destroy()

	return ui.RunWait(render, ui.DefaultStyle(), &basic{plus: plus}, true)
}

func main() {
	var err = run()
	if err != nil {
		log.Fatal(err)
	}
}