Compartir a través de

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

  • Artículo

Actualización: noviembre 2007

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 interfaz de usuario (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 interfaz de usuario. 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 Lenguaje de marcado de aplicaciones extensible (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
El mismo botón con texto en diferentes idiomas

Nota

Para ver el ejemplo completo del que se extrajeron los ejemplos anteriores, consulte: Ejemplo Automatic Layout for Localizable Applications.

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