Discussion: TrueTransparency 0.8.5
Afficher un message
#2
Vieux 13/10/2007, 11h13
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

Pour cette nouvelle version, un post récapitulatif me parait nécessaire pour faire le tour des différentes possibilités en ce qui concerne les skins de TT.

Structure:

Pour des raisons de simplicité et pour alléger le fichier skin.ini, la structure des skins est maintenant imposée, il n'est plus possible de donner le nom que vous voulez aux images.

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
|
 - 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).

Par rapport aux anciens skins, il n'y a plus une image pour la version active et une pour la version inactive. Les 2 versions sont dans la même image 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 3 images restantes (min-button.png, max-button.png et close-button.png).

Comme pour les bordures, les différentes images des boutons ont été regroupé en une seule. Du haut vers le bas, on retrouve :
- image normal active
- image survolée active
- image normal inactive
- image survolé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" et "CLOSE-BUTTON"

Les options sont les suivantes:
- PosX, PosY -> la position du bouton.
- Position -> pour mettre le bouton à gauche (valeur Left) ou à droite (valeur Right).

* 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).
- 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.
Dernière modification par Lefreut ; 20/10/2007 à 15h10.

Haut de page