Build your own CUSTOM iOS widgets directly on your iPad or iPhone

Опубликовано: 21 Март 2025
на канале: Tech Craft

37,893

982

Learn how to build sophisticated custom widgets directly on your iPad or iPhone using the JavaScript programming language inside Scriptable.

In this video, we'll build four complete widgets, a simple Hello World example, an XKCD comics widget, a trash collection reminder widget and a PiHole monitoring widget.

You'll learn a little JavaScript along the way and we'll explore how to:

layout text, icons and images
pull data from the Internet
interact with iOS services like Calendar
control widget refresh

CHAPTERS
=========
00:00 - Custom iOS widgets
01:50 - Hello World Widget
04:14 - Display Your Widget
04:58 - Adding Background Colours
05:33 - Adding & Customising Text
08:32 - Background Gradients
10:32 - XKCD Widget
11:25 - Get Data from the Web
14:11 - Rendering Images
16:32 - Widget Refresh
17:49 - Interactivity
19:10 - Trash Reminder Widget
19:44 - Using Calendar Data
23:22 - Stack Layouts
24:34 - Formatting Dates
25:34 - Using SFSymbols
27:39 - Element spacing
29:13 - PiHole Monitor Widget
31:05 - Formatting Percentages
32:36 - Nested Stack Layouts
36:36 - Formatting Numbers

LINKS
=====
Get Scriptable: https://scriptable.app/

GEAR
====

Camera: https://geni.us/Rbtab
Microphone: https://geni.us/O33Li
Audio interface: https://geni.us/eIov

Laptop: https://geni.us/BZoek0
Main Monitor: https://geni.us/k0DpoA
Second Monitor: https://geni.us/ydjX

iPad: https://geni.us/H0qJ
iPad Keyboard: https://geni.us/8uBg

AFFILIATE LINKS
==============
Tech Craft is a participant in the Amazon EU Associates Programme, an affiliate advertising programme designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.co.uk