forked from racket/rhombus
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gui_demo.rhm
152 lines (129 loc) · 5.48 KB
/
gui_demo.rhm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
#lang rhombus/static
import:
rhombus/draw
rhombus/gui
// ----------------------------------------
fun draw_face(dc :: draw.DC, config :: Map):
let draw.Size(w, h) = dc.size
let s = math.max(10, math.min(w, h) - 20)
let scale = config["scale"] / 50
let w = w / scale
let h = h / scale
let x = (w-s)/2
let y = (h-s)/2
let π = math.pi
dc.save_and_restore:
dc.scale(scale)
let background: if config["mood"] == "Happy"
| let center = [w/2, h/2]
draw.RadialGradient([center, s/2],
[center, math.max(w, h)],
[[0, draw.Color("white")],
[1, draw.Color("yellow")]])
| draw.LinearGradient([0, 0],
[0, h],
[[0.5, draw.Color("white")],
[1, draw.Color("darkblue")]])
// draw a gradient backround
dc.pen := draw.Pen.none
dc.brush := draw.Brush(~gradient: background)
dc.rectangle([0, 0, w, h])
// draw keyed text
dc.font := dc.font with (size = dc.font.size * 2)
dc.text(config["keyed"])
// draw ghost dots (showing recent mouse movements)
let dot_size = [4, 4]
for values(brush = draw.Brush(~color: draw.Color(0, 0, 0, 0.25))):
each [x, y]: (config["ghosts"] :: List).reverse()
dc.brush := brush
let x = x/scale
let y = y/scale
dc.ellipse([[x-2, y-2], dot_size])
brush with (color = brush.color with (alpha = brush.color.alpha * 0.7))
// face shape
dc.brush := draw.Brush(~color: "orange")
let face_rect = [x, y, s, s]
match config["shape"]
| "Square": dc.rectangle(face_rect)
| "Rounded": dc.rounded_rectangle(face_rect)
| ~else dc.ellipse(face_rect)
// mouth
dc.pen := draw.Pen(~color: "Black")
dc.brush := draw.Brush.none
if config["mood"] == "Happy"
| dc.arc([x + 0.2*s, y + 0.2*s, 0.6*s, 0.6*s], π * -3/4, π * -1/4)
| dc.arc([x + 0.2*s, y + 0.7*s, 0.6*s, 0.6*s], π * 1/4, π * 3/4)
// eyes
when config["eyes"]
| dc.pen := draw.Pen.none
dc.brush := draw.Brush(~color: "black")
let eye_size = [0.1*s, 0.1*s]
dc.ellipse([[x+0.3*s, y+0.3*s], eye_size])
dc.ellipse([[x+0.6*s, y+0.3*s], eye_size])
// moustache
when config["moustache"]
| let p = draw.Path()
p.move_to([0, 0])
p.curve_to([20, -10], [80, -10], [100, 0])
p.curve_to([120, 10], [180, 0], [200, -20])
p.curve_to([180, 20], [120, 40], [90, 30])
p.curve_to([60, 20], [20, 20], [0, 0])
p.close()
p.scale(s/500, s/500)
dc.pen := draw.Pen.none
dc.brush := draw.Brush(~color: "brown")
dc.path(p, ~dx: x+0.5*s, ~dy: y+0.6*s)
p.scale(-1, 1)
dc.path(p, ~dx: x+0.5*s, ~dy: y+0.6*s)
// ----------------------------------------
def tabs:
let at_tab = gui.Obs("Happy")
let shape = gui.Choice(["Circle", "Square", "Rounded"])
let eyes = gui.Checkbox("Eyes", ~is_checked: #true)
let stache = gui.Checkbox("Moustache", ~is_checked: #false)
let scale = gui.Slider(~value: 50,
~min_value: 1,
~max_value: 100,
~style: [#'plain, #'horizontal])
let spacer = gui.HPanel(~stretch: [#true, #true])
let ghosts = gui.Obs([])
fun ghost_mouse(ev :: gui.MouseEvent):
ghosts.update(fun (l :: List):
let keep :~ List:
if l.length() < 10 | l | l.rest
keep ++ [[ev.x, ev.y]])
let keyed = gui.Obs("")
fun accum_key(ev :: gui.KeyEvent):
keyed.update(fun (s :: String):
match ev.code
| #{#\backspace} || #{#\rubout}:
if s.length() == 0 | s | s.substring(0, s.length() - 1)
| c :: Char: s ++ to_string(c)
| ~else s)
def canvas = gui.VPanel(gui.Canvas(gui.Obs.combine({ "mood": at_tab,
"shape": shape.at_selection,
"eyes": eyes.at_is_checked,
"moustache": stache.at_is_checked,
"scale": scale.at_value,
"ghosts" : ghosts,
"keyed": keyed } ),
draw_face,
~mouse: ghost_mouse,
~key: accum_key),
gui.HPanel(shape, eyes, stache,
spacer,
gui.Label("-"), scale, gui.Label("+"),
~stretch: [#true, #false]))
def happy_button = gui.Button("Be Happy",
~action: fun ():
at_tab.update(fun (v): "Happy"),
~stretch: [#false, #false])
gui.TabsPanel(["Happy", "Sad"],
~selection: at_tab,
at_tab.map(fun (v):
match v
| "Happy": canvas
| ~else gui.HPanel(canvas, happy_button)))
// ----------------------------------------
gui.render(gui.Window(tabs,
~size: [800, 600]))