Image

An image is a widget that displays an image (core.Image).

If you have video files instead of image files, use a video widget. For SVG, use an SVG widget. For more programmatic control of rendering, you can use a canvas.

Properties

You should load images by embedding them so that they work across all platforms:

//go:embed image.png
var myImage embed.FS

Then, you can open an image from your embedded filesystem:

errors.Log(core.NewImage(b).OpenFS(myImage, "image.png"))

You can change the size of an image:

img := core.NewImage(b)
errors.Log(img.OpenFS(myImage, "image.png"))
img.Styler(func(s *styles.Style) {
    s.Min.Set(units.Dp(256))
})

You can set an image directly to any bounded Go image:

img := image.NewRGBA(image.Rect(0, 0, 100, 100))
draw.Draw(img, image.Rect(10, 5, 100, 90), colors.Scheme.Warn.Container, image.Point{}, draw.Src)
draw.Draw(img, image.Rect(20, 20, 60, 50), colors.Scheme.Success.Base, image.Point{}, draw.Src)
draw.Draw(img, image.Rect(60, 70, 80, 100), colors.Scheme.Error.Base, image.Point{}, draw.Src)
core.NewImage(b).SetImage(img)

You can also open images directly from the system filesystem, but this is not recommended for images built into your app, since they will end up in a different location on different platforms:

errors.Log(core.NewImage(b).Open("image.png"))