MFC - Diseño de Windows
Layout of controlses muy importante y fundamental para la usabilidad de la aplicación. Se utiliza para organizar un grupo de elementos GUI en su aplicación. Hay ciertas cosas importantes a considerar al seleccionar el diseño:
- Posiciones de los elementos secundarios.
- Tamaños de los elementos secundarios.
Agregar controles
Creemos un nuevo proyecto MFC basado en diálogos MFCLayoutDemo.
Step 1 - Una vez creado el proyecto, verá la siguiente pantalla.
Step 2 - Elimine TODO del cuadro de diálogo.
Step 3 - Arrastre algunos controles de la Caja de herramientas que puede ver en el lado izquierdo.
(Arrastraremos un texto estático y un control de edición como se muestra en la siguiente instantánea).
Step 4 - Cambie el título del texto estático a Nombre.
Cuadrícula de control
La cuadrícula de control son los puntos de la cuadrícula de guía, que pueden ayudar a posicionar los controles que está agregando en el momento del diseño.
Para habilitar la cuadrícula de control, debe hacer clic en el botón Alternar cuadrícula en la barra de herramientas como se muestra en la siguiente instantánea.
Controla el cambio de tamaño
Una vez que ha agregado un control a un cuadro de diálogo, asume su tamaño predeterminado o el tamaño con el que lo dibujó. Para ayudar con los tamaños de los controles en el formulario o cuadro de diálogo, Visual Studio proporciona una cuadrícula visual hecha de puntos negros.
Para cambiar el tamaño de un control, es decir, para darle un ancho o alto particular, coloque el mouse en uno de los controladores y arrástrelo en la dirección deseada.
Ahora puede cambiar el tamaño de los controles con la ayuda de esta cuadrícula de puntos.
Posiciones de controles
Los controles que coloca en un cuadro de diálogo o un formulario asumen el lugar que les corresponde. La mayoría de las veces, estas posiciones no son prácticas. Puede moverlos a cualquier posición que elija.
Agreguemos algunos controles más -
Step 1 - Para mover un control, haga clic y arrástrelo en la dirección deseada hasta que alcance la posición deseada.
Step 2- Para mover un grupo de controles, primero selecciónelos. Luego arrastre la selección a la ubicación deseada. Seleccionemos Textos estáticos y Editar controles.
Step 3 - Mueva estos controles seleccionados al lado izquierdo.
Para ayudar a colocar los controles, Visual Studio proporciona la barra de herramientas de diálogo con los siguientes botones.
Step 1 - Alineemos la casilla de verificación y los controles de texto estático a la izquierda seleccionando todos estos controles.
Step 2 - Seleccione el Formato → Alinear → Izquierda.
Step 3 - Ahora puede ver que todos estos controles están alineados a la izquierda.
Orden de pestañas
Los controles que agrega a un formulario o cuadro de diálogo se colocan en una secuencia que sigue el orden en que se agregaron. Cuando agrega controles independientemente de la sección o área en la que coloque el nuevo control, se coloca secuencialmente al final de los controles existentes. Si no lo soluciona, el usuario tendrá dificultades para navegar por los controles. La secuencia de navegación de los controles también se conoce como orden de tabulación.
Para cambiar la pestaña, puede usar la opción de menú Formato → Orden de pestaña o también puede usar el atajo Ctrl + D. Presione Ctrl + D.
Ahora puede ver el orden en el que se agregan todos estos controles a este cuadro de diálogo. Para cambiar el orden o secuencia de controles, haga clic en todos los controles en secuencia en la que desea navegar.
En este ejemplo, primero haremos clic en la casilla de verificación seguido de los controles de Edición de nombre y dirección. Luego haga clic en Aceptar y Cancelar como se muestra en la siguiente instantánea.
Ejecutemos esta aplicación y verá el siguiente resultado.
