Compartir a través de

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

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

La localización de una interfaz de usuario (UI) puede ser un proceso que consume mucho tiempo. A menudo, los localizadores necesitan cambiar el tamaño y cambiar la posición de los elementos además de traducir texto. En el pasado, cada idioma para el cual se adaptaba una interfaz de usuario requería ajustes. Ahora con las funcionalidades de Windows Presentation Foundation (WPF) puedes diseñar elementos que reduzcan la necesidad de ajuste. El enfoque para escribir aplicaciones que se pueden cambiar más fácilmente de tamaño y cambiar la posición se denomina automatic layout.

Ejemplo

Los dos ejemplos siguientes del lenguaje de marcado de aplicaciones extensibles (XAML) crean aplicaciones que crean instancias de un botón; uno con texto en inglés y otro con texto español. Observe que el código es el mismo excepto para el texto; el botón se ajusta para ajustarse al texto.

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://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="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://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 la visualización siguiente se muestra la salida de los ejemplos de código con botones con ajuste automático de tamaño.

El mismo botón con texto en diferentes idiomas

Consulte también