Tutorial: Crear un diseño que ajuste las proporciones para la localización

Artículo
10/07/2008

Actualización: noviembre 2007

La creación de formularios ya listos para ser localizados acelera en gran medida el desarrollo para los mercados internacionales.

En este tutorial se muestra cómo crear un diseño que se ajusta proporcionalmente cuando traduce los valores de cadena mostrados a otros idiomas. Este proceso de traducción se denomina localización. Para obtener más información, vea Localizar aplicaciones. Para obtener información sobre cómo adaptar un formulario Windows Forms finalizado, vea Tutorial: Adaptar formularios Windows Forms

Las tareas ilustradas en este tutorial incluyen:

Crear el proyecto
Conservar la alineación vertical
Habilitar el cambio de tamaño proporcional

Cuando termine, el formulario tendrá el siguiente aspecto:

Para obtener la lista de código completa, vea Cómo: Crear un diseño de formularios Windows Forms que sea apropiado para la localización.

Nota:
Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función de la configuración activa o la edición. Para cambiar la configuración, elija la opción Importar y exportar configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual Studio.

Requisitos previos

Para poder completar este tutorial, necesitará:

Permisos suficientes para poder crear y ejecutar proyectos de aplicación de Windows Forms en el equipo donde esté instalado Visual Studio.

Crear el proyecto

El primer paso es crear el proyecto de aplicación. Utilice este proyecto para generar la aplicación que muestra el formulario de entrada de datos.

Para crear el proyecto

Cree un proyecto de aplicación para Windows llamado DemoLocalizableForm. Para obtener más información, vea Cómo: Crear un proyecto de aplicación para Windows.

Conservar la alineación vertical

Puede conservar la alineación vertical de los controles cuando cambia el contenido con las propiedades AutoSize y Anchor junto con el control TableLayoutPanel.

Para utilizar el cambio de tamaño automático

Arrastre un control TableLayoutPanel desde el Cuadro de herramientas al formulario. Establezca el valor de la propiedad RowCount en 1. Establezca el valor de esta propiedad AutoSize en true. Cambie el tamaño del control TableLayoutPanel para que ocupe la mitad del formulario.
Arrastre un control Panel desde el Cuadro de herramientas a la celda izquierda del control TableLayoutPanel.
Arrastre un control Button desde el Cuadro de herramientas al control Panel. Colóquelo en la esquina superior izquierda del control Panel.
Arrastre dos controles Button más desde el Cuadro de herramientas a Panel. Colóquelos debajo del primer control Button. Utilice las líneas de ajuste para alinearlos verticalmente y espaciarlos de forma uniforme. Para obtener más información, vea Tutorial: Organizar controles en formularios Windows Forms mediante líneas de ajuste.
Establezca el valor de la propiedad AutoSize en los tres controles Button en true.
Establezca el valor de la propiedad AutoSize del control Panel en true y establezca el valor de su propiedad AutoSizeMode en GrowAndShrink. Nota El panel cambia su tamaño para rodear los tres controles Button.
Seleccione el control TableLayoutPanel y abra el cuadro de diálogo Estilos de columnas y filas. Para obtener más información, vea Cómo: Editar columnas y filas en un control TableLayoutPanel.
Seleccione Columna1 y cambie el valor de su propiedad SizeType a AutoSize. Haga clic en el botón Aceptar para aceptar los cambios. Nota El ancho de la celda cambia su tamaño al ancho del control Panel.
Establezca el valor de la propiedad Anchor en los tres controles Button en Izquierda,Derecha.
Establezca el valor de la propiedad Text del primer control Button en una cadena larga, por ejemplo "Ésta es una cadena larga para demostrar un formulario localizable". Note Los tres controles Button y la celda TableLayoutPanel cambian su tamaño para ajustarse a la nueva longitud de cadena.

Habilitar el cambio de tamaño proporcional

Puede conservar las proporciones de los controles cuando cambia su contenido con las propiedades AutoSize y Anchor junto con el control TableLayoutPanel.

Para habilitar el cambio de tamaño proporcional

Arrastre un control TableLayoutPanel desde el Cuadro de herramientas al formulario. Colóquelos debajo del primer control TableLayoutPanel.
Establezca el valor de la propiedad AutoSize del segundo control TableLayoutPanel en true. Establezca el valor de la propiedad ColumnCount en 3. Establezca el valor de la propiedad RowCount en 1. Establezca el valor de la propiedad TableLayoutPanel del control Anchor en Right, Bottom.
Arrastre tres controles Button desde el Cuadro de herramientas a TableLayoutPanel.
Establezca el valor de la propiedad AutoSize en los tres controles Button en true.
Establezca el valor de la propiedad Anchor en los tres controles Button en Left, Right.
Abra el cuadro de diálogo Estilos de columnas y filas.
Seleccione las tres columnas y cambie la propiedad SizeType a Percent y cambie el valor de porcentaje a 33. Haga clic en el botón Aceptar para aceptar los cambios.
Establezca el valor de la propiedad Text del control Button en una cadena larga, por ejemplo "Ésta es una cadena larga para demostrar un formulario localizable". Observe que los controles Button cambian su tamaño para ajustarse a la nueva longitud de cadena. También observe que se cambia el tamaño del control TableLayoutPanel y de sus celdas proporcionalmente.

Pasos siguientes

Ahora que puede crear los formularios localizables, puede implementar un diseño dinámico que ajuste proporcionalmente cuando el usuario cambia el tamaño del formulario. Para obtener más información, vea Tutorial: Crear un formulario Windows Forms de entrada de datos de tamaño variable.

Vea también

Compartir a través de