A demonstration of rapid ui prototyping user interfaces. The idea is to provide a QML based list of images with an image viewer. This is done in 3 steps. Each steps shows another layer for user interfaces: structure, surface, content.
For structure it uses a wireframing concept based on simple QML components and a marker (which is a semi transparent element).
- pixy01a - initial code
- pixy01z - final code
Adding visual elements to the structure to polish the user interface
- pixy02a - initial code
- pixy02z - final code
Providing real data for the UI simulation (requires the dataprovider repo)
- pixy03a - initial code
- pixy03z - final code