-
Notifications
You must be signed in to change notification settings - Fork 0
/
Example with Encoder.spin2
496 lines (418 loc) · 18.1 KB
/
Example with Encoder.spin2
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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
{
P2GUI Demo Application
A simple application that demonstrates all the widgets.
Memory usage is
Code/Data Variables
PropellerTool 2.9.3 - 106,276 4,304
Simple Tools v0.27.3 - 102,660 4,304
FlexProp 6.1.1 - 143,960
}
CON
_clkfreq = 200_000_000
MAX_DATA_VALUES = 32
DATA_COLLECTION_TIME = 50
''+--------------------------------------------------------------------------+
'' GUI application constants
''+--------------------------------------------------------------------------+
''Images
#0, BANNER_IMG, HOUSE_IMG, MENU_BTN_IMG, BATTERY_IMG, RED_LED_IMG, ORANGE_LED_IMG, GREEN_LED_IMG, MAX_IMAGES
''Screens
#0, MENU_SCR, SCREEN_1, SCREEN_2, SCREEN_3, MAX_SCREENS
''Buttons
#0, AUTO_BTN, PLOT_MODE_BTN, BG_COLOR_BTN, SET_ANGLE_BTN, MAX_BUTTONS
''Icon buttons
#0, GREEN_ICO, RED_ICO, MAX_ICONS
''Text Displays
#0, MENU_0_TXT, MENU_1_TXT, MENU_2_TXT, COUNTER_TXT, TREND_VAL_TXT, MAX_TEXTS
OBJ
''+--------------------------------------------------------------------------+
'' GUI framework objects
''+--------------------------------------------------------------------------+
'' CODE VARIABLES
neotimer : "Neotimer" '342 bytes 20 bytes
color : "Colors" '160 bytes 4 bytes
util : "Utilities"
knob : "jm_quadrature"
knob_debouncer : "Neotimer"
gui : "GUI" '6204 bytes 732 bytes
screen[MAX_SCREENS] : "Screen" '400 bytes 92 bytes
menu_button : "LeanButton" '320 bytes 56 bytes
image[MAX_IMAGES] : "Image"
button[MAX_BUTTONS] : "Button" '1040 bytes 68 bytes
text[MAX_TEXTS] : "Text_Display" '1020 bytes 72 bytes
icon[MAX_ICONS] : "IconButton"
gauge : "Gauge" '876 bytes 108 bytes
terminal : "Multiline_Display"
trend : "Trend_Lean"
dial : "Dial"
keypad : "Keypad"
'widget : "Widget_Template" '796 bytes 76 bytes
DAT
''+--------------------------------------------------------------------------+
'' GUI images files (see document how to create these images)
'' Must be RGB 565 in BGR order (R is byte 0)
''+--------------------------------------------------------------------------+
'Images
banner FILE "demo_banner.p2"
red_led FILE "red_led.p2"
orange_led FILE "orange_led.p2"
green_led FILE "green_led.p2"
wood FILE "wood2.p2"
VAR
LONG drawing_method_pointer
LONG cal_low
LONG cal_high
LONG last_time
WORD BACKGROUND_COLOR
BYTE trend_values[MAX_DATA_VALUES]
BYTE btn_value[4]
BYTE current_screen
BYTE auto_mode
BYTE x
BYTE pot_val
BYTE last_pot_val
BYTE hi_pot_limit
BYTE low_pot_limit
''+--------------------------------------------------------------------+
''Main method
''+--------------------------------------------------------------------+
PUB main()| inc, sine_val, z
current_screen := SCREEN_1
BACKGROUND_COLOR := color.white
neotimer.init(DATA_COLLECTION_TIME) 'For repeating logic in a non-blocking time interval
inc := 1
setup_encoder()
init_gui() 'Prepare P2GUI framework
gui.draw() 'Draw GUI for the first time
last_time := getms()
''+--------------------------------------------------------------------+
'' MAIN APPLICATION LOOP
''+--------------------------------------------------------------------+
repeat
'GUI scan (handle touch events and updates)
gui.scan()
'Continuous logic (repeats every DATA_COLLECTION_TIME interval)
if auto_mode AND neotimer.repeat_execution()
x := x + inc
if x >= 100
x := 0
debug(udec(getms()-last_time))
last_time := getms()
'Sine wave based on the value of x
sine_val := Qsin(50,x,50)+ 50
if current_screen == SCREEN_1 AND screen[SCREEN_1].is_enabled() AND NOT(gui.is_screen_saving())
'Update trend plot
trend.plot_value(sine_val)
'Update value display
text[COUNTER_TXT].set_value(sine_val)
text[COUNTER_TXT].set_colors(color.black, util.red_to_green(sine_val,0,100), color.grey)
text[COUNTER_TXT].refresh()
'Update the gauge indicator
gauge.set_value_and_fill_ryg(sine_val)
else
'Keep updating trend data
trend.set_data_value(sine_val)
'Set Dial to value of Pot
if current_screen == SCREEN_1 AND screen[SCREEN_1].is_enabled() AND NOT(gui.is_screen_saving())
pot_val := knob.value()
'Update dial indicator
update_dial_fg()
dial.update(pot_val)
if pot_val <> last_pot_val
if pot_val <= 29 AND (low_pot_limit == false)
icon[RED_ICO].set_value(true)
red_led_event_handler(RED_ICO,true)
low_pot_limit := true
elseif pot_val >= 31 and (low_pot_limit)
icon[RED_ICO].set_value(false)
red_led_event_handler(RED_ICO,false)
low_pot_limit := false
if pot_val >= 71 AND (hi_pot_limit == false)
icon[GREEN_ICO].set_value(true)
green_led_event_handler(GREEN_ICO,true)
hi_pot_limit := true
elseif pot_val <= 69 AND (hi_pot_limit)
icon[GREEN_ICO].set_value(false)
green_led_event_handler(GREEN_ICO,false)
hi_pot_limit := false
last_pot_val := pot_val
'Using a neotimer debouncer since the jm_quadrature object debouncer
'behaves differently
if knob_debouncer.debounce(knob.button(0))
set_value_event_handler(0,0)
''+--------------------------------------------------------------------+
'' Encoder Setup
''+--------------------------------------------------------------------+
PUB setup_encoder()
knob.start(5, 7, 9, true, 50, 0, 100)
knob_debouncer.init(1000)
knob_debouncer.start()
''+--------------------------------------------------------------------+
'' GUI initialization and configuration
''+--------------------------------------------------------------------+
PUB init_gui()
''Initialization of the GUI object, screens and widgets
'Set pins for TFT and touchscreen
gui.set_TFT_pins(25,23,24,27,26,23,-1,-1) '(ce, rst, dc, sda, clk, led, v3, gnd)
gui.set_TS_pins(26,29,27,28,30) '(clk, cs, din, do, irq)
'Initialize the gui element and driver
gui.init(BACKGROUND_COLOR, color.white, color.green, gui.PORTRAIT, false) '(bg, fg, ol, o, cal?)
gui.set_screen_saving(0) 'Set screen saving time in seconds
debug("Initialized GUI")
''+--------------------------------------------------------------------+
'' Menu widgets
''+--------------------------------------------------------------------+
image[BANNER_IMG].set_image(@banner,240,40)
image[BANNER_IMG].configure(BANNER_IMG,0,0,BACKGROUND_COLOR,color.black,color.grey)
image[BANNER_IMG].enable_events(false)
image[BANNER_IMG].set_enable(true)
gui.add_widget(@image[BANNER_IMG].set_enable, @image[BANNER_IMG].draw, @image[BANNER_IMG].check_event)
debug("Added banner image")
menu_button.configure(0, 0, 0, 38, 38, BACKGROUND_COLOR, color.black, color.black)
menu_button.set_mode(menu_button.TOGGLE_MODE)
menu_button.set_event_handler(@menu_event_handler)
menu_button.set_enable(true)
gui.add_widget(@menu_button.set_enable, @menu_button.draw, @menu_button.check_event)
debug("Added MENU icon (transparent)")
screen[MENU_SCR].configure(MENU_SCR,0,40,155,50,color.darken(color.white, 0),color.black,color.white)
screen[MENU_SCR].set_border_width(1)
screen[MENU_SCR].set_enable(false)
gui.add_widget(@screen[MENU_SCR].set_enable, @screen[MENU_SCR].draw, @screen[MENU_SCR].check_event)
debug("Added Menu screen")
text[MENU_0_TXT].configure(MENU_0_TXT, 5, 45, 145, 30, color.darken(color.white, 0), color.darken(color.set_color(50,190,255),8), color.grey)
text[MENU_0_TXT].set_contents(String("Screen 2"))
text[MENU_0_TXT].enable_buffering(false)
text[MENU_0_TXT].set_align(text.LEFT_ALIGN)
text[MENU_0_TXT].set_padding(10)
text[MENU_0_TXT].set_compression(6)
text[MENU_0_TXT].set_border_width(0)
text[MENU_0_TXT].set_invert(false)
text[MENU_0_TXT].set_event_handler(@menu_0_event_handler)
text[MENU_0_TXT].set_enable(true)
screen[MENU_SCR].add_widget(@text[MENU_0_TXT].set_enable, @text[MENU_0_TXT].draw, @text[MENU_0_TXT].check_event)
debug("Added menu 0 text")
terminal.configure(0, 0, 269, 239, 50, color.darken(color.grey,9), color.lighten(color.set_color(50,190,255),8), color.grey)'color.lighten(INVISION_SOLAR_ORANGE), color.grey)
terminal.set_contents(String("P2GUI DEMO 2"))
terminal.set_align(text.LEFT_ALIGN)
terminal.set_border_width(2)
terminal.set_font_size(1)
terminal.set_invert(true)
terminal.set_enable(true)
gui.add_widget(@terminal.set_enable, @terminal.draw, @terminal.check_event)
debug("Added terminal")
''+--------------------------------------------------------------------+
'' Screen 1
''+--------------------------------------------------------------------+
screen[SCREEN_1].configure(SCREEN_1,0,40,240,228,BACKGROUND_COLOR, color.black, color.white)
screen[SCREEN_1].set_border_width(0)
screen[SCREEN_1].set_enable(true)
screen[SCREEN_1].set_background_image(@wood)
gui.add_widget(@screen[SCREEN_1].set_enable, @screen[SCREEN_1].draw, @screen[SCREEN_1].check_event)
debug("Added SCREEN_1")
button[AUTO_BTN].configure(AUTO_BTN, 55, 50, 80, 30, color.lighten(color.grey,15), color.black, color.grey)
button[AUTO_BTN].set_border_width(2)
button[AUTO_BTN].set_contents(String("Manual"))
button[AUTO_BTN].set_compression(6)
button[AUTO_BTN].set_event_handler(@auto_event_handler)
button[AUTO_BTN].set_mode(button.TOGGLE_MODE)
button[AUTO_BTN].set_enable(true)
screen[SCREEN_1].add_widget(@button[AUTO_BTN].set_enable, @button[AUTO_BTN].draw, @button[AUTO_BTN].check_event)
debug("Added Auto/Manual button")
text[COUNTER_TXT].configure(COUNTER_TXT, 200, 45, 35, 40, color.black, color.green, color.grey)
text[COUNTER_TXT].set_contents(String("0"))
text[COUNTER_TXT].enable_buffering(false)
text[COUNTER_TXT].set_align(text.RIGHT_ALIGN)
text[COUNTER_TXT].set_padding(4)
text[COUNTER_TXT].set_compression(6)
text[COUNTER_TXT].set_border_width(1)
text[COUNTER_TXT].set_invert(true)
text[COUNTER_TXT].set_event_handler(@call_numkey_event)
text[COUNTER_TXT].set_enable(true)
screen[SCREEN_1].add_widget(@text[COUNTER_TXT].set_enable, @text[COUNTER_TXT].draw, @text[COUNTER_TXT].check_event)
debug("Added COUNTER text")
trend.configure(0,@trend_values, MAX_DATA_VALUES, 5, 90, 190, 70, BACKGROUND_COLOR, color.darken(color.set_color(50,190,255),8), color.grey)' color.black, color.lighten(color.set_color(50,190,255),8), color.grey)
trend.set_border_width(2)
trend.set_enable(true)
screen[SCREEN_1].add_widget(@trend.set_enable, @trend.draw, @trend.check_event)
debug("Added trend control" )
gauge.configure(0,200,90,35,70,color.black , color.white, color.grey)
gauge.set_limits(0, 100, 30, 70)
gauge.set_gauge_colors(color.yellow, color.green, color.red)
gauge.enable_val(false)
gauge.set_enable(true)
screen[SCREEN_1].add_widget(@gauge.set_enable, @gauge.draw, @gauge.check_event)
debug("Added gauge")
dial.configure(0,100,215,45, BACKGROUND_COLOR,color.darken(color.set_color(50,190,255),8),color.grey)
dial.set_border_width(2)
dial.set_enable(true)
screen[SCREEN_1].add_widget(@dial.set_enable, @dial.draw, @dial.check_event)
debug("Added Dial")
button[SET_ANGLE_BTN].configure(SET_ANGLE_BTN, 155, 180, 80, 30, color.lighten(color.grey,15), color.black, color.grey)
button[SET_ANGLE_BTN].set_border_width(2)
button[SET_ANGLE_BTN].set_contents(String("Set Val"))
button[SET_ANGLE_BTN].set_compression(6)
button[SET_ANGLE_BTN].set_event_handler(@set_value_event_handler)
button[SET_ANGLE_BTN].set_enable(true)
screen[SCREEN_1].add_widget(@button[SET_ANGLE_BTN].set_enable, @button[SET_ANGLE_BTN].draw, @button[SET_ANGLE_BTN].check_event)
debug("Added Auto/Manual button")
button[BG_COLOR_BTN].configure(BG_COLOR_BTN, 155, 220, 80, 30, color.lighten(color.grey,15), color.black, color.grey)
button[BG_COLOR_BTN].set_border_width(2)
button[BG_COLOR_BTN].set_contents(String("Dark"))
button[BG_COLOR_BTN].set_compression(6)
button[BG_COLOR_BTN].set_event_handler(@bg_event_handler)
button[BG_COLOR_BTN].set_mode(button.TOGGLE_MODE)
button[BG_COLOR_BTN].set_value(true)
button[BG_COLOR_BTN].set_enable(true)
screen[SCREEN_1].add_widget(@button[BG_COLOR_BTN].set_enable, @button[BG_COLOR_BTN].draw, @button[BG_COLOR_BTN].check_event)
debug("Added Auto/Manual button")
icon[GREEN_ICO].set_image(@green_led,40,40)
icon[GREEN_ICO].configure(GREEN_ICO,5,170,color.black,color.black,color.grey)
icon[GREEN_ICO].set_darken_factor(12)
icon[GREEN_ICO].set_mode(button.TOGGLE_MODE)
icon[GREEN_ICO].set_event_handler(@green_led_event_handler)
icon[GREEN_ICO].set_enable(true)
screen[SCREEN_1].add_widget(@icon[GREEN_ICO].set_enable, @icon[GREEN_ICO].draw, @icon[GREEN_ICO].check_event)
debug("Added green LED icon")
icon[RED_ICO].set_image(@red_led,40,40)
icon[RED_ICO].configure(RED_ICO,5,220,color.black,color.black,color.grey)
icon[RED_ICO].set_darken_factor(12)
icon[RED_ICO].set_mode(button.TOGGLE_MODE)
icon[RED_ICO].set_event_handler(@red_led_event_handler)
icon[RED_ICO].set_enable(true)
screen[SCREEN_1].add_widget(@icon[RED_ICO].set_enable, @icon[RED_ICO].draw, @icon[RED_ICO].check_event)
debug("Added red LED icon")
''+--------------------------------------------------------------------+
'' Screen 2
''+--------------------------------------------------------------------+
screen[SCREEN_2].configure(SCREEN_2,0,40,240,228,BACKGROUND_COLOR, color.black, color.white)
screen[SCREEN_2].set_border_width(0)
screen[SCREEN_2].set_enable(false)
screen[SCREEN_2].set_background_image(@wood)
gui.add_widget(@screen[SCREEN_2].set_enable, @screen[SCREEN_2].draw, @screen[SCREEN_2].check_event)
debug("Added SCREEN_2")
keypad.configure(0, 0, 85, color.darken(color.white,0), color.blue, color.grey)
keypad.set_event_handler(@keypad_event_handler)
keypad.set_enable(true)
screen[SCREEN_2].add_widget(@keypad.set_enable, @keypad.draw, @keypad.check_event)
debug("Added KEYPAD")
''+--------------------------------------------------------------------+
'' WIDGETS EVENT HANDLING METHODS
''+--------------------------------------------------------------------+
PUB menu_event_handler(id,val)| startx, starty, size, endx, endy
''When the menu button is touched, enable or disable the menu screen
if screen[MENU_SCR].is_enabled()
hide_menu()
show_current_screen()
else
show_menu()
PUB menu_0_event_handler(id)
hide_menu()
if screen[SCREEN_1].is_enabled()
'Select screen to show
screen[SCREEN_1].set_enable(false)
screen[SCREEN_2].set_enable(true)
screen[SCREEN_3].set_enable(false)
'Show screen
screen[SCREEN_2].draw()
current_screen := SCREEN_2
'Select text for menu
text[MENU_0_TXT].set_contents(String("Screen 1"))
elseif screen[SCREEN_2].is_enabled()
'Select screen to show
screen[SCREEN_1].set_enable(true)
screen[SCREEN_2].set_enable(false)
screen[SCREEN_3].set_enable(false)
'Show screen
screen[SCREEN_1].draw()
current_screen := SCREEN_1
'Select text for menu
text[MENU_0_TXT].set_contents(String("Screen 2"))
PRI hide_menu()
screen[MENU_SCR].set_enable(false)
menu_button.set_value(false)
'screen[current_screen].draw()
PRI show_menu()
screen[MENU_SCR].set_enable(true)
screen[MENU_SCR].draw()
PRI show_current_screen()
if current_screen == SCREEN_1
screen[SCREEN_1].draw()
elseif current_screen == SCREEN_2
screen[SCREEN_2].draw()
elseif current_screen == SCREEN_3
screen[SCREEN_3].draw()
PUB auto_event_handler(id,val)
auto_mode := val
if auto_mode
button[AUTO_BTN].update_contents(String("Auto"))
text[COUNTER_TXT].set_event_handler(0)
trend.draw()
text[TREND_VAL_TXT].set_contents(@" ")
text[TREND_VAL_TXT].draw()
terminal.writeln(String("Set to Auto mode"))
else
button[AUTO_BTN].update_contents(String("Manual"))
text[COUNTER_TXT].set_event_handler(@call_numkey_event)
terminal.writeln(String("Set to Manual mode"))
trend.draw()
PUB call_numkey_event(id)
screen[SCREEN_1].set_enable(false)
gui.get_numkey(@numkey_event_handler)
PUB numkey_event_handler(id,val)
if val <> -1
val := 0 #> val <# 100
x := val
screen[SCREEN_1].set_enable(true)
text[COUNTER_TXT].set_value(val)
text[COUNTER_TXT].set_colors(color.black, util.red_to_green(val,0,100), color.grey)
gauge.set_value_and_fill_ryg(val)
screen[SCREEN_1].draw()
terminal.write_val(@"Manual value set to " , val)
trend.plot_value(val)
else
screen[SCREEN_1].set_enable(true)
screen[SCREEN_1].draw()
PUB bg_event_handler(id,val)|s,bg,fg,ol
if val
BACKGROUND_COLOR := color.white
button[BG_COLOR_BTN].set_contents(@"Dark")
else
BACKGROUND_COLOR := color.black
button[BG_COLOR_BTN].set_contents(@"Light")
repeat s from SCREEN_1 to MAX_SCREENS-1
screen[s].set_bg_color(BACKGROUND_COLOR)
trend.set_bg_color(BACKGROUND_COLOR)
dial.set_bg_color(BACKGROUND_COLOR)
update_dial_fg()
screen[current_screen].draw()
'dial.update(dial.get_value())
PRI update_dial_fg()
if BACKGROUND_COLOR == color.white
dial.set_fg_color(color.darken(color.set_color(50,190,255),8))
else
dial.set_fg_color(util.red_to_green(pot_val,0,100))
PUB set_value_event_handler(id, val)
neotimer.set_time(100 - dial.get_value())
terminal.write_val(@"Set collection time to ", 100 - dial.get_value())
PUB green_led_event_handler(id,val)
if val
pinh(16)
else
pinl(16)
icon[id].draw()
PUB orange_led_event_handler(id,val)
if val
pinh(17)
else
pinl(17)
icon[id].draw()
PUB red_led_event_handler(id,val)
if val
pinh(18)
else
pinl(18)
icon[id].draw()
PUB lean_event_handler(id, val)
terminal.writeln(@"Lean button pressed")
PUB keypad_event_handler(id,ptr)
terminal.writeln(ptr)