How to take screenshots with watch "frame" for the store <-- if this is you, read on!
In my frustration to create explanatory screenshot GIFs for https://apps.garmin.com/apps/4bd97fa6-9bc8-4cbd-b526-f1f2b3552702 I took a deviation in my Bazel CIQ tooling plans to make a few tools I hope you'll also find to be helpful!
Earlier I posted about a New Bazel CIQ build system which now includes a few handy features when it comes to handling simulator screenshots. You can now:
- Programmatically superimpose the simulator's device image with a screenshot from the simulator.
- Programmatically sequence images together into an animated GIF, with custom delays per frame, and optimise the result to fit in the CIQ app store limits (e.g. 150kb for screenshots).
See the samples/store directory in rules_ciq. I'd post the link here, but that's hella abusive as far as Garmin Forum goes!
Note that it's still only functional for macOS; once I finalise a Ubuntu Docker image, that should change.
Also, with said Docker setup, I hope to enable the following:
- Programmatically run the simulator with a build (perhaps doing some navigation) and take a screenshot that feeds into the app store image generation; i.e. a change to your layout will generate new app store graphics in seconds.
- Scale screenshot outputs; imagine being able to confirm your layout looks ok over dozens/hundreds of devices in a matter of minutes.
- Regression test screenshots; be alerted to differences in rendering across all device targets of interest.
Happy for any feedback, contributions or support!
