UI enhancements for horizontal mode, intermediate checkin.
This commit is contained in:
parent
265caa30a2
commit
14bbbf0679
228
main.go
228
main.go
|
|
@ -102,6 +102,7 @@ func eventloop() {
|
||||||
state := "starting"
|
state := "starting"
|
||||||
var hr int
|
var hr int
|
||||||
var periph ble.Peripheral
|
var periph ble.Peripheral
|
||||||
|
var wide bool
|
||||||
periphs := make([]ble.Peripheral, 0)
|
periphs := make([]ble.Peripheral, 0)
|
||||||
btns := make([]*widget.Button, 0)
|
btns := make([]*widget.Button, 0)
|
||||||
backBtn := &widget.Button{}
|
backBtn := &widget.Button{}
|
||||||
|
|
@ -110,118 +111,136 @@ func eventloop() {
|
||||||
|
|
||||||
f := &layout.Flex{Axis: layout.Vertical}
|
f := &layout.Flex{Axis: layout.Vertical}
|
||||||
offpage = func() {
|
offpage = func() {
|
||||||
c1 := f.Rigid(gtx, func() {
|
f.Layout(gtx,
|
||||||
th.Body1("Heart Rate Monitor").Layout(gtx)
|
f.Rigid(gtx, func() {
|
||||||
})
|
th.Body1("Heart Rate Monitor").Layout(gtx)
|
||||||
c2 := f.Rigid(gtx, func() {
|
}),
|
||||||
th.Body1("Bluetooth is Powered Off").Layout(gtx)
|
f.Rigid(gtx, func() {
|
||||||
})
|
th.Body1("Bluetooth is Powered Off").Layout(gtx)
|
||||||
f.Layout(gtx, c1, c2)
|
}),
|
||||||
|
)
|
||||||
}
|
}
|
||||||
scanpage = func() {
|
|
||||||
c1 := f.Rigid(gtx, func() {
|
appname := func() { th.Body1("Heart Rate Monitor").Layout(gtx) }
|
||||||
th.Body1("Heart Rate Monitor").Layout(gtx)
|
appstate := func() { th.Body1(state).Layout(gtx) }
|
||||||
})
|
periphname := func() { th.Body1(periph.Name).Layout(gtx) }
|
||||||
c2 := f.Rigid(gtx, func() {
|
|
||||||
th.Body1(state).Layout(gtx)
|
leftbar := func() {
|
||||||
})
|
f := &layout.Flex{Axis: layout.Vertical}
|
||||||
c3 := f.Rigid(gtx, func() {
|
f.Layout(gtx,
|
||||||
lst := &layout.List{Axis: layout.Vertical}
|
f.Rigid(gtx, appname),
|
||||||
lst.Layout(gtx, len(periphs), func(i int) {
|
f.Rigid(gtx, func() { th.Body1("").Layout(gtx) }),
|
||||||
gtx.Constraints.Width.Min = gtx.Constraints.Width.Max
|
f.Rigid(gtx, appstate),
|
||||||
layout.UniformInset(unit.Dp(2)).Layout(gtx, func() {
|
)
|
||||||
th.Button(periphs[i].Name).Layout(gtx, btns[i])
|
}
|
||||||
})
|
|
||||||
if btns[i].Clicked(gtx) {
|
scanlist := func() {
|
||||||
b.StopScan()
|
lst := &layout.List{Axis: layout.Vertical}
|
||||||
periph = periphs[i]
|
lst.Layout(gtx, len(periphs), func(i int) {
|
||||||
b.Connect(periph)
|
gtx.Constraints.Width.Min = gtx.Constraints.Width.Max
|
||||||
state = "connecting"
|
layout.UniformInset(unit.Dp(2)).Layout(gtx, func() {
|
||||||
page = connpage
|
th.Button(periphs[i].Name).Layout(gtx, btns[i])
|
||||||
w.Invalidate()
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
|
if btns[i].Clicked(gtx) {
|
||||||
|
b.StopScan()
|
||||||
|
periph = periphs[i]
|
||||||
|
b.Connect(periph)
|
||||||
|
state = "connecting"
|
||||||
|
page = connpage
|
||||||
|
w.Invalidate()
|
||||||
|
}
|
||||||
})
|
})
|
||||||
f.Layout(gtx, c1, c2, c3)
|
}
|
||||||
|
|
||||||
|
scanpage = func() {
|
||||||
|
if wide {
|
||||||
|
f2 := &layout.Flex{Axis: layout.Horizontal}
|
||||||
|
f2.Layout(gtx,
|
||||||
|
f2.Flex(gtx, 0.2, leftbar),
|
||||||
|
f2.Rigid(gtx, scanlist),
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
f.Layout(gtx,
|
||||||
|
f.Rigid(gtx, appname),
|
||||||
|
f.Rigid(gtx, appstate),
|
||||||
|
f.Rigid(gtx, scanlist),
|
||||||
|
)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
connpage = func() {
|
connpage = func() {
|
||||||
c1 := f.Rigid(gtx, func() {
|
f.Layout(gtx,
|
||||||
th.Body1("Heart Rate Monitor").Layout(gtx)
|
f.Rigid(gtx, appname),
|
||||||
|
f.Rigid(gtx, func() {
|
||||||
|
th.Body1("Connecting").Layout(gtx)
|
||||||
|
}),
|
||||||
|
f.Rigid(gtx, periphname),
|
||||||
|
f.Rigid(gtx, func() {
|
||||||
|
th.Button("Cancel").Layout(gtx, backBtn)
|
||||||
|
if backBtn.Clicked(gtx) {
|
||||||
|
ble.CancelConnection(periph)
|
||||||
|
periphs = periphs[:0]
|
||||||
|
Config.Autoconnect = ""
|
||||||
|
saveConfig()
|
||||||
|
b.Scan()
|
||||||
|
state = "scanning"
|
||||||
|
page = scanpage
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
hrcircle := func() {
|
||||||
|
blue := color.RGBA{0x3f, 0x51, 0xb5, 255}
|
||||||
|
white := color.RGBA{255, 255, 255, 255}
|
||||||
|
w, h1 := float32(gtx.Constraints.Width.Max), float32(gtx.Constraints.Height.Max)
|
||||||
|
if w < h1 {
|
||||||
|
h1 = w
|
||||||
|
}
|
||||||
|
s2 := h1 * 0.9
|
||||||
|
r1 := f32.Rectangle{f32.Point{0, 0}, f32.Point{h1, h1}}
|
||||||
|
p2a := f32.Point{(h1-s2)/2, (h1-s2)/2}
|
||||||
|
p2b := f32.Point{s2 + (h1-s2)/2, s2 + (h1-s2)/2}
|
||||||
|
r2 := f32.Rectangle{p2a, p2b}
|
||||||
|
clip.Rect{ Rect: r1, NE: h1/2, NW: h1/2, SE: h1/2, SW: h1/2}.Op(gtx.Ops).Add(gtx.Ops)
|
||||||
|
paint.ColorOp{Color: blue}.Add(gtx.Ops)
|
||||||
|
paint.PaintOp{Rect: r1}.Add(gtx.Ops)
|
||||||
|
clip.Rect{ Rect: r2, NE: s2/2, NW: s2/2, SE: s2/2, SW: s2/2}.Op(gtx.Ops).Add(gtx.Ops)
|
||||||
|
paint.ColorOp{Color: white}.Add(gtx.Ops)
|
||||||
|
paint.PaintOp{Rect: r2}.Add(gtx.Ops)
|
||||||
|
op.TransformOp{}.Offset(p2a).Add(gtx.Ops)
|
||||||
|
gtx.Constraints.Width.Max = int(s2)
|
||||||
|
gtx.Constraints.Height.Max = int(s2)
|
||||||
|
gtx.Constraints.Width.Min = int(s2)
|
||||||
|
gtx.Constraints.Height.Min = int(s2)
|
||||||
|
l := th.H1(fmt.Sprintf("%d", hr))
|
||||||
|
l.Alignment = text.Middle
|
||||||
|
layout.Align(layout.Center).Layout(gtx, func() {
|
||||||
|
l.Layout(gtx)
|
||||||
})
|
})
|
||||||
c2 := f.Rigid(gtx, func() {
|
gtx.Dimensions.Size = image.Point{int(h1), int(h1)}
|
||||||
th.Body1("Connecting").Layout(gtx)
|
|
||||||
})
|
|
||||||
c3 := f.Rigid(gtx, func() {
|
|
||||||
th.Body1(periph.Name).Layout(gtx)
|
|
||||||
})
|
|
||||||
c4 := f.Rigid(gtx, func() {
|
|
||||||
th.Button("Cancel").Layout(gtx, backBtn)
|
|
||||||
if backBtn.Clicked(gtx) {
|
|
||||||
ble.CancelConnection(periph)
|
|
||||||
periphs = periphs[:0]
|
|
||||||
Config.Autoconnect = ""
|
|
||||||
saveConfig()
|
|
||||||
b.Scan()
|
|
||||||
state = "scanning"
|
|
||||||
page = scanpage
|
|
||||||
}
|
|
||||||
})
|
|
||||||
f.Layout(gtx, c1, c2, c3, c4)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
hrpage = func() {
|
hrpage = func() {
|
||||||
c1 := f.Rigid(gtx, func() {
|
f.Layout(gtx,
|
||||||
th.Body1("Heart Rate Monitor").Layout(gtx)
|
f.Rigid(gtx, appname),
|
||||||
})
|
f.Rigid(gtx, periphname),
|
||||||
c2 := f.Rigid(gtx, func() {
|
f.Rigid(gtx, func() {
|
||||||
th.Body1(periph.Name).Layout(gtx)
|
layout.UniformInset(unit.Dp(2)).Layout(gtx, func() {
|
||||||
})
|
th.Button("Stop").Layout(gtx, backBtn)
|
||||||
c4 := f.Rigid(gtx, func() {
|
})
|
||||||
layout.UniformInset(unit.Dp(2)).Layout(gtx, func() {
|
if backBtn.Clicked(gtx) {
|
||||||
th.Button("Stop").Layout(gtx, backBtn)
|
ble.Disconnect(periph)
|
||||||
})
|
periphs = periphs[:0]
|
||||||
if backBtn.Clicked(gtx) {
|
Config.Autoconnect = ""
|
||||||
ble.Disconnect(periph)
|
saveConfig()
|
||||||
periphs = periphs[:0]
|
b.Scan()
|
||||||
Config.Autoconnect = ""
|
state = "scanning"
|
||||||
saveConfig()
|
page = scanpage
|
||||||
b.Scan()
|
}
|
||||||
state = "scanning"
|
}),
|
||||||
page = scanpage
|
f.Rigid(gtx, hrcircle),
|
||||||
}
|
)
|
||||||
})
|
|
||||||
c3 := f.Rigid(gtx, func() {
|
|
||||||
blue := color.RGBA{0x3f, 0x51, 0xb5, 255}
|
|
||||||
white := color.RGBA{255, 255, 255, 255}
|
|
||||||
w, h1 := float32(gtx.Constraints.Width.Max), float32(gtx.Constraints.Height.Max)
|
|
||||||
if w < h1 {
|
|
||||||
h1 = w
|
|
||||||
}
|
|
||||||
s2 := h1 * 0.9
|
|
||||||
r1 := f32.Rectangle{f32.Point{0, 0}, f32.Point{h1, h1}}
|
|
||||||
p2a := f32.Point{(h1-s2)/2, (h1-s2)/2}
|
|
||||||
p2b := f32.Point{s2 + (h1-s2)/2, s2 + (h1-s2)/2}
|
|
||||||
r2 := f32.Rectangle{p2a, p2b}
|
|
||||||
clip.Rect{ Rect: r1, NE: h1/2, NW: h1/2, SE: h1/2, SW: h1/2}.Op(gtx.Ops).Add(gtx.Ops)
|
|
||||||
paint.ColorOp{Color: blue}.Add(gtx.Ops)
|
|
||||||
paint.PaintOp{Rect: r1}.Add(gtx.Ops)
|
|
||||||
clip.Rect{ Rect: r2, NE: s2/2, NW: s2/2, SE: s2/2, SW: s2/2}.Op(gtx.Ops).Add(gtx.Ops)
|
|
||||||
paint.ColorOp{Color: white}.Add(gtx.Ops)
|
|
||||||
paint.PaintOp{Rect: r2}.Add(gtx.Ops)
|
|
||||||
op.TransformOp{}.Offset(p2a).Add(gtx.Ops)
|
|
||||||
gtx.Constraints.Width.Max = int(s2)
|
|
||||||
gtx.Constraints.Height.Max = int(s2)
|
|
||||||
gtx.Constraints.Width.Min = int(s2)
|
|
||||||
gtx.Constraints.Height.Min = int(s2)
|
|
||||||
l := th.H1(fmt.Sprintf("%d", hr))
|
|
||||||
l.Alignment = text.Middle
|
|
||||||
layout.Align(layout.Center).Layout(gtx, func() {
|
|
||||||
l.Layout(gtx)
|
|
||||||
})
|
|
||||||
gtx.Dimensions.Size = image.Point{int(h1), int(h1)}
|
|
||||||
})
|
|
||||||
f.Layout(gtx, c1, c2, c3, c4)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
page = offpage
|
page = offpage
|
||||||
|
|
@ -297,6 +316,11 @@ func eventloop() {
|
||||||
return
|
return
|
||||||
case system.FrameEvent:
|
case system.FrameEvent:
|
||||||
gtx.Reset(e.Config, e.Size)
|
gtx.Reset(e.Config, e.Size)
|
||||||
|
if e.Size.X > e.Size.Y {
|
||||||
|
wide = true
|
||||||
|
} else {
|
||||||
|
wide = false
|
||||||
|
}
|
||||||
resetSysinset(e.Insets)
|
resetSysinset(e.Insets)
|
||||||
sysinset.Layout(gtx, func() {
|
sysinset.Layout(gtx, func() {
|
||||||
margin.Layout(gtx, page)
|
margin.Layout(gtx, page)
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user