Controles Label, TextLabel, TextBox, TextArea, ValueBox

Hola Amigos en este pequeño tutorial veremos los algunos controles como lo son:
Label
TextLabel
TextBox
TextArea
ValueBox

Veremos algunas de sus propiedades para que se usan y algunos pequeños ejemplos !!

1) Control “Label”



El control label se usa para mostrar en el formulario “form” un texto estático en la pantalla es decir que el texto no se puede cambiar por el el usuario. A menos que utilices la propiedad text desde otro control, para cambiar el texto. Algunas de las propiedades de label son las siguiente:
Alignment
- Center “Alinea el Texto al Centro”
- Justify “Justifica el Texto”
- Left “Alinea al Izquierda el texto”
- Normal “Texto Normal”
- Right “Alinea a la derecha el texto”
- Top “Alinea Arriba el texto”
- TopLeft “Alinea Arriba y a la Izquierda el texto”
- TopNormal “Alinea Arriba y texto Normal”
- TopRight “Alinea Arriba y a la Derecha el texto”

Background
Sirve para ponerle un color de fondo al label.

Border
Su función es ponerle bordes a el label y tiene diferentes tipos de bordes como lo muestra la imagen .



Enable
Habilita y Deshabilita el control “label”

Font
Cambia el Tipo de letra, tamaño,estilo,subrayado y tachado para el texto del label.

Foreground
Sirve para cambiar el color de la letra del texto



Height
Mide el alto del control. Cada control tiene un tamaño con esta propiedad podrás saber el alto del label.

Mouse
Cambia el tipo de cursor cuando estés arriba del control “label”. Tiene diferentes tipos de cursores para que escojas a tu gusto.

Text
La propiedad mas importante del label, sirve para que el texto que este dentro de esa propiedad se muestre en el formulario “form”. Es decir que si escribes en esa propiedad “Hola Mundo” cuando ejecutes tu proyecto aparecerá el label con el texto Hola Mundo.


ToolTip
Sirve para mostrar alguna leyenda o mensaje, cuando estés enésima del control “label”.


Visible
Contiene dos propiedades True “Verdadero” y False “Falso”. Sirve para indicarle si el control “label” sera visible o invisible en el formulario. Por defecto viene true y si se cambia a false el control no se podrá ver hasta que se cambie la propiedad a true.

Width
Ancho del control “label”. Sirve para saber el ancho del label, cada control tiene un ancho y un alto.

X
La posición X del control como un plano cartesiano. El Formulario comienza desde 0 y colocas el control a la derecha seguirá incrementando su valor en el eje de las x “positivo”.

Y
La posición Y del control. Sirve para saber cual es la posición Y del formulario.


2) Control “TextLabel”



Las propiedades son iguales a los label lo único que cambia es la propiedad text. La propiedad text en el label muestra un mensaje corrido, mientras que el textlabel muestra el mensaje dependiendo de la anchura y altura por ejemplo:



Usamos un Label y un TextLabel con las mismas dimensiones “width = 168 y Height = 40” la cual mostraran un mensaje cuando le demos click al botton. El Codigo del botton es
PUBLIC SUB Button1_Click()
DIM cadena AS String = "Hola Veremos la diferencia entre Label y TextLabel. Espero que les Guste"
TextLabel1.Text = cadena
Label1.Text = cadena
END

El primero es el label y el segundo es el textlabel. Si vez la diferencia esta en que el label muestra el mensaje corrido, mientras que el textlabel lo muestra según su dimensión “width y Height”.

3) Control “TextBox”



El control textbox es utilizado para entrada de texto es decir un cuadro con un ancho y un alto para que el usuario escriba un texto para ser procesado.! Algunos de sus propiedades son:
- Alignment
Alinea el texto según la opcion
Center “Alinea el Texto al Centro”
Justify “Justifica el Texto”
Left “Alinea al Izquierda el texto”
Normal “Texto Normal”
Right “Alinea a la derecha el texto”
Top “Alinea Arriba el texto”
TopLeft “Alinea Arriba y a la Izquierda el texto”
TopNormal “Alinea Arriba y texto Normal”
TopRight “Alinea Arriba y a la Derecha el texto”

- Background
Color de Fondo del TextBox

- Border
Crea bordes a el textbox

- Enable
Tiene dos opciones True y False. Por defecto viene en true. El true significa que si puedes meterle datos a el textbox y el false significa que no puedes escribirle datos. Ejemplo



El primer textbox esta Enable = true y el segundo textbox esta en enable = false. Como vez en el primer textbox se puede escribir mientras que en el segundo textbox no se puede escribir.

- Font
Sirve para cambiarle el tipo de letra,tamaño a el textbox

- Foreground
Cambia el color de Letra del textbox

- Height
Altura del textbox

- MaxLength
Sirve para especificar cuantos caracteres puede contener el textbox es decir que si en maxlength le pones 10 solamente podras meter 10 caracteres.

- Mouse
Cambia el tipo de cursor cuando estés arriba del control “textbox”. Tiene diferentes tipos de cursores.

- Password
Si necesitas un textbox para meter una clave y que esta no se muestres debes cambiar esta propiedad a true. Es decir que le indica que ese textbox es para ingresar una contraseña.
Por ejemplo tenemos el primer textbox con password = true y el segundo con password = false. Si vemos al escribirle “hola mundo” el primer textbox te lo muestra con bolitas mientras que el segundo te muestra el texto.



- ReadOnly
Sirve para que el el contenido del textbox sea de Solo Lectura y no se podrá escribir en el.

- Text
Sirve para meterle datos al textbox de modo automático.

- ToolTip
Sirve para mostrar alguna leyenda o mensaje, cuando estés enésima del control “TextBox”.

- Visible
Indica si el control sera visible “true” o sera oculto “false”

- Width
Especifica el ancho del texbox
.

- X
Posicion x del textbox

- Y
Posicion y del textbox


4) Control “TextArea”



Sirve para insertar un volumen mas grande de texto. Tiene algunas propiedades mas que el textbox y tambien tiene algunas menos. Explicaremos las propiedad ScrollBar y Wrap ya que todas las demás las explicamos anterior mente.
Alignment “Eliminada”
Background
Border
Enable
Font
Foreground
Height
MaxLength “Eliminada”
Mouse
Password “Eliminada”
ReadOnly
ScrollBar “Agregada”
Text
ToolTip
Visible
Width
Wrap “Agregada”
X
Y

ScrollBar
Especifica si el textarea lleva barra de desplazamiento “horizontal, vertical, ninguna”. Contiene cuatro opciones
- Both “Indica que el textarea lleva las dos barras de desplazamiento horizontal y vertical”
- Horizontal “Indica que solo llevara la barra Horizontal”
- None “Indica no llevara ninguna barra”
- Vertical “Indica que llevara la Barra Vertical Solamente”

Wrap
Acomoda el texto en el textarea sin que se salga del ancho del control

Ejemplo



El primer textarea contiene ScrollBar Both y si notas el texto se paso del ancho del control y automáticamente creo una barra de desplazamiento Vertical.

El segundo textarea se cambio la propiedad Wrap de false a true y el texto se acoplo a el ancho del control.


4) ValueBox
Su función es que el usuario pueda insertar datos numéricos como día, tiempo, identificador y números. Es decir una caja para insertar números.
Background - Color de Fondo de el “ValueBox”
Border - Especifica si el ValueBox lleva borde
Enable - Habilita y deshabilita el control
Font - Tipo de letra, tamaño, subrayado,negrita, etc
Foreground - Color de Letra
Height - Alto del ValueBox
MaxLength - Máximo carácter que aceptara el ValueBox
Mouse - Tipo de Puntero
ReadOnly - Si es de solo lectura
ToolTip - Muestra un mensaje cuando estés situado arriba del control
Type - Tipo de dato que puedes meter en el ValueBox



- Date “Para insertar días en el ValueBox”



- Identifier “Para insertar identificadores números y letras”



- Number “Para insertar números”


- Time “Para insertar tiempo”

Visible - True si es visible y False si no es visible
Width - Ancho del ValueBox
X - Posición en X del Control
Y – Posición en Y del Control

Espero que le sirva de mucha ayuda..!! Saludos