Lección 2

Botón comando

 

En esta práctica se asignan valores al botón Comando utilizado en la práctica anterior. Seleccione el  botón comando y después presione la función F4, con ello, la ventana de propiedades  se  activa  y  se puede ahora cambiar su contenido. El cuadro de propiedades se ubica generalmente en la parte inferior derecha  y  tiene el  siguiente  aspecto.

Para modificar el texto Button1 por otro texto, se debe dar clic en la casilla Text y cambiar el Texto Button1 por otro como MOSTRAR EL TEXTO.

Se debe ajustar el ancho del botón para que muestre el texto completo. También se puede cambiar la propiedad AutoSize de Falso a Verdadero y ajustar la posición del botón para que quede al centro.

De esa manera al probar el programa con F5 se muestra la ventana form1 con el texto nuevo.

El resultado al dar clic sobre el botón es el mismo.

Hay otras propiedades en el botón Comando  que permiten diseñar nuevas formas de presentación. Enseguida se describe la propiedad FlatStyle.

La Propiedad FlatStyle  determina la apariencia del botón cuando se está ejecutando el programa y cambia cuando el mouse se pasa por encima. La figura 17 muestra las cuatro alternativas posibles de FlatStyle.

El estilo Estándar  y  System cambian aclarando el color del botón de gris a color azul claro.

En el estilo FLAT cambia el contorno a una línea más gruesa y el tono del botón.

Con el estilo POPUP cambia el contorno del extremo izquierdo cada vez que se aproxima el mouse sobre el botón.

A manera de ejercicio se solicita que se establezca un formulario con cuatro botones (button) y se asigne a cada botón una de las propiedades de FlatStyle.

Al ejecutar el programa debe presentar una apariencia como la figura 22.

Propiedades BackColor  y  ForeColor

Determina la apariencia del fondo del botón y el color del texto. La figura 23 muestra la ventana en ejecución y la ventana de propiedades donde se configuran los colores de backColor y ForeColor.

La selección de colores se agrupa en tres tipos de color; que son CUSTOM, WEB y SYSTEM. La figura 24 despliega algunas de las opciones de color. En la primera opción se muestra el color en varias tonalidades de claro a oscuro. En la segunda opción se muestran los colores con nombre característico; y en la tercera opción los colores se asignan de acuerdo a los colores designados en Windows.

Propiedad Font

Se establece con esta propiedad el tipo de letra y su tamaño. Para cambiar el tipo de letra se selecciona el recuadro con tres puntos a la derecha de la casilla Font y se ajusta fuente, estilo y tamaño. La figura 25 muestra la ventana de propiedades y la ventana para seleccionar fuente, estilo y tamaño.

A manera de  ejercicio pruebe cambiando el fondo del botón a color rojo y las letras en negritas tamaño 14 en color blanco. También cambie el color del fondo del formulario a color amarillo. El resultado final debe verse como se muestra  en la figura 26. El fondo en claro, las letras en blanco y el fondo en rojo.