title | description | ms.date | helpviewer_keywords | ms.assetid | ||
---|---|---|---|---|---|---|
How to: Use a Grid for Automatic Layout |
Learn how to use a grid for automatic layout when creating an application that is localization ready. |
03/30/2017 |
|
ab9de407-e0c1-4047-bdf0-24951bf73879 |
This example describes how to use a grid in the automatic layout approach to creating a localizable application.
Localization of a user interface (UI) can be a time consuming process. Often localizers need to re-size and reposition elements in addition to translating text. In the past each language that a UI was adapted for required adjustment. Now with the capabilities of Windows Presentation Foundation (WPF) you can design elements that reduce the need for adjustment. The approach to writing applications that can be more easily re-sized and repositioned is called auto layout
.
The following Extensible Application Markup Language (XAML) example demonstrates using a grid to position some buttons and text. Notice that the height and width of the cells are set to Auto
; therefore the cell that contains the button with an image adjusts to fit the image. Because the xref:System.Windows.Controls.Grid element can adjust to its content it can be useful when taking the automatic layout approach to designing applications that can be localized.
The following example shows how to use a grid.
[!code-xamlLocalizationGrid#1]
The following graphic shows the output of the code sample.