Ventana de formulario en Delphi
La ventana del formulario es el área de trabajo donde ocurre la mayor parte del diseño. Cuando inicie Delphi 2.0 por primera vez, mostrará Form1 y podrá desarrollar la interfaz de usuario de su aplicación colocando componentes en el formulario y organizándolos como desee moviéndolos, cambiando su tamaño, etc. Puedes pensar en un formulario como un contenedor dentro del cual se pueden colocar otros widgets. Hay una cuadrícula en el formulario que se utiliza para alinear los componentes a medida que se colocan; la cuadrícula es invisible mientras se ejecuta el programa. La aplicación real puede tener más de una ventana y usted puede elegir diferentes formas para el diseño. Otras formas incluyen cuadros de diálogo, cuadros de entrada de datos, etc.
La ventana del código comienza debajo de la ventana del formulario. Dado que en Delphi el diseño de la interfaz de usuario se realiza directamente en el formulario, los resultados en tiempo de ejecución son exactamente los mismos que los de los ejemplos de diseño. Delphi genera automáticamente la mayor parte del código de la interfaz de usuario cuando coloca componentes en el formulario. Todo lo que tienes que hacer es agregar los segmentos del programa que hacen lo que quieres al marco que genera para ti. Haga clic en el estado Form1 para que la ventana de código sea visible.
En esta ventana se encuentra el editor de código. Donde puedes escribir código fuente para aplicaciones Delphi. Cuando un programa contiene varias ventanas, el programa fuente de varias unidades de biblioteca se muestra en el editor de código. La barra de título del editor de código muestra el nombre del archivo de la unidad de biblioteca que se está editando actualmente. Para ver el código fuente de un programa, simplemente mueva el mouse sobre la etiqueta de la página con el nombre del archivo de la unidad de biblioteca y edite la unidad de biblioteca. A partir de un formulario en blanco diseñaremos un programa simple: abra una ventana con un marco de fotos en la pantalla, use tres botones para cambiar la forma del marco de fotos, use un botón de icono para configurar el color del marco de fotos y use un botón con un icono para configurar el color del marco de fotos; un cuadro de diálogo de edición de color para elegir el color del marco de fotos. Seleccione el elemento de menú Archivo|Nueva aplicación en el menú para generar un nuevo archivo de proyecto. En este punto, aparecerá un formulario en la pantalla. Los componentes son los elementos para crear aplicaciones Delphi. Delphi proporciona a los usuarios una rica biblioteca de componentes, que incluye componentes visibles (como cuadros de edición, botones), etc., y componentes invisibles (como temporizadores del sistema, tablas de datos, etc.). Estos componentes están organizados en cada página del panel de componentes según su funcionalidad.
Mueva el mouse al panel del componente y "dude" en el botón del componente durante uno o dos segundos. Aparecerá un pequeño cuadro amarillo con el nombre del componente, que se llama Pista. Haga clic con el botón izquierdo en el widget que desea seleccionar y se presiona el botón Widget, lo que indica que el widget está seleccionado actualmente. Luego, mueva el mouse sobre el formulario, presione el botón izquierdo y el componente se colocará en el formulario. Aparecerán ocho pequeños cuadrados negros en el contorno del widget, llamados "controles de tamaño". Además de que el usuario puede cambiar su tamaño, también indican el estado de edición actual del objeto. En este punto, puede presionar la tecla "Eliminar" para eliminar la parte.
En el panel de componentes, haga clic en la página denominada "Adicional" para cambiar a la página adicional y luego mueva el mouse para ver los nombres de los componentes uno por uno de manera rápida y busque la "Forma". componente (sus iconos son tres figuras geométricas: círculo, cuadrado y triángulo), colóquelo en el lado izquierdo del formulario y luego haga clic en la pestaña "Estándar (Estándar)" y busque el componente "Botón (Botón)" ( el ícono tiene el botón "OK" pintado). Delphi le permite agregar múltiples componentes del mismo tipo sin tener que ir a la paleta de componentes para seleccionar cada vez. el componente "Botón". El widget se presionará hacia abajo y tendrá un borde azul, lo que indica que está seleccionado y fijado. Al hacer clic con el botón izquierdo del mouse en tres ubicaciones en el lado derecho de la tabla, se colocarán tres widgets "Botón". Mueva el cursor del mouse al ícono de flecha en el lado izquierdo de la paleta del widget, que es el botón "Deseleccionar" sin que se le solicite y verá que el botón del widget "Botón" vuelve a su estado emergente. De lo contrario, cada vez que haga clic en él. El botón izquierdo del mouse en "Form1" agregará un widget de botón.
Ingrese nuevamente a la página de widgets adicionales, seleccione un botón BitBtn (botón Aceptar con una marca de verificación verde) y colóquelo junto a los otros tres a continuación. el widget del botón.
Haga clic en la pestaña "Diálogo", seleccione el widget ColorDialog con una cuadrícula de 16 colores como icono y colóquelo en cualquier lugar del formulario. Como el widget no es visible, su posición no afecta el efecto general. En términos generales, los componentes colocados en el formulario en este momento están relativamente dispersos y el tamaño no satisface las necesidades reales. Excepto el widget ColorDialog invisible, todos los demás widgets deben ajustarse en posición, tamaño y fuente de visualización. Mover widgets: simplemente coloque el mouse sobre el widget que desea mover, mantenga presionado el botón izquierdo del mouse y mueva el cursor a la ubicación adecuada, luego suelte el botón izquierdo del mouse y todo el widget se moverá a su nueva ubicación.
Ajustar tamaño: Mueva el cursor del mouse al componente a cambiar de tamaño, haga clic con el botón izquierdo del mouse, seleccione el componente, aparecerá el ajustador, mueva el mouse a uno de los pequeños cuadrados negros, cuando el mouse Cuando el indicador de dirección de arrastre cambie, mantenga presionado y arrastre el botón izquierdo del mouse para acercar o alejar el widget. Los pequeños cuadrados en la parte superior, inferior, izquierda y derecha se usan para mover los lados correspondientes, y los pequeños cuadrados en las cuatro esquinas mueven los dos lados conectados. Para representar con precisión las dimensiones de un widget, puede cambiar Izquierda (la cantidad de píxeles desde el borde izquierdo del widget hasta el borde izquierdo del formulario), Superior (la cantidad de píxeles desde el borde superior del formulario hasta la parte superior). borde del widget) en el Inspector de objetos), propiedades "ancho" (el ancho del widget en sí) y "alto" (la altura del widget en sí). A continuación también se explica con más detalle cómo cambiar las propiedades de un widget.
Alinear un conjunto de componentes: puede alinear componentes reposicionándolos, pero este es un proceso complejo; Delphi proporciona herramientas de alineación que hacen que alinear múltiples componentes sea extremadamente rápido y fácil. A continuación alinearemos los cuatro botones. Primero, seleccione cuatro botones como grupo: mantenga presionado el botón izquierdo del mouse y arrástrelo hacia la parte inferior derecha, dibujando un rectángulo alrededor de los cuatro botones. Después de soltar el botón izquierdo, aparecerá un borde gris oscuro alrededor del botón seleccionado. Seleccione el comando Editar | Alinear, o use el menú emergente (que se activa al hacer clic derecho en un widget anclado) y se mostrará el cuadro de diálogo que se muestra en la Figura 1.4.
Para alinear los botones en el lado izquierdo y distribuirlos verticalmente, en el cuadro de diálogo de alineación, seleccione Izquierda en la columna Horizontal y seleccione Vertical en la columna Vertical. Seleccione "Espaciar equitativamente" en la columna "Vertical", presione el botón Aceptar y Delphi los alineará automáticamente. Luego puedes moverlos como un grupo de cuatro. Al presionar el botón izquierdo del mouse en un formulario fuera de los cuatro botones, se liberan las partes del grupo, volviéndolas discontinuas.
Alinear piezas también es fácil usando plantillas de alineación. Primero, seleccione el grupo de componentes que desea alinear, luego elija Ver | Paleta de alineación para mostrar la plantilla de alineación. Selecciónelos como se muestra para lograr la alineación.