| Componente regla : |
Es un componente que puede utilizarse por ejemplo para un sencillo procesador de texto o para un visor de imágenes.

Es el segundo componente y lo comencé a crear porque creia que lo terminaria en unos cuantos minutos. Luego me di cuenta que era mas complicado de lo que a simple vista parece ya que tiene una gran cantidad de opciones de configuración.
Es un componente que puede tener el tamaño que nosotros le queramos dar y los centimetros que puede marcar la regla tambien pueden ser configurados. Los cuadrados que aparecen en sus extremos sirven de marcas y pueden ser desplazadas sobre la regla con el raton por ejemplo para delimitar el ancho de un parrafo en un procesador de texto. Tambien pueden ser eliminadas del componente si no nos hiciera falta o inmovilizadas al movimiento del raton.
Propiedades:
Modificando sus propiedades podemos configurar el número de milimetros que marque la regla, los colores de la misma, si va colocada horizontal o verticalmente ,hacia la izquierda o la derecha,el sentido de los números de la regla hacia arriva o hacia abajo , la escala,la posición de las marcas o la posibilidad de que estas se oculten o queden inactivas. y un monton de cosas mas.
Otra posibilidad es ocultar las marcas de los milímetros ya que en algunas ocasiones no existe la misma distancia entre milímetros consecutivos debido a el poco número de pixels de los monitores.
Eventos:
Tiene tres eventos típicos como son onmouseup, onmousedown y onmousemove y otros eventos propios que se producirian al comenzar o terminar de mover cualquira de las guias o mientras estas se encuentren moviendo.