[ChalaGauge] Nuevo Control Gauge Lineal Beta
Hola, quiero compartir con ustedes otra versión del Gauge, si este es el primer post que vez sobre estos controles, te invito a revisar los siguientes links:
http://geeks.ms/blogs/gperez/archive/2009/07/20/chalagauget-skin-nitro-de-h-233-ctor-p-233-rez-cool-b-225-jalo-ya.aspx
http://geeks.ms/blogs/gperez/archive/2009/07/13/gauge-mi-control-gauge-silverlight-versi-243-n-beta1-liberada-para-siempre-gratis.aspx
http://geeks.ms/blogs/gperez/archive/2009/07/15/chalagauget-nuevo-skin-para-control-circular.aspx
Si ya sabes de que hablo, bueno , sigamos revisando el nuevo control, básicamente consiste en un Gauge lineal, es decir, que su indicador se mueve horizontalmente.
Esta vez, no implementé archivos de Skin para cada una de las versiones, ya que creo que se ven bien sin modificaciones (o al menos eso creo). A diferencia de los Gauge circulares, se ha incluido funcionalidades adicionales, como ir mostrando el valor máximo alcanzado y el valor mínimo, además de poder resetear estos valores.
En la siguiente imagen podemos ver las características del Gauge
Los dos diseños que se incluyen hasta el momento son:
1) GaugeLineal1.xaml:
2) GaugeLineal2.xaml:
Configuración Básica
En el archivo que está dentro de la carpeta Scripts, GaugeLineal.js podrás editar los principales parámetros de configuración.
//Seleccion del SKIN
var MODELOXAML = "GagueLineal1.xaml";
var MOSTRAR_INDICADORES = "SI"; //SI – NO
var MOSTRAR_RESET_INDICADORES = "SI"; //SI – NO
var FUNCION = "generaAnimacion(aleatorio())";
var INTERVALO = 2000;
//Dimensiones
var ALTO = 105;
var ANCHO = 459;
Como se ve, se puede setear si es que queremos ver los indicadores (máximo y mínimo) y si es que queremos ver el botón reset. Además se pueden cambiar las dimensiones (en el gadget anterior solo teníamos la variable dimensión ya que era un cuadrado), lo demás funciona de manera similar al control gauge circular.
Estructura de Carpetas
Como se ve en la siguiente figura, ya no existen los skins, lo que hace que resulte en un control bastante sencillo de implementar.
Probando el Control
Video:
Descarga:
Baja el control ChalaGauge Lineal ( y cuéntame como te fue, soy un fanático del feedback!)
Espero que te sirva!
Gonzalo