| Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
| issue176:inkscape [2022/01/04 21:15] – d52fr | issue176:inkscape [2022/01/05 15:51] (Version actuelle) – andre_domenech |
|---|
| | |
| **This month, we’re moving on from the Selectors and CSS dialog, to the last of the big changes that were made with the release of the 1.0 and 1.1 series of Inkscape versions: Live Path Effects (LPEs). | **This month, we’re moving on from the Selectors and CSS dialog, to the last of the big changes that were made with the release of the 1.0 and 1.1 series of Inkscape versions: Live Path Effects (LPEs). |
| |
| If you’re new to LPEs, you may want to take a look at parts 42 – 47 of this series for a general introduction, and the effects that were available in v0.48; then parts 65 – 69 for the effects that were added with v0.91 and v0.92.** | If you’re new to LPEs, you may want to take a look at parts 42 – 47 of this series for a general introduction, and the effects that were available in v0.48; then parts 65 – 69 for the effects that were added with v0.91 and v0.92.** |
| |
| Ce mois-ci, nous quittons la boîte de dialogue Sélecteurs et CSS pour dernier des grands changements apportés par la sortie des séries de versions 1.0 et 1.1 d'Inkscape : les Live Path Effects (LPE - Effets de chemin interactifs). | Ce mois-ci, nous quittons la boîte de dialogue Sélecteurs et CSS pour le dernier des grands changements apportés par la sortie des séries de versions 1.0 et 1.1 d'Inkscape : les Live Path Effects (LPE - Effets de chemin interactifs). |
| |
| Les LPE eux-mêmes ne sont pas nouveaux, bien sûr. Ils font partie intégrante d'Inkscape depuis la version 0.46, en 2008, mais ont été considérablement améliorés à chaque version. Avec la version 1.0, l'interface utilisateur a été radicalement remaniée ; aussi, ce mois-ci, je me concentrerai sur ces changements. Les mois suivants seront consacrés à un examen plus approfondi des nouveaux effets apparus avec les versions 1.0 et 1.1. | Les LPE eux-mêmes ne sont pas nouveaux, bien sûr. Ils font partie intégrante d'Inkscape depuis la version 0.46 en 2008, mais ont été considérablement améliorés à chaque version. Avec la version 1.0, l'interface utilisateur était radicalement remaniée ; aussi, ce mois-ci, je me concentrerai sur ces changements. Les mois suivants seront consacrés à un examen plus approfondi des nouveaux effets apparus avec les versions 1.0 et 1.1. |
| |
| Si vous ne connaissez pas les LPE, vous pouvez consulter les parties 42 à 47 de cette série pour une introduction générale et les effets disponibles dans la v0.48, puis les parties 65 à 69 pour les effets ajoutés dans les v0.91 et v0.92. | Si vous ne connaissez pas les LPE, vous pouvez consulter les parties 42 à 47 de cette série pour une introduction générale et les effets disponibles dans la v0.48, puis les parties 65 à 69 pour les effets ajoutés dans les v0.91 et v0.92. |
| It does the job, but it is somewhat utilitarian. As the total number of LPEs grew, it became clear that something more functional was required. Version 1.0 takes that requirement and hits it out of the ballpark, with a vastly more powerful dialog (see above).** | It does the job, but it is somewhat utilitarian. As the total number of LPEs grew, it became clear that something more functional was required. Version 1.0 takes that requirement and hits it out of the ballpark, with a vastly more powerful dialog (see above).** |
| |
| Une chose qui n'a pas beaucoup changé avec les nouvelles versions, c'est la boîte de dialogue LPE initiale, ouverte via Chemin > Effets de chemin... (ou Ctrl-Shift-7). Le contenu de cette boîte de dialogue reste désactivé jusqu'à ce qu'un chemin soit sélectionné, auquel cas vous vous retrouvez avec une boîte de dialogue plutôt vide. Tout ce que vous pouvez faire à ce stade est de cliquer sur le bouton « + » en bas afin d'ajouter votre premier LPE à la chaîne d'effets. Dans la version 0.92, les LPE disponibles sont affichés dans une liste, comme ceci : | Une chose qui n'a pas beaucoup changé avec les nouvelles versions, c'est la boîte de dialogue LPE initiale, ouverte via Chemin > Effets de chemin... (ou Ctrl-Shift-7). Le contenu de cette boîte de dialogue reste désactivé jusqu'à ce qu'un chemin soit sélectionné, lorsque vous vous retrouvez avec une boîte de dialogue plutôt vide. Tout ce que vous pouvez faire à ce stade est de cliquer sur le bouton « + » en bas afin d'ajouter votre premier LPE à la chaîne d'effets. Dans la version 0.92, les LPE disponibles sont affichés dans une liste, comme ceci : |
| |
| Il fait le travail, mais il est quelque peu utilitaire. Au fur et à mesure que le nombre total de LPE a augmenté, il est devenu évident que quelque chose de plus fonctionnel était nécessaire. La version 1.0 répond à cette exigence en proposant une boîte de dialogue beaucoup plus puissante (voir ci-dessus). | Il fait le travail, mais il est quelque peu utilitariste. Au fur et à mesure que le nombre total de LPE augmentait, il est devenu évident que quelque chose de plus fonctionnel était nécessaire. La version 1.0 répond à cette exigence en proposant une boîte de dialogue beaucoup plus puissante (voir ci-dessus). |
| |
| |
| You won’t be at all surprised to hear that the search box at the top of the dialog can be used to filter the list of effects based on a simple substring search that looks at both the effect name and the description. This applies even in the grid view, when the descriptions aren’t so obviously visible.** | You won’t be at all surprised to hear that the search box at the top of the dialog can be used to filter the list of effects based on a simple substring search that looks at both the effect name and the description. This applies even in the grid view, when the descriptions aren’t so obviously visible.** |
| |
| Vous pouvez immédiatement constater que le changement le plus important est le passage d'une simple liste de titres à une grille d'icônes qui représentent ce que fait chaque LPE. Ce changement constitue à lui seul une amélioration considérable, car il est généralement plus facile de trouver l'effet recherché à l'aide des icônes plutôt que par le seul titre. Si vous préférez vraiment une vue en liste, vous pouvez la sélectionner à l'aide des boutons situés en haut de la boîte de dialogue. Ceux-ci vous permettent de choisir entre deux densités de grille, ou une vue en liste qui est toujours plus utile que l'ancienne, car elle comprend également une version plus petite de l'icône ainsi qu'un texte descriptif (voir ci-dessous). | Vous pouvez immédiatement constater que le changement le plus important est le passage d'une simple liste de titres à une grille d'icônes qui représentent ce que fait chaque LPE. Ce changement constitue à lui seul une amélioration considérable, car il est généralement plus facile de trouver l'effet recherché à l'aide des icônes plutôt que par le seul titre. Si vous préférez vraiment une vue en liste, vous pouvez la sélectionner à l'aide des boutons situés en haut de la boîte de dialogue. Ceux-ci vous permettent de choisir entre deux densités de grille, ou une vue en liste qui est tout de même plus utile que l'ancienne, car elle comprend également une version plus petite de l'icône ainsi qu'un texte descriptif (voir ci-dessous). |
| |
| Vous ne serez pas du tout surpris d'apprendre que le champ de recherche situé en haut de la boîte de dialogue peut être utilisé pour filtrer la liste des effets sur la base d'une simple recherche par sous-chaîne qui examine à la fois le nom de l'effet et la description. Cela s'applique même dans la grille, lorsque les descriptions ne sont pas aussi visibles. | Vous ne serez pas du tout surpris d'apprendre que le champ de recherche situé en haut de la boîte de dialogue peut être utilisé pour filtrer la liste des effets sur la base d'une simple recherche par sous-chaîne qui examine à la fois le nom de l'effet et la description. Cela s'applique même dans la grille, lorsque les descriptions ne sont pas aussi visibles. |
| Dans la vue en liste, vous remarquerez que chaque entrée a une petite étoile entre l'icône et le nom de l'effet. En cliquant dessus, vous marquerez (ou dé-marquerez) cet effet comme « favori ». La liste visible peut ensuite être restreinte pour n'afficher que les favoris à l'aide de l'icône étoile dans la barre d'outils. Il est important de noter que, lorsque vous affichez uniquement les favoris, tout texte tapé dans le champ de recherche sera testé uniquement par rapport aux favoris, et non par rapport aux autres effets cachés. | Dans la vue en liste, vous remarquerez que chaque entrée a une petite étoile entre l'icône et le nom de l'effet. En cliquant dessus, vous marquerez (ou dé-marquerez) cet effet comme « favori ». La liste visible peut ensuite être restreinte pour n'afficher que les favoris à l'aide de l'icône étoile dans la barre d'outils. Il est important de noter que, lorsque vous affichez uniquement les favoris, tout texte tapé dans le champ de recherche sera testé uniquement par rapport aux favoris, et non par rapport aux autres effets cachés. |
| |
| Il est également important de noter que les zones cliquables de chaque ligne sont un peu atypiques à certains égards. Le survol de l'étoile ne modifie pas le curseur pour indiquer qu'elle est cliquable, et ne produit pas non plus d'infobulle à cet effet. Cliquer sur l'étoile fait basculer son état, indiqué par une étoile remplie ou ouverte, mais n'a aucun autre effet secondaire. En revanche, le reste de la ligne, qu'il s'agisse de l'icône, du titre ou de la description, modifie le curseur pour indiquer ce qui est cliquable. Si vous cliquez sur le bouton de la souris, l'effet sera ajouté à la boîte de dialogue principale de LPE et celle-ci sera immédiatement fermée. Faites donc attention lorsque vous essayez de (dé)marquer un favori, car une légère erreur de clic pourrait facilement conduire à l'ajout par erreur de l'effet à la chaîne d'effets. | Il est également important de noter que les zones cliquables de chaque ligne sont un peu atypiques à certains égards. Le survol de l'étoile ne modifie pas le curseur pour indiquer qu'elle est cliquable et ne produit pas non plus d'infobulle à cet effet. Cliquer sur l'étoile fait basculer son état, indiqué par une étoile remplie ou ouverte, mais n'a aucun autre effet secondaire. En revanche, le reste de la ligne, qu'il s'agisse de l'icône, du titre ou de la description, modifie le curseur pour indiquer ce qui est cliquable. Si vous cliquez sur le bouton de la souris, l'effet sera ajouté à la boîte de dialogue principale de LPE et celle-ci sera immédiatement fermée. Faites donc attention lorsque vous essayez de (dé)marquer un favori, car une légère erreur de clic pourrait facilement conduire à l'ajout par erreur de l'effet à la chaîne d'effets. |
| |
| **Similar care needs to be taken in the grid view. Clicking on an effect’s icon or title will, again, immediately add it to the effect chain and close this dialog. Below each entry, however, is a small downward-facing chevron: clicking this does not add the effect to the chain, but rather selects it and displays three icons, as shown in this before/after screenshot: | **Similar care needs to be taken in the grid view. Clicking on an effect’s icon or title will, again, immediately add it to the effect chain and close this dialog. Below each entry, however, is a small downward-facing chevron: clicking this does not add the effect to the chain, but rather selects it and displays three icons, as shown in this before/after screenshot: |
| The final part of the UI for this dialog is the slide switch at the right of the toolbar, labelled “Show Experimental”. Clicking on the switch itself (the label isn’t clickable – a classic UI mistake) reveals or hides any LPEs which are included in your Inkscape release but still considered experimental by the developers. Unfortunately, these all get the same “cherry bomb” icon, which indicates that they are risky to use but doesn’t provide a quick indication of what each effect actually does, as a normal icon would. I would much rather see them distinguished by having the cherry bomb as an additional tag or emblem attached to the main icon.** | The final part of the UI for this dialog is the slide switch at the right of the toolbar, labelled “Show Experimental”. Clicking on the switch itself (the label isn’t clickable – a classic UI mistake) reveals or hides any LPEs which are included in your Inkscape release but still considered experimental by the developers. Unfortunately, these all get the same “cherry bomb” icon, which indicates that they are risky to use but doesn’t provide a quick indication of what each effect actually does, as a normal icon would. I would much rather see them distinguished by having the cherry bomb as an additional tag or emblem attached to the main icon.** |
| |
| Enfin, la troisième icône (une coche dans un cercle) semble un peu redondante. Elle semble être là pour vous permettre de confirmer votre sélection, ce qui entraîne l'ajout de l'effet à la chaîne et la fermeture de la boîte de dialogue. Cependant, étant donné que le fait de cliquer sur presque toutes les autres parties de ce widget a le même effet, cela semble inutile. Il convient toutefois de noter que la zone cliquable ne couvre pas toute la taille du fond coloré : les grands espaces vides à gauche et à droite ne sont pas cliquables (et ne modifient pas le curseur de la souris), ce que je trouve un peu trompeur, mais pas un énorme problème en pratique. Puisque je suis pointilleux sur l'interface utilisateur, je pense que les développeurs devraient faire remonter de quelques pixels la bascule des favoris. Je suis sûr qu'il est parfaitement aligné numériquement, mais la différence de poids visuel entre un cercle et une étoile donne l'impression qu'il est un peu bas par rapport à ses frères et sœurs. | Enfin, la troisième icône (une coche dans un cercle) semble un peu redondante. Elle semble être là pour vous permettre de confirmer votre sélection, ce qui entraîne l'ajout de l'effet à la chaîne et la fermeture de la boîte de dialogue. Cependant, étant donné que le fait de cliquer sur presque toutes les autres parties de ce widget a le même effet, cela semble inutile. Il convient toutefois de noter que la zone cliquable ne couvre pas toute la taille du fond coloré : les grands espaces vides à gauche et à droite ne sont pas cliquables (et ne modifient pas le curseur de la souris), ce que je trouve un peu trompeur, mais pas un énorme problème en pratique. Puisque je suis pointilleux sur l'interface utilisateur, je pense que les développeurs devraient faire remonter de quelques pixels la bascule des favoris. Je suis sûr qu'elle est parfaitement alignée numériquement, mais la différence de poids visuel entre un cercle et une étoile donne l'impression qu'elle est un peu basse par rapport à ses frères et sœurs. |
| |
| La dernière partie de l'interface utilisateur de cette boîte de dialogue est l'interrupteur situé à droite de la barre d'outils et intitulé « Show Experimental » (Montrer les expérimentaux). En cliquant sur le commutateur lui-même (l'étiquette n'est pas cliquable - une erreur classique d'interface utilisateur), vous pouvez afficher ou masquer tous les LPE qui sont inclus dans votre version d'Inkscape mais qui sont toujours considérés comme expérimentaux par les développeurs. Malheureusement, ils ont tous la même icône « bombe », qui indique qu'il est risqué de les utiliser mais ne fournit pas une indication rapide de ce que fait réellement chaque effet, comme le ferait une icône normale. Je préférerais qu'ils soient distingués par une étiquette ou un emblème supplémentaire attaché à l'icône principale. | La dernière partie de l'interface utilisateur de cette boîte de dialogue est l'interrupteur situé à droite de la barre d'outils et intitulé « Show Experimental » (Montrer les expérimentaux). En cliquant sur le commutateur lui-même (l'étiquette n'est pas cliquable - une erreur classique d'interface utilisateur), vous pouvez afficher ou masquer tous les LPE qui sont inclus dans votre version d'Inkscape mais qui sont toujours considérés comme expérimentaux par les développeurs. Malheureusement, ils ont tous la même icône « bombe », qui indique qu'il est risqué de les utiliser mais ne fournit pas d'indication rapide sur ce que fait réellement chaque effet, comme le ferait une icône normale. Je préférerais qu'ils soient distingués par une étiquette ou un emblème supplémentaire attaché à l'icône principale. |
| |
| |
| |
| The height difference between the dialogs can be explained by the “tab” at the top of the panel, which can be used to dock it in v1.x, combined with the generally larger input fields used throughout the UI in newer releases. The parameter rows themselves have also changed from right-aligned to left-aligned. Of the two, my personal preference is for the older style where at least the +/- buttons are vertically aligned. In reality, however, I don’t really like either approach. A better option, in my opinion, would be a more tabular style in which the labels fall neatly into one column and the input fields into another, as in the following mock-up. I am aware, however, that this may not be possible to achieve with the current widget toolkit, so consider this wishful thinking rather than a serious proposal.** | The height difference between the dialogs can be explained by the “tab” at the top of the panel, which can be used to dock it in v1.x, combined with the generally larger input fields used throughout the UI in newer releases. The parameter rows themselves have also changed from right-aligned to left-aligned. Of the two, my personal preference is for the older style where at least the +/- buttons are vertically aligned. In reality, however, I don’t really like either approach. A better option, in my opinion, would be a more tabular style in which the labels fall neatly into one column and the input fields into another, as in the following mock-up. I am aware, however, that this may not be possible to achieve with the current widget toolkit, so consider this wishful thinking rather than a serious proposal.** |
| | |
| | Une autre chose à remarquer dans la capture d'écran précédente, c'est que deux effets sont désactivés : « Découpe avancée » et « Masque avancé ». Ceux-ci nécessitent qu'il y ait déjà une découpe (ou un masque) sur le chemin auquel vous ajoutez l'effet. Lorsqu'un élément convenablement découpé/masqué est sélectionné, ces effets sont activés comme tous les autres LPE. |
| | |
| | Les modifications de l'interface ne se limitent pas à la boîte de dialogue « Ajouter un effet de chemin ». Quand un effet est ajouté à la chaîne, la section des paramètres correspondants de la boîte de dialogue principale des LPE affiche également des options supplémentaires. C'est le cas de la règle LPE, par exemple, comme le montre cette comparaison entre la v0.92 et la v1.1.1 (ci-dessous). |
| | |
| | La différence de hauteur entre les boîtes de dialogue peut s'expliquer par la « tabulation » en haut du panneau, qui peut être utilisée pour l'ancrer dans la v1.x, combinée aux champs de saisie généralement plus grands utilisés dans l'ensemble de l'interface utilisateur dans les versions plus récentes. Les lignes de paramètres elles-mêmes ont également changé, passant d'un alignement à droite à un alignement à gauche. De ces deux styles, ma préférence va à l'ancien, où au moins les boutons +/- sont alignés verticalement. En réalité, cependant, je n'aime pas vraiment l'une ou l'autre de ces approches. À mon avis, il serait préférable d'opter pour un style plus tabulaire dans lequel les étiquettes s'inscriraient dans une colonne et les champs de saisie dans une autre, comme dans la maquette suivante. Cependant, je suis conscient que cela n'est peut-être pas possible avec la boîte à outils actuelle ; alors considérez ceci comme un vœu pieux plutôt que comme une proposition sérieuse. |
| | |
| |
| **One new feature that is common to all the LPE parameter screens is the “Set default parameters'' section at the bottom of the dialog. Expanding this will display a list of Set (or Update) and Unset buttons, one pair for each parameter the LPE offers. These allow you to set the default values that will be used when the LPE is first added to a path, by entering the value into the parameter field and clicking the corresponding Set button. The button label will then change to Update, allowing you to modify the stored default by changing the value in the field before clicking the button. The Unset button will clear your saved preference and revert to using the LPE’s own default values. | **One new feature that is common to all the LPE parameter screens is the “Set default parameters'' section at the bottom of the dialog. Expanding this will display a list of Set (or Update) and Unset buttons, one pair for each parameter the LPE offers. These allow you to set the default values that will be used when the LPE is first added to a path, by entering the value into the parameter field and clicking the corresponding Set button. The button label will then change to Update, allowing you to modify the stored default by changing the value in the field before clicking the button. The Unset button will clear your saved preference and revert to using the LPE’s own default values. |
| |
| As well as this new set of buttons, you’ll find that many of the long-standing LPEs have gained a few additional parameters. I don’t intend to revisit these at this time, as the changes are generally small enough not to present either a problem or a significant opportunity. From next month, however, I will start to take a detailed look at the completely new LPEs that have been added.** | As well as this new set of buttons, you’ll find that many of the long-standing LPEs have gained a few additional parameters. I don’t intend to revisit these at this time, as the changes are generally small enough not to present either a problem or a significant opportunity. From next month, however, I will start to take a detailed look at the completely new LPEs that have been added.** |
| | |
| | Une nouvelle fonctionnalité commune à tous les écrans de paramètres du LPE est la section « Définir les paramètres par défaut » au bas de la boîte de dialogue. En la développant, vous affichez une liste de boutons Définir (ou Mettre à jour) et Réinitialiser, une paire pour chaque paramètre proposé par le LPE. Ceux-ci vous permettent de définir les valeurs par défaut qui seront utilisées lorsque le LPE sera ajouté à un chemin pour la première fois, en saisissant la valeur dans le champ du paramètre et en cliquant sur le bouton Définir correspondant. Le libellé du bouton devient alors Mettre à jour, ce qui vous permet de modifier la valeur par défaut enregistrée en changeant la valeur dans le champ avant de cliquer sur le bouton. Le bouton Réinitialiser efface la préférence enregistrée et rétablit l'utilisation des valeurs par défaut du LPE. |
| | |
| | Pour obtenir un peu plus d'informations sur un paramètre, passez la souris sur l'icône du rond bleu située à gauche de la ligne : une fenêtre contextuelle affiche le nom du champ, toute info-bulle qui lui est associée et la valeur par défaut - ou la valeur de remplacement, si vous en avez défini une. Cela peut être utile pour confirmer la valeur actuellement utilisée, mais il serait bon que la valeur par défaut du système soit toujours affichée lorsqu'une valeur personnalisée est définie, afin de donner à l'utilisateur un peu plus d'informations sur ce qui se passera s'il clique sur le bouton Réinitialiser. |
| | |
| | En plus de ce nouvel ensemble de boutons, vous constaterez que de nombreux LPE de longue date ont gagné quelques paramètres supplémentaires. Je n'ai pas l'intention d'y revenir pour l'instant, car les changements sont généralement assez minimes pour ne pas présenter de problème ou d'opportunité significative. À partir du mois prochain, cependant, je commencerai à examiner en détail les LPE entièrement nouveaux qui ont été ajoutés. |
| | |
| |
