Controlling layout behavior

In this recipe, we will take a deeper look at the optional parameters that can be applied to items that are added to a Sizer, which can control the proportional sizing and dynamic alignment of controls. Properly making use of these behavioral aspects of the layout can make the difference between the UI looking sloppy and great. They also allow the app to take advantage of various screen resolutions as well as allowing the components that make up the UI to properly adapt as the items around them change in size. So, in this recipe, we will take a look at using Sizer flags, borders, and proportions and how they affect the layout of controls.

Getting ready

Ensure that you have taken a look at the previous recipe in this chapter, Laying out controls with Sizers, to get an overview of the fundamentals of the Sizer API before proceeding with this recipe, which focuses on the behavioral aspects of Sizer-based layouts.

How to do it…

For this recipe, you need to perform the...