1.6.5.16.4.18.  Clé "STYLESHEETS" - feuilles de style client pour les éléments GUI

Virgule liste séparée des fichiers de feuille de style personnalisés dans $CADENAS_SETUP/styles.

Style GUI par défaut

Sous $CADENAS_SETUP/styles, le fichier default.css est utilisé pour l’interface graphique Style.

Ajuster le style GUI

Le style de l'interface utilisateur graphique peut être facilement ajusté.

Sous $CADENAS_SETUP/partsol.cfg -> bloc [PARTdataManager] -> Key STYLESHEETS indiquent le fichier CSS souhaité. Styles sera ajouté au style par défaut.

Si seulement le nom du fichier et aucun chemin d’accès n’est donné, l’application tente de trouver le fichier dans le répertoire « $CADENAS_SETUP/styles ». Avoir un Regardez-y pour quelques exemples.

[PARTdataManager]
STYLESHEETS=default.css,custom.css

Just as well you can specify an absolute path.

Trouver les clés pertinentes dans le fichier css

Afin de trouver plus facilement les clés pertinentes, activez les fenêtres d'accueil suivantes :

  • Arbre des éléments GUI [GUI element tree]

  • Propriétés de l'élément GUI [GUI element properties]

  • Feuille de style GUI [GUI stylesheet]

  1. Sous $CADENAS_USER créez un fichier nommé debug.cfg avec ce qui suit Contenu:

    [PDEBUG]
    showDebugMenu=1
    showWidgetTree=1
    showExportPath=1

    -> Maintenant, les docks sont affichés.

  2. Cliquez sur l’icône .

    -> Le curseur de la souris se transforme en un cercle rouge.

  3. Déplacer le curseur sur un QWidget.

    -> Il est marqué d'un rectangle rouge.

  4. Cliquez sur le QWidget souhaité.

    -> L'élément est marqué avec une police en gras dans l' arborescence de l'interface utilisateur [GUI element tree] d'accueil.

    Vous pouvez maintenant trouver la clé pertinente dans le fichier css.

Essayer des ajustements

Vous pouvez effectuer des modifications dans la fenêtre d'accueil de la feuille de style GUI [GUI stylesheet].

Juste à titre d'exemple :

  1. Définissez un arrière-plan jaune.

    QWidget {
      background: #fffaaa;
    }

  2. Cliquez sur Appliquer.

    -> Le changement est immédiatement affiché.

    [Remarque]Remarque

    L'action Appliquer n'enregistre pas les modifications !

    Si vous souhaitez appliquer des modifications, utilisez Enregistrer sous et copiez ensuite les modifications dans le fichier css souhaité.