Red de conocimiento de divisas - Apertura de cuenta en divisas - ¿Cómo hacer tú mismo la piel de Qianqianjingting?

¿Cómo hacer tú mismo la piel de Qianqianjingting?

Tutorial completo sobre cómo crear máscaras para Qianqianjingting

Qianqianjingting (en adelante, "Qianqian") ha admitido la función de cambio de máscara desde la versión 2.0, y ahora hay muchas máscaras. Es comparable a Winamp, pero debido a que Qianqian actualmente no admite scripts ni formatos de imagen png, el efecto no se puede comparar con la máscara moderna de Winamp o la máscara de Windows Media Player. Sin embargo, la máscara de Qianqian es mucho más simple de hacer. No requiere ningún conocimiento de programación ni tecnología compleja. Siempre que domines las operaciones básicas de edición de imágenes (Photoshop) y tengas suficiente paciencia (Paciente), podrás crear máscaras hermosas. En el siguiente tutorial, creo que también podrás diseñar una máscara única y exquisita para Qianqian.

1. Estructura del skin

El skin de Qianqian se encuentra en la carpeta Skin en el directorio de instalación. La extensión puede ser .skn o .zip. Todos son archivos comprimidos en formato zip. Para el primero, primero puede cambiar la extensión de .skn a .zip (para mostrar la extensión del archivo en el sistema, haga clic en "Herramientas" - "Opciones de carpeta" - "Ver" y luego cambie "Ocultar tipos de archivos conocidos". elimine la pequeña marca de verificación delante de la extensión) y luego descomprímalo en una carpeta separada. Ingrese a la carpeta y encontrará que contiene muchas imágenes en formato bmp y varios archivos xml, el más importante de los cuales es Skin Las funciones de. el archivo xml .xml y otros archivos xml se mencionarán más adelante.

La imagen bmp es el fondo y la imagen del botón de cada ventana, y Skin.xml es el archivo de configuración, que define la información básica de la máscara, la posición y el tamaño de la ventana y el botón, etc. Es un archivo basado en formato XML. Se puede abrir directamente con el Bloc de notas integrado del sistema u otras herramientas de edición de texto. Después de abrirlo, podemos ver su estructura básica:

...

. ..

...

...

...

Un análisis cuidadoso muestra que cada línea comienza con "<" y termina con ">", con varios elementos y Parámetros, se pueden dividir en dos tipos. La primera estructura es como:

Elementos. como XXX se denominan elementos, elementos como AAA y BBB se denominan atributos y aaa y bbb son los valores de los parámetros de los atributos.

Aquí, AAA y BBB son atributos de XXX, que se utilizan para modificar XXX. Por ejemplo, el atributo de posición se utiliza para definir la posición del elemento y el atributo de imagen se utiliza para definir el mapa de bits del elemento.

En este tipo, y deben usarse al mismo tiempo para formar un bucle cerrado. Es decir, si usas al principio, debes usar. cerrado, todos los elementos incluidos en el medio pertenecen a este elemento. Los tipos principales que utilizan este tipo son la ventana principal (es decir, el elemento player_window), la ventana del ecualizador (es decir, el elemento ecualizador_ventana), la ventana de visualización de letras (es decir, el elemento lyric_window), la ventana de lista de reproducción (es decir, el elemento playlist_window) y la ventana de modo mini (es decir, el elemento mini_window) Hay 5 ventanas básicas, y todas estas 5 ventanas están incluidas entre y .

La segunda estructura es como:

De hecho, esta es una abreviatura, es decir, , son los elementos de unidad más básicos, que se incluyen en cada ventana básica y se utilizan para varios botones, barras de arrastre, etc.

Con respecto al formato de los archivos XML, puede consultar los documentos relevantes. Lo que quiero mencionar aquí es que el orden de cada elemento y atributo no tiene ningún orden en particular y el número de espacios no importa. , siempre que contenga y sea Solo asegúrese de no cometer errores en la ubicación incluida y el formato básico (por ejemplo, los valores de los parámetros de atributo deben estar entre comillas dobles en inglés, etc.), pero para facilitar Al leer, editar y modificar, es mejor escribir estrictamente de acuerdo con el formato estándar. Analicemos Skin.xml en detalle, la primera línea:

Esta línea se utiliza para definir los atributos básicos y la información del skin, donde versión="2" se refiere al número de versión del skin y no No es necesario cambiar los siguientes atributos de nombre, autor, URL y correo electrónico que se refieren al nombre de la máscara, el nombre del autor, la dirección de la página de inicio del autor y la dirección de correo electrónico del autor, respectivamente. Esta información se mostrará en la ventana de la máscara de la aplicación. Opciones de Qianqian; y el siguiente color_transparente es un atributo muy importante, es decir, "color transparente". Después de definir el color transparente, las partes de la piel con este color se mostrarán como transparentes. Debido a que las imágenes en formato bmp no admiten transparencia, para crear ventanas y botones con fondo irregular, es necesario utilizar colores transparentes para lograrlo. El método consiste en rellenar las partes que se van a mostrar como transparentes con un color transparente definido. Una máscara solo puede definir un color transparente fijo, que está representado por el código RGB del color. Por ejemplo, el código RGB de púrpura puro es #FF00FF. El código RGB se puede ver en herramientas como Photoshop. (El color transparente debe intentar elegir un color con una gran diferencia en el tono de la piel, de lo contrario duplicará fácilmente el color de la piel, provocando que las partes necesarias sean transparentes. Generalmente, el morado puro será suficiente)

Siguiente Es la configuración de 5 ventanas básicas. La ventana del modo mini se explicará en detalle más adelante. En Skin.xml, primero debe configurar los ajustes relevantes de las cuatro subventanas: la ventana principal, la ventana de visualización de letras, la ventana del ecualizador y la ventana de lista de reproducción, y luego configurar los botones en cada ventana respectivamente.

2. Introducción a los parámetros de atributos

El siguiente es el diagrama correspondiente y la descripción de atributos de los elementos en cada ventana:

Posición: Esta es la más básica. atributo entre los elementos. Uno, utilizado para definir la posición y el tamaño del fondo de la ventana y los botones. El formato del valor del parámetro es "a, b, c, d". elemento pero también determina su tamaño, entre los cuales (a, b) es la coordenada de la esquina superior izquierda, (c, d) es la coordenada de la esquina inferior derecha, c-a es la longitud, d-b es la altura, el origen de las coordenadas se pueden dividir en dos situaciones: si es la posición de las tres subventanas del programa de letras, ecualizador y lista de reproducción, la esquina superior izquierda de la ventana principal se usa como origen de sus coordenadas; la posición de los botones dentro de cada ventana, la esquina superior izquierda de la ventana correspondiente se utiliza como origen de las coordenadas. Por ejemplo, el botón "Cerrar" en la ventana de visualización de letras es la imagen de fondo de la visualización de letras. es el origen, ¡y así sucesivamente para el resto!

En particular: ① El elemento de la barra de desplazamiento en la lista de reproducción no necesita definir el atributo de posición, y su posición se fijará automáticamente en el lado derecho de la lista de reproducción ② Los elementos de progreso y volumen en la lista de reproducción principal; ventana y ventana del ecualizador Los atributos de posición de los elementos de equilibrio, sonido envolvente y preamplificador representan las coordenadas del rango en el que se puede mover el control deslizante ③ Los atributos de posición del elemento de la lista de reproducción en la ventana del instrumento de la lista de reproducción y el elemento de letra en la letra; Mostrar ventana de instrumento representa la lista de reproducción y el rango de visualización, cuando la ventana de lista de reproducción y la ventana de visualización de letras cambian de tamaño, estos dos elementos cambiarán de tamaño automáticamente, pero la distancia entre sus cuatro lados y los cuatro lados de la ventana se refleja en esta posición. ;

resize_rect: Un atributo único de las ventanas de visualización de letras y lista de reproducción. Se utiliza para definir las partes extensibles de estas dos ventanas. Su formato de parámetro es el mismo que la posición, lo que significa que cuando el tamaño de la ventana. se cambia, solo se estirará la parte dentro del marco rectangular y la parte fuera de este rango no cambiará. También hay un atributo resize_tile que se usa en consecuencia. Su valor de parámetro puede ser 0 o 1, donde 0 significa que el estiramiento. El método se usa al cambiar el tamaño de la ventana. , 1 significa que se usa el método en mosaico, este atributo se puede omitir, es decir, se usa el valor predeterminado 0

Además, se muestran las ventanas de letras y listas de reproducción; También tiene un elemento opcional: título, que se puede usar cuando hay un Úselo cuando sea necesario (como mantener el título centrado al cambiar el tamaño de la ventana, etc.), el formato es el siguiente:

>p><p>El diagrama esquemático de los tres primeros es el siguiente:</p><p>imagen: se utiliza para definir la imagen utilizada por este elemento.</p><p>En términos generales, la mayoría de las imágenes de botones se componen de 4 imágenes del mismo tamaño una al lado de la otra, que representan cuatro estados diferentes del botón: botón normal, mouse pasando sobre el botón, mouse presionando el botón y botón no válido. La siguiente imagen es una reproducción. Imagen del botón:</p><p>Nota: ① Si el botón es el mismo en estos 4 estados, las 4 imágenes también deben colocarse una al lado de la otra para que se muestren normalmente. ② Existe en el elemento de desplazamiento de la lista de reproducción; Las imágenes correspondientes a los atributos scrollbar_button y scrollbar_button tienen solo tres estados: el botón es normal, el mouse pasa sobre el botón y el mouse presiona el botón;</p><p> align: se utiliza para definir la alineación de los elementos, y los valores de los parámetros se dividen en dos situaciones: uno está en los elementos LED, información, estéreo y estado de la ventana principal. En este momento, los valores pueden ser izquierdo, central y derecho, que representan el. el método de sangría de estas palabras; el segundo es en la ventana de visualización de letras, dentro de los elementos título, cerrar, encima, y ​​dentro de los elementos título, cerrar y barra de herramientas de la ventana de lista de reproducción, los valores se pueden dejar, centrar. , derecha, arriba, abajo, etc., lo que significa que la posición del elemento se mueve en relación con el borde cuando se cambia el tamaño de la ventana. Si desea establecer la alineación vertical y horizontal al mismo tiempo, puede usar el signo más en inglés para. conecte los dos juntos. Por ejemplo, "arriba+izquierda" significa alineación superior en la dirección vertical y alineación izquierda en la dirección horizontal;</p><p> imagen_pulgar, imagen_relleno, imagen_barra: existen en el progreso, elementos de volumen en el. ventana principal y los elementos balance, envolvente, preamplificador y eqfactor de la ventana del ecualizador, utilizados respectivamente para definir la imagen del control deslizante, la imagen que se llena cuando se mueve el control deslizante y el movimiento de la imagen de fondo dentro del rango </p> <p> vertical: elementos de progreso y volumen que existen en la ventana principal. El valor del parámetro puede ser verdadero o falso. Cuando es verdadero, el control deslizante se mueve en la dirección vertical. Cuando es falso, el control deslizante se mueve verticalmente. dirección; </p><p> color, bkgnd, fuente, tamaño_fuente: existen en los elementos de información, estéreo y estado en la ventana principal y se utilizan para definir el color, color de fondo, fuente y tamaño de fuente del texto. desea mostrar texto transparente, no necesita especificar el color de fondo (bkgnd);</p><p> thumb_resize_center: existe en el elemento de la barra de desplazamiento en la ventana de la lista de reproducción. Se utiliza para definir el centro del control deslizante del pulgar. de la barra de desplazamiento para escalar mosaicos. Si el valor es 0, significa que el control deslizante no escala al cambiar la altura de la ventana de la lista de reproducción;</p><p> thumb_resize_tile: existe en el elemento de la barra de desplazamiento. en la ventana de la lista de reproducción, y tiene la misma función que la lista de reproducción. El resize_tile de la ventana y la ventana de visualización de letras son los mismos;</p><p> hot_image: existe en el elemento de la barra de herramientas en la ventana de la lista de reproducción y se usa para definir la forma de la imagen cuando el mouse pasa sobre la barra de herramientas de la lista de reproducción. Este atributo es opcional si lo omites, el programa generará automáticamente el estado del botón cuando el mouse pase por encima;</p><p>eq_interval: existe en el elemento ecualizador_ventana en la ventana del ecualizador y se refiere al intervalo de 10 bandas. en el elemento eqfactor Tamaño (también: el atributo de posición del elemento eqfactor representa la posición del primer control deslizante entre los 10 controles deslizantes, y otros atributos son válidos para los 10 controles deslizantes </p><p> icono: existe en). el principal El elemento de icono en la ventana se utiliza para personalizar el icono de máscara. El archivo de icono (*.ico, 16*16) debe colocarse en la carpeta de máscara y empaquetarse y comprimirse.</p><p>Este atributo es opcional si se omite, se utilizará el icono predeterminado del programa;</p><p> left_top_color, right_bottom_color: existen en el elemento mini_border en la ventana de visualización de letras, que se utiliza para definir la ventana de visualización de letras en modo mini. del borde superior izquierdo y del borde inferior derecho;</p><p>Aquí nos centramos en la ventana del modo mini:</p><p>Como se muestra arriba, el modo mini es en realidad otra máscara independiente de la ventana principal , pero en el modo mini, las ventanas de lista de reproducción y ecualizador se omiten, y la ventana de visualización de letras y la ventana principal se simplifican. Todos los elementos, atributos y parámetros de la mini ventana son los mismos que los de la ventana principal. Están incluidos en <mini_window> y </mini_window>, que son equivalentes a <player_window> </player_window> en la ventana principal </p; ><p> El modo mini es para reducir el tamaño de la pantalla y simplificar los botones. Por lo tanto, los botones de la mini ventana deben ajustarse y reducirse en consecuencia, y se deben omitir algunos botones poco comunes, como el ajuste de volumen, etc. Generalmente, sólo se conservan "reproducir/pausar", "Detener", "Atrás", "Adelante", "Silenciar", "Icono", "Efectos visuales", etc. Además, la posición y la longitud de la ventana de visualización de letras en el modo mini son fijas y la altura es la misma que la imagen de fondo en el modo mini. </p><p>3. Empaquetado y compresión</p><p> Después de crear todas las imágenes y configurar Skin.xml, hay una cosa más por hacer, que es agregar Lyric.xml, lista de reproducción. xml, Visual.xml y otros tres archivos xml, se utilizan como combinación de colores y configuraciones relacionadas del programa de letras, lista de reproducción y efectos visuales, respectivamente. Si no agrega estos tres archivos, la apariencia se mostrará de acuerdo con el valor predeterminado. combinación de colores, por lo que se recomienda agregar cada combinación de colores adecuada a cada máscara para facilitar la combinación con el conjunto, haciendo que la piel sea más hermosa. Además, si la máscara no viene con su propio archivo de combinación de colores, al cambiar. Otras máscaras con colores coincidentes con esta máscara, la combinación de colores de la máscara original también la traje y el efecto fue muy feo. </p><p>Sus parámetros son similares a Skin.xml. Se pueden abrir con el Bloc de notas y configurar, sin embargo, existe otro método más conciso y eficiente, que es configurarlos en "Opciones de Qianqian" y luego hacer clic en ". Archivo de configuración" - "Guardar en archivo" en cada pestaña y guárdelos como "Playlist.xml", "Lyric.xml", "Visual.xml" respectivamente y luego cópielos en el mismo directorio. Simplemente haga clic en la carpeta del skin debajo Ctrl+A selecciona todos los archivos y luego agrega todos los archivos a la carpeta comprimida. Seleccione "zip" como formato de archivo comprimido, seleccione "mejor" como método de compresión y luego haga clic en "Aceptar". </p><p> En este punto, el skin se ha creado completamente. Copie el archivo comprimido a la carpeta Skin en el directorio de instalación de Qianqian y luego selecciónelo en "Opciones de Qianqian..." - "Skin" Elija. aplique la máscara o haga clic derecho en el panel principal: "Seleccionar máscara". </p><p>Algunas de las imágenes no están publicadas. Si hay algo que no entiendes, pregúntame específicamente. Yo mismo he hecho algunas. </p></section> <section class="erx-flex erx-num-font p"><a href="4azrlb1fpg.html">上篇: ¿Qué pasará si Meili Financial no paga el préstamo?</a> <a href="4b0eepuv4x.html">下篇: ¿Cómo cancelar un préstamo pequeño después de completar la solicitud de préstamo?</a></section> </article> <div class="erx-tct erx-page-tit">Artículos populares</div> <ul class="erx-m-bot erx-flex erx-page-list"><li><a href="6kcx1xy1ng.html">Quiero pedir prestado 3.000 yuanes con urgencia. ¿Qué debo hacer si lo recibo de inmediato y lo pago en medio año?</a></li><li><a href="17usupf5r6.html">¿Qué tal Chengdu High-tech Development Co., Ltd.?</a></li><li><a href="7h4ulsbhum.html">¿Qué son las tejas microcristalinas? Introducción a la clasificación de baldosas de piedra microcristalina.</a></li><li><a href="1zlxj67rd5.html">¿Por qué tanta gente solicita la maestría en contabilidad de Nannong?</a></li><li><a href="gqk3nybx1i.html">Somos una empresa de publicidad. Ahora el jefe quiere pagar el seguro de nuestros empleados. ¿Quién pasó por estos procedimientos? El patrón dijo que pagáramos tres seguros y un fondo.</a></li></ul> </main> </div> </div> <footer class="erx-tct footer"> <div class="erx-wrap"> <div class="erx-wrap">Copyright 2024 <a href="https://www.waihuizhishiwang.com/">Red de conocimiento de divisas</a> All Rights Reserved.<script type="text/javascript" src="../css/tongji.js"></script></div> </div> </footer> </body> </html>