Micky Codes

Hello guys you can get free 30USD credits of claude in this website

https://tokenlb.net/sign-up?aff=T9Mg

107 viewsedited 00:04

I was working on gioui golang gui library so it was so bad and I didn't like the way of adding new widgets it is so deep nested and hard to control, and for someone comes from tools like JavaFX or Qt frameworks it much easy working on the ui separately like the following

@import "button.easy"

Window {
    title: "Egg Timer"

    VBox {
        style: {
              bgColor: "red"
        }
        Text {
            text: "Decrement"
            style: {
                 size: "16"
                 textColor: "white"
            }
        }
        DecButton {}
    }
}

DecButton {} comes from the imported file button.easy

@component DecButton {
    Button {
        id: decBtn
        text: "Decrement"
        onClick: Counter.Decrement
    }
}

then setting up your main.go script with easy loader from the library i have done, that parses and stubs on to the main window using the real widgets from the gioui library, so your code will be easy as follows, the below code is even you can have a separate code to handle the events of the ui files,


Counter.Decrement

this function is connected to the button from the .easy ui file

package components

import (
  "easygioui"
  "fmt"
)

// Counter holds the counter state.
type Counter struct {
  count int
}

// Decrement decrements the counter.
func (a *Counter) Decrement() {
  a.count--
  easygioui.SetText("counterText", fmt.Sprintf("Counter: %d", a.count))
}

then finally your main.go looks like the blow, ik it might still look complicated but not as before😂😂

package main

import (
  "fmt"
  "os"

  "easygioui"
  "easygioui/examples/counter/components"

  "gioui.org/app"
  "gioui.org/layout"
  "gioui.org/op"
  "gioui.org/unit"
)

var ui *easygioui.UI

func main() {
  // Load and cache the UI once
  ui = easygioui.Load("examples/counter/ui/counter.easy")
  if ui == nil {
    fmt.Println("Failed to load UI")
    os.Exit(1)
  }

  // Create app instance and bind it
  appInst := &components.Counter{}
  easygioui.Bind(appInst)

  go func() {
    w := new(app.Window)
    w.Option(app.Title("Egg Timer"), app.Size(unit.Dp(400), unit.Dp(600)))

    var ops op.Ops

    for {
      evt := w.Event()

      switch e := evt.(type) {
      case app.FrameEvent:
        // Reset ops for the new frame
        ops.Reset()

        // Create a layout context for rendering
        gtx := layout.Context{
          Ops:    &ops,
          Now:    e.Now,
          Metric: e.Metric,
          Source: e.Source,
          Values: make(map[string]interface{}),
        }
        gtx.Constraints = layout.Exact(e.Size)

        // Register and render the UI
        easygioui.Register(&ops, gtx, ui)

        e.Frame(&ops)

      case app.DestroyEvent:
        os.Exit(0)
      }
    }
  }()

  app.Main()
}

i have attached the image even I made a calculator using my own library it's still in development but to update you guys this is enough for now.

if you wanna follow or give a start here is the github link

GitHub

GitHub - Alazar42/EasyGioui

Contribute to Alazar42/EasyGioui development by creating an account on GitHub.

🤯2

99 views06:24