May JavaFX be with you always
summary
Recreates a macOS diabetes-monitoring app as GlucoStatusFX and gets it running on desktop, browser and mobile; CSS replicates the mac header (height 52.5, four stacked background layers, varying corner radii) and SVG icons are exported from Affinity Designer and embedded as FX shapes. Charts and animations use Canvas for performance; swapping a grid to Canvas cuts dozens of nodes (combo box is 28 nodes) — one change saves about 86 scene-graph nodes. Tray uses fxtrayitem (AWT interop), and browser deployment uses jpro (works but needs server/docker and dialog adjustments).
AI-written summary · about
chapters (22)
- 0:00Introduction
- 0:35About the speaker
- 1:17Diabetes monitoring app background
- 3:02Native window differences
- 9:39Custom window styling in JavaFX
- 12:46Transparent stage challenges
- 13:49Drop shadow implementation
- 18:05Custom button styling
- 21:12SVG in JavaFX
- 22:37Dropdown box styling
- 26:06When to use CSS
- 27:10Glucostatus FX demo
- 31:47System tray icon implementation
- 32:08Running JavaFX in browser
- 35:37JavaFX on mobile devices
- 39:10Mobile app limitations
- 39:52Cross-platform development tips
- 40:33Apple FX library demo
- 42:20Canvas in JavaFX
- 47:15Scene graph performance tips
- 50:27Target platform considerations
- 51:10Q&A summary
