Each layout panel is designed to arrange children in a specific pattern. The tutorial examines how panels collaborate with child elements to determine the element's final size.
- [Instructor] During the two phase layout,…each child element is given an opportunity…to specify its desired size, and, then,…during the arrange phase, the parent element,…usually a panel, tells each child what its final size is.…The desired size, and the final size,…may not match, depending on what…the parent panel decides to do, with its children.…So, that's what I want to demonstrate, here,…how the parent affects the size of the child.…To do that, I have three examples, on this window.…I have a Canvas, here, that contains…a LetterBox, where I've set the width to Auto.…
And, that means that the control, itself, decides…what its desired width is, and its desired…height is, based on its internal algorithms.…In the second Canvas, I have hard coded…the width of the Letterbox, to 300 pixels.…As you can see, at the top of the screen,…the window, itself, is 525 pixels wide,…and, the Canvas is also 525 pixels wide.…So, there's going to be some extra space, in the Canvas.…So, what we'll look at, is, what does…the Canvas do, with that extra space?…
- Exploring the layout panels
- Working with the grid
- Adding rows and columns
- Creating scrolling content
- Controlling element visibility
- Aligning content
- Making custom layout panels
Skill Level Intermediate
Learning Visual Studio Team Serviceswith Jose Miguel Rady Allende1h 17m Intermediate
1. Layout Panels
2. Other Layout Concepts
3. Custom Layout Panel
Next steps1m 34s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.