One of the new features while developing for Universal Apps is Adaptive UI,
Having thinking of cross devices, we should never build a fixed UI, consider big PC Laptops, Tablets or even smartphone,
It is very easy actually, just register to main window size changed and manage the layout state according to current MainWindow size -*
First observe the next image:
in general this is a wide screen state.
Than observe that image:
In general it is a narrow state.
So, what we have here is a simple technic which required some practices to make the best from it,
The UI content is simple:
It’s a relative panel of Win10 with some list and Ellipse,
Now we want to manipulate its location according to Window available size.
In your root panel define as following:
We have here simple mechanism of manage states, Win10-UWP provide new trigger called AdaptiveTrigger who automatically register itself to mainWindow size and can manipulate almost anything on the UI using Element Name.
So, the most important part is under the Setter there we repositioning elements.