Ir al contenido principal

TextBox con Borde Personalizado

Bien, retomando nuevamente mi blog, luego de tanto tiempo ausente, veremos como personalizar el borde del control TextBox con un color diferente.

hace poco vi en los foros de MSDN, en el foro de VB.Net esta pregunta, ¿Cómo puedo cambiar el color del borde de un control TextBox?, anteriormente también se hizo la misma pregunta en este mismo foro donde yo respondí como hacerlo VB2010 4.0 - Como crear un textbox personalizado.

no hay manera fácil de personalizar un control, generalmente se tiene que sobre escribir el evento WndProc para escuchar los mensajes de window y reemplazar la funcionalidad de estos según sea la necesidad o el control.

bien, para cambiar el color del borde del control TextBox sin mucha funcionalidad, se debe de escuchar y reemplazar el funcionamiento de los mensajes WM_PAINT y WM_NCPAINT. ¿Porque WM_PAINT?, porque cuando cambiamos la propiedad BorderStyle de este control a FixedSingle, quien pinta el borde es el mensaje WM_PAINT no asi el WM_NCPAINT.

Para la demostración creare una clase que herede de TextBox la cual llamaremos TextBoxEx, ademas, agregare una nueva propiedad que llamare "BorderColor" con la cual indicaremos el color que tendrá el borde de este control. Cuando esta propiedad este en su valor predeterminado "Empty", el control pintara su borde.

Vista preliminar:
Ademas, se hace uso de algunas API de Windows, usadas en el mensaje WM_NCPAINT.

GetDCEx
ReleaseDC
ExcludeClipRect
GetWindowRect
RedrawWindow

Descargar proyectos tipo Librería:
VB.Windows.Forms.ControlExt.Zip
CSharp.Windows.Forms.ControlExt.Rar

Espero sea de mucha ayuda y aprendizaje el artículo.

Artículos relacionados:

TextBox con Icon/Image
Nullable DateTimePicker


Comentarios

  1. Hola. Quiero hacer lo mismo para un toolstriptextbox o toolstripcombobox para añadirlo a mi bindingnavigator, Tomando tu codigo de ejemplo se podria hacer que heredase en lugar de textbox de toolstriptextbox? lo he intentado pero me sale una serie de errores, tales como que WndProc no es um miembro de System.WIndows.Forms.ToolStripTextBox. Alguna sugerencia?
    Gracias

    ResponderEliminar
  2. en fin como le agregar el color al borde y la imagen en todo caso e intentado en las propiedades del control y nada no encuantro nada

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

TextBox con Icon/Imagen

Bien, continuando con este articulo: TextBox con borde personalizado , ahora le dare la funcionalidad de poder mostrar un icono o imagen dentro del Control TextBox. Existen dos maneras de hacer esto: Pintar el icono/imagen dentro del control o Pintar el icono/imagen dentro del Non-Client Area del control. Pintar el icono/imagen dentro del control. Antes de escribir el código decidi googlear un poco, para ver si alguien más ya habia tenido la misma idea de usar el mensaje EM_SETMARGINS para dejar el espacio necesario para pintar el icono o imagen ya sea a la derecha o izquierda y me he encontrado con este articulo. Adding an Icon or Control to a TextBox or ComboBox . Pintar el icono/imagen de ntro del Non-Client Area del control. Us ando el Non- Client Area no encontre resultados googleando, así que es la forma que usar e para dib ujar un icono o imagen dentro de un control TextBox. En el control TextEditor que escrib í, utilizo esta manera para pintar el icono

Personalizar DataGridView (II) - Bloquear columnas de solo lectura

Personalizar DataGridView - Actualizaciones Personalizar DataGridView (II.1) - Bloquear columnas de solo lectura. Personalizar DataGridView (III) - Cambiar Diseñador. Bien, continuando con el articulo " Personalizar DataGridView (I) - Pintar área vacía ", ahora lo que haré es darle al control la funcionalidad de bloquear las columnas cuya propiedad " ReadOnly " se establezca en " true ", entiéndase por "Bloquear" el evitar que las columnas cuya propiedad " ReadOnly=true " puedan recibir el foco, ya sea por el teclado o por el ratón ( mouse ). Para tal objetivo agregare una nueva propiedad al control la cual llamare " AllowFocusReadOnlyColumns " cuyo valor predeterminado sera " true ", en caso de ser " false " las columnas marcadas como solo lectura no recibirán el foco. También le daré la funcionalidad de poder avanzar a la siguiente columna al presionar la tecla " ENTER " agregando otr