Add display components 041-065; move Icon into display; QR via rsc.io/qr

display/keyvalue.go

@@ -0,0 +1,24 @@
+package display
+
+import (
+	"github.com/egoist/mygo/ui"
+
+	"git.zacharyzhang.com/ZacharyZhang-NY/8bitMyGoUI/pixel"
+)
+
+type KeyValueOptions struct {
+	// Slot inks the value; zero means Ink.
+	Slot pixel.Slot
+}
+
+// KeyValue joins key and value with a dotted leader.
+func KeyValue(c *ui.Context, key, value string, o KeyValueOptions) *ui.Element {
+	k := pixel.K(c)
+	kw, vw := pixel.Measure(key), pixel.Measure(value)
+	return ui.Box(c).FillWidth().MinWidth(k.D(kw + vw + 8)).Height(k.D(pixel.LineHeight)).Role(ui.RoleText).Label(key + " " + value).Draw(func(p *ui.Painter, r ui.Rect) {
+		g := k.Canvas(p, r)
+		g.Text(0, 0, key, pixel.Faint, 1)
+		g.Checker(kw+3, pixel.LineHeight-5, g.W-kw-vw-6, 1, pixel.Faint)
+		g.Text(g.W-vw, 0, value, o.Slot, 1)
+	})
+}