mirror of
https://git.sr.ht/~eliasnaur/gio
synced 2026-07-01 07:35:40 +00:00
Egon Elbre
21ef492cc9
color.RGBA has two problems with regards to using it. First the color values need to be premultiplied, whereas most APIs have non-premultiplied values. This is mainly to preserve color components with low alpha values. Second there are two ways to premultiply with sRGB. One is to premultiply after sRGB conversion, the other is before. This makes using the API more confusing. Using color.NRGBA in sRGB makes it align with CSS.e Signed-off-by: Egon Elbre <egonelbre@gmail.com>
111 lines
2.4 KiB
Go
111 lines
2.4 KiB
Go
// SPDX-License-Identifier: Unlicense OR MIT
|
|
|
|
package material
|
|
|
|
import (
|
|
"image"
|
|
"image/color"
|
|
|
|
"gioui.org/f32"
|
|
"gioui.org/internal/f32color"
|
|
"gioui.org/layout"
|
|
"gioui.org/op"
|
|
"gioui.org/op/clip"
|
|
"gioui.org/op/paint"
|
|
"gioui.org/unit"
|
|
"gioui.org/widget"
|
|
)
|
|
|
|
// Slider is for selecting a value in a range.
|
|
func Slider(th *Theme, float *widget.Float, min, max float32) SliderStyle {
|
|
return SliderStyle{
|
|
Min: min,
|
|
Max: max,
|
|
Color: th.Color.Primary,
|
|
Float: float,
|
|
}
|
|
}
|
|
|
|
type SliderStyle struct {
|
|
Min, Max float32
|
|
Color color.NRGBA
|
|
Float *widget.Float
|
|
}
|
|
|
|
func (s SliderStyle) Layout(gtx layout.Context) layout.Dimensions {
|
|
thumbRadiusInt := gtx.Px(unit.Dp(6))
|
|
trackWidth := float32(gtx.Px(unit.Dp(2)))
|
|
thumbRadius := float32(thumbRadiusInt)
|
|
halfWidthInt := 2 * thumbRadiusInt
|
|
halfWidth := float32(halfWidthInt)
|
|
|
|
size := gtx.Constraints.Min
|
|
// Keep a minimum length so that the track is always visible.
|
|
minLength := halfWidthInt + 3*thumbRadiusInt + halfWidthInt
|
|
if size.X < minLength {
|
|
size.X = minLength
|
|
}
|
|
size.Y = 2 * halfWidthInt
|
|
|
|
st := op.Push(gtx.Ops)
|
|
op.Offset(f32.Pt(halfWidth, 0)).Add(gtx.Ops)
|
|
gtx.Constraints.Min = image.Pt(size.X-2*halfWidthInt, size.Y)
|
|
s.Float.Layout(gtx, halfWidthInt, s.Min, s.Max)
|
|
thumbPos := halfWidth + s.Float.Pos()
|
|
st.Pop()
|
|
|
|
color := s.Color
|
|
if gtx.Queue == nil {
|
|
color = f32color.MulAlpha(color, 150)
|
|
}
|
|
|
|
// Draw track before thumb.
|
|
st = op.Push(gtx.Ops)
|
|
track := f32.Rectangle{
|
|
Min: f32.Point{
|
|
X: halfWidth,
|
|
Y: halfWidth - trackWidth/2,
|
|
},
|
|
Max: f32.Point{
|
|
X: thumbPos,
|
|
Y: halfWidth + trackWidth/2,
|
|
},
|
|
}
|
|
clip.RRect{Rect: track}.Add(gtx.Ops)
|
|
paint.ColorOp{Color: color}.Add(gtx.Ops)
|
|
paint.PaintOp{}.Add(gtx.Ops)
|
|
st.Pop()
|
|
|
|
// Draw track after thumb.
|
|
st = op.Push(gtx.Ops)
|
|
track.Min.X = thumbPos
|
|
track.Max.X = float32(size.X) - halfWidth
|
|
clip.RRect{Rect: track}.Add(gtx.Ops)
|
|
paint.ColorOp{Color: f32color.MulAlpha(color, 96)}.Add(gtx.Ops)
|
|
paint.PaintOp{}.Add(gtx.Ops)
|
|
st.Pop()
|
|
|
|
// Draw thumb.
|
|
st = op.Push(gtx.Ops)
|
|
thumb := f32.Rectangle{
|
|
Min: f32.Point{
|
|
X: thumbPos - thumbRadius,
|
|
Y: halfWidth - thumbRadius,
|
|
},
|
|
Max: f32.Point{
|
|
X: thumbPos + thumbRadius,
|
|
Y: halfWidth + thumbRadius,
|
|
},
|
|
}
|
|
rr := thumbRadius
|
|
clip.RRect{
|
|
Rect: thumb,
|
|
NE: rr, NW: rr, SE: rr, SW: rr,
|
|
}.Add(gtx.Ops)
|
|
paint.ColorOp{Color: color}.Add(gtx.Ops)
|
|
paint.PaintOp{}.Add(gtx.Ops)
|
|
st.Pop()
|
|
|
|
return layout.Dimensions{Size: size}
|
|
}
|