IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Personnalisation d'un style FMX
Pour les applications multiplates-formes en Delphi, un article de Rémi Gouyon

Le , par Alcatîz

0PARTAGES

11  0 
Personnalisation d’un style FMX
Quelques exemples de modification de style pour les applications multiplates-formes en Delphi

Cet article s’adresse aux personnes qui souhaitent se lancer dans la personnalisation de leurs applications à l’aide des styles.

Les dernières versions de Delphi permettent de modifier le style d’affichage des interfaces graphiques, et ce à partir de l’environnement de développement. Cette fonctionnalité est similaire à celle des sites web avec le couple HTML et CSS. Ce qui fait qu’elle permet de modifier l’aspect de l’interface sans toucher au contenu. On voit très vite qu'il y a beaucoup de paramètres à prendre en compte ; l'auteur a décidé de partager quelques exemples de modification de style.

Les exemples qui sont montrés ont été faits sur les versions 11.3 et 12.2 de Delphi.

https://remi-gouyon.developpez.com/t...-personnalise/



Et vous ?
Que pensez-vous de cet article ?
Utilisez-vous la personnalisation de styles ?
Vous avez lu gratuitement 804 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de SergioMaster
Rédacteur/Modérateur https://www.developpez.com
Le 19/01/2025 à 10:12
Utilisez-vous la personnalisation de styles ?
Ceux qui me suivent saurons que j'utilise souvent les styles en recherchant dans mes billets ou mes articles.
Les récents styles FMX fournis s'appuient plus sur les chemins SVG que sur l'utilisation de zones d'un png (à ce propos n'oubliez pas que ce bitmap doit être mis en 3 tailles différentes pour éviter le crénelage en cas d'écrans haute résolution). L'utilisation de SVG, le plus souvent des TPath change la donne (moins lourd, plus de png), plus personnalisable (ou du moins en théorie).

La technique de personnalisation fait partie de l'offre "StyleBook" mais bien que ce soit pratique ce n'est pas forcément la seule option à envisager avant de se lancer et voici quelques exemples :

Certains composants ne sont pas définis comme stylé (les TRectangle, TCircle ...)
Dans ce cas il faut se pencher sur la possibilité de créer ses composants personnels comme vous pourrez lire ici.

D'autres composant, bien qu'utilisant la feuille de style défini dans l'application, ne se retrouvent pas dans le style en exemple TBindNavigator.
Dans ce dernier cas deux possibilités :
- Utiliser un Helper (voir ce billet)
- Créer son propre composant lire cette discussion, non finalisé, je propose quand même une approche téléchargeable sur github

Enfin, reprenons, le chapitre
IV-D-1. Le fond de la ListBox
en voulant personnaliser le style blend.style on aura ceci :



background (selection et focusedselection) sont tous trois des TRectangles et non des TStyleObjects (c'est ce dernier type de composants qui fait appel au découpage de png).
Les propriétés d'un TRectangle (Fill, Stroke) permettent alors pas mal de fantaisies en changeant le type de brosse (propriété Kind)
et pour le contour, l'épaisseur.
@Gouyon c'est pourquoi il est important d'indiquer avec quel fichier .style le résultat à été obtenu.
Attention également, chaque style peut avoir quelques différences.

Cependant rien n'empêche d'utiliser comme fond la technique de Rémi. Pour cela au lieu d'un TRectangle on utilisera un TSyleObject pour le background qui utilisera alors un png.

En fait, on peut même utiliser un style tout à fait personnel comme j'ai pu en tenter l'expérience en développant un jeu de Taquin en FMX billet à lire
2  0 
Avatar de Gouyon
Membre expérimenté https://www.developpez.com
Le 20/01/2025 à 16:20
Effectivement ce que je préconise n'est pas la seule solution. Mais j'ai pris cette voie car dans mon projet je travaille beaucoup avec des textures et je dois avouer que je n'ai pas bien réussi à les utiliser avec le SVG.
Par contre je n'ai pas indiqué de quel fichier .style je suis parti pour la simple et bonne raison que je n'en ai utilisé aucun. Ce point n'a peut être pas été clairement indiqué dans l'article.
1  0