func htmlContent(content *ui.Container) []ui.Activatable {
html := bytes.NewBufferString(`
<body>
<div class=content>
<h1 id=heading>UI EXAMPLE!</h1>
<img src=testImage></img>
<input type=text placeholder="this is a placeholder"></input>
<input type=password></input>
<button onclick=clickButton></button>
<div>
</body>
`)
css := bytes.NewBufferString(`
.content img {
width: 200;
}
.content input {
background-color: #fff;
margin: 10 0 0 0;
}
.content button {
padding: 20;
margin: 10 0 0 0;
background-color: #a00;
}
.content button:hover {
background-color: #e99;
}
`)
// create assets
htmlAssets := ui.NewHtmlAssets()
// image
img, _ := assets.ImportImageCached("resources/cubemap.png")
htmlAssets.AddImage("testImage", img)
// button click callback
htmlAssets.AddCallback("clickButton", func(element ui.Element, args ...interface{}) {
if len(args) >= 2 && !args[1].(bool) { // on release
content.TextElementById("heading").SetText("release").SetTextColor(color.NRGBA{254, 0, 0, 254}).ReRender()
} else {
content.TextElementById("heading").SetText("press").SetTextColor(color.NRGBA{0, 254, 0, 254}).ReRender()
}
})
// Render the html/css code to the content container
activatables, err := ui.LoadHTML(content, html, css, htmlAssets)
if err != nil {
fmt.Println("Error loading html: ", err)
}
return activatables
}
func populateContent(content *ui.Container) []ui.Activatable {
// example text title
textElement := ui.NewTextElement("UI EXAMPLE!", color.Black, 16, nil)
// example image element
img, _ := assets.ImportImageCached("resources/cubemap.png")
imageElement := ui.NewImageElement(img)
imageElement.SetWidth(200)
// example text field
tf := ui.NewTextField("", color.Black, 16, nil)
tf.SetPlaceholder("this is a placeholder")
tf.SetBackgroundColor(255, 255, 255, 255)
tf.SetMargin(ui.Margin{10, 0, 10, 0})
// example hidden text field
passwordTf := ui.NewTextField("", color.Black, 16, nil)
passwordTf.SetHidden(true)
passwordTf.SetBackgroundColor(255, 255, 255, 255)
passwordTf.SetMargin(ui.Margin{0, 0, 10, 0})
// example button
button := ui.NewContainer()
button.SetBackgroundColor(160, 0, 0, 254)
button.SetPadding(ui.NewMargin(20))
// button on click event
button.Hitbox.AddOnClick(func(button int, release bool, position mgl32.Vec2) {
if release {
textElement.SetText("release").SetTextColor(color.NRGBA{254, 0, 0, 254}).ReRender()
} else {
textElement.SetText("click").SetTextColor(color.NRGBA{0, 254, 0, 254}).ReRender()
}
})
// button on hover event
button.Hitbox.AddOnHover(func() {
button.SetBackgroundColor(210, 100, 100, 254)
})
button.Hitbox.AddOnUnHover(func() {
button.SetBackgroundColor(160, 0, 0, 254)
})
// add everything to the content container
content.AddChildren(textElement, imageElement, tf, passwordTf, button)
// return everything that should be included in the Tabs order
return []ui.Activatable{tf, passwordTf}
}
