Cómo: Usar el diseño automático para crear un botón

En este ejemplo se describe cómo utilizar el enfoque de diseño automático para crear un botón en una aplicación localizable.

La localización de una user interface (UI) puede ser un proceso que exija mucho tiempo. A menudo los localizadores se ven obligados a ajustar el tamaño y la posición de los elementos, además de traducir el texto. En el pasado, era preciso ajustar cada idioma al que se adaptaba una UI. Ahora, gracias a las funciones de Windows Presentation Foundation (WPF), es posible diseñar elementos que reducen la necesidad de ajuste. El enfoque de escribir aplicaciones cuyo tamaño y posición se ajusta con mayor facilidad se denomina automatic layout.

En los dos ejemplos de Extensible Application Markup Language (XAML) siguientes se crean aplicaciones que crean instancias de un botón; uno con el texto en inglés y uno con el texto en español. Observe que el código es el mismo salvo el texto; el botón se ajusta al texto.

Ejemplo

<Window
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="ButtonLoc.Pane1"
    Name="myWindow"
    SizeToContent="WidthAndHeight"
    >

<DockPanel> 
    <Button FontSize="28" Height="50">My name is Hope.</Button>
</DockPanel>
</Window>

<Window
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="ButtonLoc.Pane1"
    Name="myWindow"
    SizeToContent="WidthAndHeight"
    >

 <DockPanel> 
    <Button FontSize="28" Height="50">Me llamo Esperanza.</Button>
  </DockPanel>
</Window>

En el gráfico siguiente se muestra el resultado de los ejemplos de código.

Botón cuyo tamaño se ajusta automáticamente

Vea también

Tareas

Cómo: Usar una cuadrícula para el diseño automático

Conceptos

Información general sobre el uso del diseño automático