- XAML - Custom Controls
- XAML - Debugging
- XAML - Triggers
- XAML - Styles
- XAML - Templates
- XAML - Resources
- XAML - Dependency Properties
- XAML - Markup Extensions
- XAML - Data Binding
- XAML - Event Handling
- XAML - Layouts
- XAML - Controls
- XAML - Building Blocks
- XAML Vs.VB.NET
- XAML Vs C# Code
- Writing XAML Aplication On MAC OS
- XAML - Environment Setup
- XAML - Overview
- XAML - Home
XAML Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
XAML - Layouts
The layout of controls is very important and critical for apppcation usabipty. It is required to arrange a group of GUI elements in your apppcation. There are certain important points to consider while selecting layout panels;
Positions of the child elements.
Sizes of the child elements.
Layering of overlapping child elements on top of each other.
Fixed pixel arrangement of controls doesn’t work when an apppcation has been used on different screen resolutions. XAML provides a rich set of built-in layout panels to arrange GUI elements in an appropriate way. Some of the most commonly used and popular layout panels are as follows −
Sr.No | Panels & Description |
---|---|
1 | Stack panel is a simple and useful layout panel in XAML. In a stack panel, child elements can be arranged in a single pne, either horizontally or vertically, based on the orientation property. |
2 | In WrapPanel, child elements are positioned in a sequential order from left to right or from top to bottom based on the orientation property. |
3 | DockPanel defines an area to arrange child elements relative to each other, either horizontally or vertically. With DockPanel, you can easily dock child elements to top, bottom, right, left, and center with Dock property. |
4 | Canvas panel is the basic layout panel in which child elements can be positioned exppcitly using coordinates that are relative to the Canvas any side such as left, right, top, and bottom. |
5 | A Grid panel provides a flexible area which consists of rows and columns. In a Grid, child elements can be arranged in a tabular form. |