6 Commits

Author SHA1 Message Date
9cba0151ce Add godoc badge to readme 2023-09-04 02:49:24 -04:00
d8d24632bb Upgraded tomo version + added an Icon object 2023-09-04 02:32:04 -04:00
05b6490095 Fixed vertical slider 2023-08-25 00:09:34 -04:00
98bf754282 Upgraded tomo version 2023-08-24 16:54:28 -04:00
8a7b2832df Add grid layout 2023-08-20 17:41:14 -04:00
84313885df Made the Cut layout significantly more powerful 2023-08-14 00:24:28 -04:00
8 changed files with 206 additions and 82 deletions

View File

@@ -1,4 +1,6 @@
# objects
[![Go Reference](https://pkg.go.dev/badge/pkg.go.dev/git.tebibyte.media/tomo/objects.svg)](https://pkg.go.dev/pkg.go.dev/git.tebibyte.media/tomo/objects)
Objects contains a standard collection of re-usable objects. All objects in this
module visually conform to whatever the theme is set to.

2
go.mod
View File

@@ -2,6 +2,6 @@ module git.tebibyte.media/tomo/objects
go 1.20
require git.tebibyte.media/tomo/tomo v0.23.0
require git.tebibyte.media/tomo/tomo v0.27.0
require golang.org/x/image v0.11.0 // indirect

4
go.sum
View File

@@ -1,5 +1,5 @@
git.tebibyte.media/tomo/tomo v0.23.0 h1:OZwI4oLKMP7JqFc98VxBoRxwjL+W9NyTQZLB/m1BvaA=
git.tebibyte.media/tomo/tomo v0.23.0/go.mod h1:C9EzepS9wjkTJjnZaPBh22YvVPyA4hbBAJVU20Rdmps=
git.tebibyte.media/tomo/tomo v0.27.0 h1:gCwxQe0qm1hZLfHkMI3OccNMC/lB1cfs4BbaMz/bXug=
git.tebibyte.media/tomo/tomo v0.27.0/go.mod h1:C9EzepS9wjkTJjnZaPBh22YvVPyA4hbBAJVU20Rdmps=
github.com/yuin/goldmark v1.4.13/go.mod h1:6yULJ656Px+3vBD8DxQVa3kxgyrAnzto9xy5taEt/CY=
golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
golang.org/x/crypto v0.0.0-20210921155107-089bfa567519/go.mod h1:GvvjBRRGRdwPK5ydBHafDWAxML/pGHZbMvKqRZ5+Abc=

47
icon.go Normal file
View File

@@ -0,0 +1,47 @@
package objects
import "git.tebibyte.media/tomo/tomo"
import "git.tebibyte.media/tomo/tomo/data"
import "git.tebibyte.media/tomo/tomo/theme"
import "git.tebibyte.media/tomo/tomo/canvas"
// Icon displays a single icon.
type Icon struct {
tomo.Box
}
// NewIcon creates a new icon from an icon ID.
func NewIcon (id theme.Icon, size theme.IconSize) *Icon {
this := &Icon {
Box: tomo.NewBox(),
}
theme.Apply(this, theme.R("objects", "Icon", size.String()))
this.SetTexture(id.Texture(size))
return this
}
// NewMimeIcon creates a new icon from a MIME type.
func NewMimeIcon (mime data.Mime, size theme.IconSize) *Icon {
this := &Icon {
Box: tomo.NewBox(),
}
theme.Apply(this, theme.R("objects", "Icon", size.String()))
this.SetTexture(theme.MimeIcon(mime, size))
return this
}
// NewApplicationIcon creates a new icon from an application description.
func NewApplicationIcon (id theme.ApplicationIcon, size theme.IconSize) *Icon {
this := &Icon {
Box: tomo.NewBox(),
}
theme.Apply(this, theme.R("objects", "Icon", size.String()))
this.SetTexture(id.Texture(size))
return this
}
func (this *Icon) SetTexture (texture canvas.Texture) {
bounds := texture.Bounds()
this.Box.SetTexture(texture)
this.SetMinimumSize(bounds.Max.Sub(bounds.Min))
}

View File

@@ -5,87 +5,46 @@ import "git.tebibyte.media/tomo/tomo"
// Cut is a layout that can be divided into smaller and smaller sections.
type Cut struct {
branches [2]*Cut
expand [2]bool
branches []*Cut
expand []bool
vertical bool
}
// Vertical divides the layout in equal halves vertically.
func (this *Cut) Vertical () (top, bottom *Cut) {
this.fill()
this.even()
// NewCut creates and returns a new Cut layout.
func NewCut () *Cut {
return new(Cut)
}
// Vertical divides the layout vertically. Sections are specified using
// booleans. If a section is true, it will expand. If false, it will contract.
func (this *Cut) Vertical (expand ...bool) {
this.expand = expand
this.vertical = true
return this.Branches()
}
// Top divides the layout vertically, expanding the top half and contracting the
// bottom half.
func (this *Cut) Top () (top, bottom *Cut) {
this.fill()
this.first()
this.vertical = true
return this.Branches()
}
// Bottom divides the layout vertically, expanding the bottom half and
// contracting the top half.
func (this *Cut) Bottom () (top, bottom *Cut) {
// Horizontal divides the layout horizontally. Sections are specified using
// booleans. If a section is true, it will expand. If false, it will contract.
func (this *Cut) Horizontal (expand ...bool) {
this.expand = expand
this.vertical = false
this.fill()
this.second()
this.vertical = true
return this.Branches()
}
// Horizontal divides the layout in equal halves horizontally.
func (this *Cut) Horizontal () (top, bottom *Cut) {
this.fill()
this.even()
return this.Branches()
}
// Left divides the layout horizontally, expanding the left half and contracting
// the right half.
func (this *Cut) Left () (top, bottom *Cut) {
this.fill()
this.first()
return this.Branches()
}
// Right divides the layout horizontally, expanding the right half and
// contracting the left half.
func (this *Cut) Right () (top, bottom *Cut) {
this.fill()
this.second()
return this.Branches()
}
// Branches returns the two halves of this layout.
func (this *Cut) Branches () (first, second *Cut) {
return this.branches[0], this.branches[1]
// At returns the section of this layout at the specified index.
func (this *Cut) At (index int) *Cut {
return this.branches[index]
}
func (this *Cut) real () bool {
return this != nil && this.branches[0] != nil && this.branches[1] != nil
return this != nil && this.branches != nil
}
func (this *Cut) fill () {
this.branches[0] = &Cut { }
this.branches[1] = &Cut { }
}
func (this *Cut) first () {
this.expand[0] = true
this.expand[1] = false
}
func (this *Cut) second () {
this.expand[0] = false
this.expand[1] = true
}
func (this *Cut) even () {
this.expand[0] = true
this.expand[1] = true
this.branches = make([]*Cut, len(this.expand))
for index := range this.branches {
this.branches[index] = new(Cut)
}
}
func (this *Cut) MinimumSize (hints tomo.LayoutHints, boxes []tomo.Box) image.Point {
@@ -126,9 +85,11 @@ func (this *Cut) minimumSize (hints tomo.LayoutHints, boxes []tomo.Box) (image.P
}
func (this *Cut) arrange (hints tomo.LayoutHints, boxes []tomo.Box) []tomo.Box {
nChildren := len(this.branches)
// collect minimum sizes and physical endpoints
var minimums [2]image.Point
var leaves [2]tomo.Box
var minimums = make([]image.Point, nChildren)
var leaves = make([]tomo.Box, nChildren)
var nBranches int
remaining := boxes
for index, branch := range this.branches {
@@ -163,7 +124,7 @@ func (this *Cut) arrange (hints tomo.LayoutHints, boxes []tomo.Box) []tomo.Box {
expandingSize := freeSpace / nExpanding
// calculate the size and position of branches
var bounds [2]image.Rectangle
var bounds = make([]image.Rectangle, nChildren)
x := float64(hints.Bounds.Min.X)
y := float64(hints.Bounds.Min.Y)
for index, minimum := range minimums {

108
layouts/grid.go Normal file
View File

@@ -0,0 +1,108 @@
package layouts
import "math"
import "image"
import "git.tebibyte.media/tomo/tomo"
// Grid is a layout that arranges boxes in a grid formation with distinct rows
// and columns. It is great for creating forms.
type Grid struct {
xExpand []bool
yExpand []bool
}
// NewGrid creates a new grid layout. Rows and columns are specified as slices
// of booleans, where true means a row or column will expand and false means it
// will contract. Boxes are laid out left to right, then top to bottom. Boxes
// that go beyond the lengh of rows will be laid out according to columns, but
// they will not expand vertically.
func NewGrid (columns, rows []bool) *Grid {
this := &Grid {
xExpand: columns,
yExpand: rows,
}
return this
}
func (this *Grid) MinimumSize (hints tomo.LayoutHints, boxes []tomo.Box) image.Point {
cols, rows := this.minimums(boxes)
size := image.Pt (
(len(cols) - 1) * hints.Gap.X,
(len(rows) - 1) * hints.Gap.Y)
for _, width := range cols { size.X += width }
for _, height := range rows { size.Y += height }
return size
}
func (this *Grid) Arrange (hints tomo.LayoutHints, boxes []tomo.Box) {
xExpand := func (index int) bool {
return this.xExpand[index]
}
yExpand := func (index int) bool {
if index < len(this.yExpand) { return this.yExpand[index] }
return false
}
cols, rows := this.minimums(boxes)
expand(hints, cols, hints.Bounds.Dx(), xExpand)
expand(hints, rows, hints.Bounds.Dy(), yExpand)
position := hints.Bounds.Min
for index, box := range boxes {
col, row := index % len(cols), index / len(cols)
box.SetBounds(image.Rectangle {
Min: position,
Max: position.Add(image.Pt(cols[col], rows[row])),
})
if col == len(cols) - 1 {
position.X = hints.Bounds.Min.X
position.Y += rows[row] + hints.Gap.Y
} else {
position.X += cols[col] + hints.Gap.X
}
}
}
func (this *Grid) minimums (boxes []tomo.Box) ([]int, []int) {
nCols, nRows := this.dimensions(boxes)
cols, rows := make([]int, nCols), make([]int, nRows)
for index, box := range boxes {
col, row := index % len(cols), index / len(cols)
minimum := box.MinimumSize()
if cols[col] < minimum.X {
cols[col] = minimum.X
}
if rows[row] < minimum.Y {
rows[row] = minimum.Y
}
}
return cols, rows
}
func (this *Grid) dimensions (boxes []tomo.Box) (int, int) {
return len(this.xExpand), ceilDiv(len(boxes), len(this.xExpand))
}
func expand (hints tomo.LayoutHints, sizes []int, space int, expands func (int) bool) {
gaps := len(sizes) - 1
freeSpace := float64(space - hints.Gap.Y * gaps)
nExpanding := 0; for index, minimum := range sizes {
if expands(index) {
nExpanding ++
} else {
freeSpace -= float64(minimum)
}
}
expandingSize := freeSpace / float64(nExpanding)
for index := range sizes {
if expands(index) {
sizes[index] = int(expandingSize)
}
}
}
func ceilDiv (x, y int) int {
return int(math.Ceil(float64(x) / float64(y)))
}

View File

@@ -16,4 +16,3 @@ func NewSeparator () *Separator {
theme.Apply(this, theme.R("objects", "Separator", ""))
return this
}

View File

@@ -14,7 +14,7 @@ type Slider struct {
layout sliderLayout
dragging bool
dragOffset image.Point
on struct {
valueChange event.FuncBroadcaster
}
@@ -34,7 +34,7 @@ func newSlider (orient string, value float64) *Slider {
vertical: orient == "vertical",
},
}
this.Add(this.handle)
this.SetFocusable(true)
this.SetPropagateEvents(false)
@@ -74,18 +74,24 @@ func (this *Slider) OnValueChange (callback func ()) event.Cookie {
}
func (this *Slider) handleKeyDown (key input.Key, numpad bool) {
var increment float64; if this.layout.vertical {
increment = -0.05
} else {
increment = 0.05
}
switch key {
case input.KeyUp, input.KeyLeft:
if this.Modifiers().Alt {
this.SetValue(0)
} else {
this.SetValue(this.Value() - 0.05)
this.SetValue(this.Value() - increment)
}
case input.KeyDown, input.KeyRight:
if this.Modifiers().Alt {
this.SetValue(1)
} else {
this.SetValue(this.Value() + 0.05)
this.SetValue(this.Value() + increment)
}
case input.KeyHome:
this.SetValue(0)
@@ -98,7 +104,7 @@ func (this *Slider) handleMouseDown (button input.Button) {
pointer := this.MousePosition()
handle := this.handle.Bounds()
var above, within bool
if pointer.In(handle) {
within = true
} else if this.layout.vertical {
@@ -106,7 +112,7 @@ func (this *Slider) handleMouseDown (button input.Button) {
} else {
above = pointer.X < handle.Min.X
}
switch button {
case input.ButtonLeft:
if within {
@@ -152,6 +158,7 @@ func (this *Slider) drag () {
if this.layout.vertical {
this.SetValue (
1 -
float64(pointer.Y) /
float64(gutter.Dy() - handle.Dy()))
} else {
@@ -185,11 +192,11 @@ func (this sliderLayout) Arrange (hints tomo.LayoutHints, boxes []tomo.Box) {
if len(boxes) != 1 { return }
handle := image.Rectangle { Max: boxes[0].MinimumSize() }
gutter := hints.Bounds
if this.vertical {
height := gutter.Dy() - handle.Dy()
offset := int(float64(height) * this.value)
gutter.Max.X = handle.Max.X
offset := int(float64(height) * (1 - this.value))
handle.Max.X = gutter.Dx()
boxes[0].SetBounds (
handle.
Add(image.Pt(0, offset)).
@@ -197,7 +204,7 @@ func (this sliderLayout) Arrange (hints tomo.LayoutHints, boxes []tomo.Box) {
} else {
width := gutter.Dx() - handle.Dx()
offset := int(float64(width) * this.value)
gutter.Max.Y = handle.Max.Y
handle.Max.Y = gutter.Dy()
boxes[0].SetBounds (
handle.
Add(image.Pt(offset, 0)).