Resultados 1 al 4 de 4

Tema: [GUÍA] Barra lateral

  1. Ly0n
    Ly0n está desconectado
    Usuario registrado CV Avatar de Ly0n
    Fecha de ingreso
    25 oct, 06
    Ubicación
    01001100 01010101 01000111 01001111
    Mensajes
    2,204

    [GUÍA] Barra lateral

    Hola! Aunque tengo pendiente todavía un par de guías que me han pedido, he decidido hacer una sobre como crear una barra lateral desde cero, utilizando unicamente Samurize 1.64, el PluginPack10 y un sólo icono (que tampoco era necesario). Lo ideal es utilizar los valores de la imagen, así me ahorro escribirlos xD.

    Primero abrimos el Config Editor:


    A continuación, añadiremos un rectángulo pinchando en "Add background object" y seleccionando "Add rectangle":


    Ya tenemos el fondo de la barra. Ahora haremos lo mismo pero con una elipse:


    Esta elipse la utilizaremos para crear un reloj analógico. A continuación añadiremos un "Date/time", para ir creando la aguja de las horas. Su tamaño será de 80x80 en las coordenadas (35,35), siendo un medidor de tipo analógico (analog):


    Este paso lo repetiremos con la aguja de los minutos y segundos, siendo estas de un tamaño mayor. Los parámetro serán %m y %s:


    Para mejorar el resultado, añadiremos otro medidor de este tipo, pero con el valor "d", para coger el día. Este medidor será de tipo "pie", y el valor máximo que debemos poner será 1. ¿Por que hago esto? Por que así siempre será una esfera completa, para tapar la unión de las agujas. Su tamaño será de 10x10 e irá en las coordenadas (70,70):


    Ahora añadiremos una barras para marcar las horas, sólo las principales (12, 3, 6, 9). Deberemos tener en cuenta el ángulo, pero bueno, este paso es opcional, estético:


    Guardamos los progresos y cargamos la configuración, para ver como va quedando:


    No está mal para empezar. Ahora comenzaremos a añadir los medidores de rendimiento y demás. Comenzaremos con un "PerfMon", en el que por defecto nos viene seleccionado el uso del procesador:


    El tipo de medidor será "pie", con la configuración de la siguiente imagen. Irá en las coordenadas (10,190) con un tamaño de 80x40:


    Ahora añadiremos otro medidor con el mismo origen, pero de tipo "progressbar" en las coordenadas (50,190) de 80x10 píxeles. Así conseguiremos el tipo de barra que quería crear:


    Y añadiremos un texto de 90x10 en (40,170) para indicar que mide el medidor:


    Haremos lo mismo añadiendo medidores para la RAM, eligiendo el porcentaje de memoria utilizada. En esta caso el "pie" tendrá un valor máximo de 20, y la "progressbar" un mínimo de 20. Quedará algo así:


    Y repetiremos los pasos, primero seleccionando el medidor adecuado para el espacio en disco. Lo configuraremos para que nos devuelva el porcentaje de espacio utilizado:


    Esto es lo que llevamos por ahora en el Config Editor:


    Y esto es lo que se ve en el escritorio:


    No va mal la cosa. Ahora comenzaremos con la subida/descarga. Los pasos son similares a los anteriores. Si tenemos más de un adaptador de red, deberemos elegir el que deseemos:


    Como la subida de mi linea es de 320 Kbps, limitaré el medidor "pie" a 10, y la progressbar a partir de ahí, hasta 40, ya que elegiré convertir el valor en bytes a Kilobytes:


    Lo mismo para la descarga, pero en este caso, al ser 3 Mbits, osea, unos 375 Kb/s, limitaré el pie a 75, y la progressbar entre 75 y 375:


    Bien, comencemos con las temperaturas. He utilizado MBM5 para medirlas, por lo que deberemos agregar un medidor para obtener los valores del MBM5. El "analog" que utilizaré será de 130x130, con valores entre 20 y 60, comenzando en 150º con un desplazamiento de -120. Será de color verde, e irá cambiando a rojo cuanto mayor sea el valor:


    Añadiré también texto, para que la lectura sea más clara, y unas líneas para identificar la temperatura a simple vista:


    Repetiremos los pasos con la caja y el disco duro, o los sensores que querais:


    Ahora vamos a añadir un espectrómetro para el audio, que es una cosa que me gusta mucho :


    Y también texto para el artista y título. Como puede que este se pase del tamaño de la barra, le añadiremos la opción de desplazamiento (como en Winamp, el texto va rotando):


    La configuración del medidor de texto será la siguiente:


    Ahora configuraremos el espectrómetro, para ello elegiremos "Visualization plugin" en tipo de display, y lo configuraremos así, mismamente:


    Como necesitamos bastantes fps en el espectrómetro, pero no queremos que nuestros medidores se vuelvan locos, los configuraremos para que se actualicen una vez por segundo:


    Mientras que en las opciones de la configuración le pondremos que se actualice cada 50ms, osea, 20 fps:


    Y este será el resultado final:


    No ha quedado mal, pero sería mejor que se pudiera ocultar, ¿no?. Para ello utilizaremos un plugin llamado "ConfigSlider". Primero añadiremos texto, que configuraremos para que nos muestre una imagen. Esta imagen será el único icono de la configuración. Una vez insertada (recomiendo 16x16px, posición (150,0)), iremos a "Input" y marcaremos "Allow input controls" y le daremos a "Add":


    Escogeremos el plugin "ConfigSlider" y la acción elegida será el Left Mouse Click (click izquierdo), pinchando a continuación en "Configure PlugIn":


    Aceptamos, y ahora vamos a ver que pasa si cargamos la configuración y pinchamos en el icono:


    Perfecto, se esconde. Como hemos marcado la opción "Reverse direction on next click", al volver a hacer click, la barra volverá a su posición inicial. Así podremos mostrarla u ocultarla cuando queramos. También podríamos haber añadido un medidor todo a lo largo de la barra, de unos 10px de ancho, en la posición (150,0). Si escogiésemos la función del raton "On Mouse Over" y configurásemos el desplazamiento en 150px, colocando la barra en la posición (-150,0), al cargar la configuración no se vería nada. En cuanto el cursor del ratón estubiese a menos de 10px del borde de la pantalla, entraría en acción el medidor, desplazando la configuración y dejándola a la vista. Si a esto le añadimos el "On Mouse Leave", y -150px de desplazamiento, cuando el cursor saliera de la barra, esta se volvería a ocultar.

    Bueno, espero que os haya gustado, como veis me ha llevado una hora y media, sacando screens y tal (paré entre las 1:30 y las 2:30), así que no se puede decir que sea algo que lleve mucho tiempo realizar. A ver si se anima la gente a realizar DeskMods, que está muy parado el subforo y es algo barato y para nada peligroso.

    Un saludo, espero opiniones

    PD: Si alguien quiere la barra esta, cuelgo la configuración exportada.
    Otro saludo

  2. PmV45
    PmV45 está desconectado
    Usuario registrado CV
    Fecha de ingreso
    05 mar, 05
    Ubicación
    HUELVA
    Mensajes
    1,172
    Increible guia, buen aporte.

  3. Ly0n
    Ly0n está desconectado
    Usuario registrado CV Avatar de Ly0n
    Fecha de ingreso
    25 oct, 06
    Ubicación
    01001100 01010101 01000111 01001111
    Mensajes
    2,204
    Gracias aunque lo cierto es que quedó un poco "larga" xD

    Un saludo

  4. Ly0n
    Ly0n está desconectado
    Usuario registrado CV Avatar de Ly0n
    Fecha de ingreso
    25 oct, 06
    Ubicación
    01001100 01010101 01000111 01001111
    Mensajes
    2,204
    Archivo .sam

    Aquí os dejo el archivo de configuración. Al importarlo debereis elegir el adaptador de red que deseais utilizar (os lo pedirá 4 veces).

    La configuración es para el ADSL de 3 MB de Telefónica (320/3000), si quereis hacer cambios debereis editar los 4 medidores de subida/descarga.

    El primero (curva_subida) tiene como mínimo 0 y máximo 10 (hablamos de KB/s), yo lo pondría a un 25% de la línea (320 de subida -> 40KB/s -> 10; si tienes 600 de subida -> 75 KB/s -> aprox 20). El segundo (barra_subida) deberá tener como mínimo el máximo de curva_subida, y como máximo el tope de la línea (en mi caso, mínimo 10, máximo 40; con 600, mínimo 20, máximo 75).

    Para la descarga (curva_descarga y barra_descarga) es el mismo procedimiento.

    Cualquier duda podeis consultármela por aquí, así podemos evitar que se repita.

    Un saludo