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

Artículo
08/10/2011

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:

Formulario localizable con TableLayoutPanel

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 los valores de configuración o de edición activos. Para cambiar la configuración, elija la opción Importar y exportar configuraciones del menú Herramientas. Para obtener más información, vea Trabajar con valores de configuración.

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.

Creación del 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 nuevo proyecto de aplicación de Windows Forms.

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.
Cambie el valor de la propiedad Text del primer control Button a una cadena larga, por ejemplo "Esta es una cadena larga para mostrar un formulario localizable". Nota: los tres controles Button y la celda TableLayoutPanel cambian de 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, 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.
Cambie el valor de la propiedad Text del primer control Button a una cadena larga, por ejemplo "Esta es una cadena larga para mostrar un formulario localizable". Observe que los controles Button cambian todos de 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