Editando e Criando Skins

1 - DEFINIÇÕES

Cada skin do B-DJ é uma combinação de um arquivo de imagem e um arquivo de configurações.

O arquivo de imagem (.bmp) contém o desenho do fundo da skin bem como o desenho dos componentes que se movimentam e que alteram seu comportamento (mudança de cor, por exemplo). O desenho do fundo não se altera e é mostrado do tamanho da resolução para a qual a skin foi configurada.

O arquivo de configuração (.xml) possui diversos comandos que, entre outras coisas, posicionam componentes do B-DJ, definem seus tamanhos, cores em alguns casos e seus desenhos substitutos, quando estes mudam de estado.

O arquivo de imagem deverá ter o mesmo nome do arquivo de configuração, diferenciando-se um do outro apenas por suas extensões. Por exemplo: DECKASYNC.bmp e DECKASYNC.xml.

Arquivo BITMAP de uma skin.
Até a parte mais baixa dos dois retângulos escuros inferiores é representado o desenho de fundo, neste caso com 1024 pixels de largura e 768 pixels de altura.

Abaixo dos dois retângulos aparecem desenhos auxiliares, que não compõem o fundo e que substituem desenhos do fundo, por superposição quando alteramos uma função ou servem para representar movimento como, por exemplo, nos controles deslizantes.


Cabeçalho da skin.

<?xml version="1.0" ?>
<!-- TRAK3 - SKIN DESENVOLVIDA POR FERNADO motodicas@yahoo.com.br -->
<bdjskin targetversion="1" skinname="DECKASYNC" screenwidth="1024"
screenheight="768">

Define configurações iniciais, o nome da skin e a resolução de vídeo. Para adicionar-se um comentário,ou seja, uma frase que não realizará nehum comando, usa-se os caracteres <! no início da frase.

Exemplo de linha de comando. Botão de acionamento do auto DJ.

<button action="autodj" width="61" height="23" posx="450" posy="74" downx="449" downy="73" isswitch="yes" selx="1" sely="862" downselx="0" downsely="861"/>

. Tipo de ação: button action
. função: altodj
. largura do botão: 61
. altura do botão: 23
. posição x no bmp: 450
. posição y no bmp: 74
. posição x quando pressionado: 449
. posição y quando pressionado: 73
. posição x da figura que representa que o botão está ligado: 1
. posição y da figura que representa que o botão está ligado: 862
. posição x da figura que representa que o botão está ligado e pressionado: 0
. posição y da figura que representa que o botão está ligado e pressionado: 861

O comando isswitch="yes" define que o botão é do tipo que se liga a apertar e se desliga apertando novamente (push-button)

2 - PRIMEIRA EXPERIÊNCIA

Para a primeira experiência de edição da skin deveremos usar a cópia de uma skin existente, alterando seu nome, de acordo com os seguintes passos:

. abra a pasta C:\Arquivos de programas\XYLIO\B-DJ\skins
. copie o arquivo DECKASYNC.bmp (<ctrl C>) ou outro arquivo de skin
. gere uma cópia do arquivo (<ctrl V>)
. copie o arquivo DECKASYNC.xml (<ctrl C>) ou outro arquivo de skin igual ao anterior
. gere uma nova cópia do arquivo (<ctrl V>)
. renomeie o arquivo "coipa de DECKASYNC.bmp" para teste.bmp ou outro nome de sua preferência
. renomeie o arquivo "copia de DECKASYNC.xml" para o mesmo nome do novo arquivo .bmp mas com extensão .xml (teste.xml)
. abra o novo arquivo .xml (teste.xml) para edição (tecla direita do mouse sobre o arquivo, no menu popup, opção editar)
. altere o cabeçalho do arquivo conforme abaixo

ANTES
<?xml version="1.0" ?>
<!-- TRAK3 - SKIN DESENVOLVIDA POR FERNADO motodicas@yahoo.com.br -->
<bdjskin targetversion="1" skinname="DECKASYNC" screenwidth="1024"
screenheight="768">
DEPOIS
<?xml version="1.0" ?>
<!-- TRAK3 - SKIN DESENVOLVIDA POR FERNADO motodicas@yahoo.com.br -->
<bdjskin targetversion="1" skinname="teste" screenwidth="1024"
screenheight="768">

. salve o arquivo teste.xml (escolha "todos os arquivos" na hora de salvar ao invés de "documento de texto")
. ligue a bcd e abra o B-DJ
. Clique em configurações (CFG) e procure a sua nova skin

. aparecerá no menu de configuração a skin teste (1024x768), que será exatamente igual à skin DECKASYNC (1024x768).
. agora você já pode tentar alterar a skin teste sem medo. Abra o arquivo teste.bmp no paint brush e compare posições e tamanhos com as configurações constantes no arquivo teste.xml. Tente fazer alterações nunca esquecendo de salvar o .bmp e o .xml após as alterações.

 

CONTINUA . . . .