ColorPicker

He pasado los últimos tres fines de semana —o al menos parte de ellos— estudiando sobre controles definidos por el usuario. Como proyecto de estudio, desarrollé un control llamado ColorPicker que permite seleccionar un color haciendo click en un mapa de colores.


Durante estas sesiones de estudio aprendí lo siguiente:

Debugging de Controles definidos por el usuario.

Los controles definidos por el usuario tienen que ser probados para que funcionen bien tanto en tiempo de diseño como en tiempo de ejecución. 

Tiempo de Diseño:  Tiempo de diseño es cuando otra persona (o nosotros mismos) está usando nuestro control como parte de un formulariocuando diseña una aplicación huésped.

Tiempo de Ejecución: Es cuando nuestro control está ejecutando dentro de la aplicación huésped.

Para debuggear un control en tiempo de diseño es necesario hacer ciertas configuraciones en la pestaña "Debug" de las propiedades del proyecto. Lo que hacemos allí es indicarle al IDE que, al arrancar el modo de debug, ejecute otra instancia del IDE. En esta instancia podemos crear un proyecto en el cual usamos el control. Si estando en tiempo de diseño ocurre una excepción, el depurador se activará en la línea donde se produjo el error.

Si tenemos instalado el Visual Studio en el directorio predeterminado, entonces la dirección que tenemos que colocar en el campo "Start external program" es:

C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\IDE\devenv.exe

Para debugear el control en tiempo de ejecución, lo hacemos igual que cualquier otro componente, agregando a nuestra solución un proyecto de prueba y estableciendo dicho proyecto como proyecto de arranque (startup) en la solución.

Descripción de propiedades y eventos del control que se ven en el IDE

Otro detalle interesante delproceso de crear controles definidos por el usuario es que podemos establecer el texto que se muestra en el IDE cuando nos colocamos sobre alguna de las propiedades del control:

Para hacer esto, lo único que tenemos que hacer es agregar un atributo llamado "Description" a la propiedad en el código fuente del control, así:

[Description("Gets or Sets the the color through a System.Drawing.Color object")]
public Color Color
{
   get
   {
      // código del get
   }
   set
   {
      // código del set
   }
} 

La misma propiedad la podemos usar para agregar la descripción de los eventos.

El control completo está publicado en esta dirección: http://osoft.ecarri.org/ColorPicker/

En caso de que esa dirección no funcione (a veces falla) también está disponible en esta otra dirección: http://osoft.260mb.com/ColorPicker/