(AIS) Using Layout to Enhance Design Lesson

Using Layout to Enhance Design

We have used the Layout features HorzontalArrangement, VerticalArrangement and TableArrangement to design the user interface for apps. To create more complex layouts, you can group these layouts within each other to create more intricate designs.

The example below creates a HorizontalArrangement with a TableArrangement inside.

UI component:

three different UI screens arranged horizontally in a vertical layout (side by side). Example given is tech stock.

This layout uses the scrolling feature to allow for design overflow and expand the UI features.

sample form layout: Viewer
Host Info Screen
City:
City Name #2:
State:
Zip
Instructions:
Phone:
Date:Choose Date
Time: Choose Time

[CC BY 4.0] UNLESS OTHERWISE NOTED | IMAGES: LICENSED AND USED ACCORDING TO TERMS OF SUBSCRIPTION