Discussion: TrueTransparency 0.9.4
Afficher un message
#2
Vieux 10/04/2008, 21h58
Team CustomXP.net
-
Avatar de Team CustomXP.net
Team CustomXP.net
Date d'inscription : août 2001
Messages : 603
Team CustomXP.net est déconnecté
Skin TrueTransparency

Structure:

La structure des skins est imposée et doit être la suivante.

Code:
NomDuSkin
|
 - Normal
   |
    - skin.ini
    - top-left.png
    - top.png
    - top-right.png
    - left.png
    - right.png
    - bottom-left.png
    - bottom.png
    - bottom-right.png
    - min-button.png
    - max-button.png
    - close-button.png
	- close2-button.png
	- help-button.png
|
 - Maximized (facultatif)
   |
    - skin.ini
    - top-left.png
    - top.png
    - top-right.png
    - left.png
    - right.png
    - bottom-left.png
    - bottom.png
    - bottom-right.png
    - min-button.png
    - max-button.png
    - close-button.png
Le contenu du répertoire Maximized permet de donner un skin différent aux fenêtres maximisées. Ce répertoire n'est pas obligatoire, s'il n'existe pas, les fenêtres maximisées utiliseront le même skin que les autres fenêtres.

Images pour les bordures:

Ces images sont aux nombres de 8 (top-left.png, top.png, top-right.png, left.png, right.png, bottom-left.png, bottom.png et bottom-right.png).

Les images sont composées de 2 éléments, une image pour la version active et une pour la version inactive. Les 2 versions sont l'une en dessous de l'autre (active au dessus et inactive en dessous).

PS: les 3 images top (top-left.png, top.png et top-right.png) doivent obligatoirement avoir la même hauteur. Même chose pour les 3 images bottom. Sinon le skin ne se chargera pas.
PS2: les images top.png et bottom.png peuvent faire plus de 1px de large et les images left.png et right.png peuvent faire plus de 1px de haut.

Images pour les boutons:

Les 5 images restantes (min-button.png, max-button.png, close-button.png, close2-button.png et help-button.png).

Comme pour les bordures, les différentes images des boutons sont regroupées en une seule. Du haut vers le bas, on retrouve soit:
Citation:
- image normal active
- image survolée active
- image normal inactive
- image survolée inactive
ou
Citation:
- image normal active
- image survolée active
- image pressée active
- image normal inactive
- image survolée inactive
- image pressée inactive
Ces images ne sont pas obligatoire. Si une image manque, le bouton ne sera tout simplement pas affiché.

PS: les boutons sont maintenant correctement dessinés par dessus la bordure et pas à la place de la bordure comme avec les anciens skins.

Fichier skin.ini:

Pour finir, la partie la plus importante, le fichier de configuration. Attention, il y a aussi un fichier dans le repertoire Maximized pour permettre des réglages différents.

Le fichier de configuration est constitué de 2 choses différentes:
- les sections sous cette forme "[SECTION]"
- les options sous cette forme "Option=..."

PS: l'ordre des sections n'a pas d'importance.
PS2: toute ligne invalide est ignorée

* Sections "TOP", "LEFT", "RIGHT" et "BOTTOM"

Ces 4 quatres sections possèdent une seule option possible "Position" dont les valeurs possibles sont:
- Left|Centered|Right|Stretched : pour "TOP" et "BOTTOM"
- Top|Centered|Bottom|Stretched : pour "LEFT" et "RIGHT"

Cette option définie comment sera répétée l'image correspondante:
- Left (Top) -> l'image est collée à gauche (en haut) puis la dernière colonne (ligne) est répétée.
- Right (Bottom) -> l'image est collée à droite (en bas) puis la première colonne (ligne) est répétée.
- Centered -> l'image est centrée, la première colonne (ligne) est répétée sur la gauche et la dernière colonne (ligne) est répétée sur la droite.
- Stretched -> l'image est étirée pour prendre toute la place disponible.

La section "TOP" et uniquement pour le skin Normal a aussi l'option "BorderSize" qui permet de définir la taille de la zone de redimmensionnement par le haut de la fenêtre.

* Sections "ICON"

Les options sont les suivantes:
- Size -> la taille de l'icone (l'icone est forcément carrée).
- PosX, PosY -> la position de l'icone.
- Position -> pour mettre l'icone à gauche (valeur Left) ou à droite (valeur Right).

PS: si cette section n'est pas présente, l'icone ne sera pas affichée.

* Sections "MIN-BUTTON", "MAX-BUTTON", "CLOSE-BUTTON", "CLOSE2-BUTTON" et "HELP-BUTTON"

Les options sont les suivantes:
- PosX, PosY -> la position du bouton.
- Position -> pour mettre le bouton à gauche (valeur Left) ou à droite (valeur Right).
- 3State -> Si le bouton a 3 états (normal, survollé, pressé) ou non (valeur Yes ou No).

* Sections "CAPTION"

Les options sont les suivantes:
- FontName -> le nom de la police.
- FontSize -> la taille de la police.
- HorizontalAlignment -> défini comment le texte est aligné horizontalement (valeur possible: Left|Center|Right).
- VerticalAlignment -> défini comment le texte est aligné verticalement (valeur possible: Top|Center|Bottom).
- PosX, PosY -> la position du texte.
- Color -> la couleur du texte.
- OutlineColor -> la couleur du contour du texte.
- GlowColor -> la couleur de l'aura autour du texte.

PS: les couleurs sont définies sous cette forme R,G,B,A avec des valeurs de 0 à 255.
PS2: OutlineColor et GlowColor sont optionnelles. Il peut y en avoir aucun des deux, un seul ou les deux de présent.
PS3: si cette section n'est pas présente, le texte ne sera pas affichée.

Réponse avec citation Haut de page