cours Flyout
Classe pour un menu déroulant.
Signature :
export declare abstract class Flyout extends DeleteArea implements IAutoHideable, IFlyout
Extension:DeleteArea
Implémentations:IAutoHideable, IFlyout
Constructeurs
| Constructeur | Modificateurs | Description |
|---|---|---|
| (constructor)(workspaceOptions) | Construit une nouvelle instance de la classe Flyout. |
Propriétés
| Propriété | Modificateurs | Type | Description |
|---|---|---|---|
| autoClose | booléen | Le menu déroulant se ferme-t-il automatiquement lors de la création d'un bloc ? | |
| buttons_ | protected |
FlyoutButton[] | Liste des boutons visibles. |
| contenus | protected |
FlyoutItem[] | Liste des boutons et blocs visibles. |
| CORNER_RADIUS | readonly |
Nombre | Arrondi des angles de l'arrière-plan du menu déroulant. |
| dragAngleRange_ | protected |
Nombre | Plage d'un angle de glissement à partir d'un menu déroulant considéré comme "glissant vers l'espace de travail". Les traînées qui se trouvent dans les limites de ce nombre de degrés entre la ligne orthogonale et le bord du menu déroulant sont considérées comme des "glissements vers l'espace de travail". |
| FlyoutItemType | static |
type d'élément FlyoutItemType | Type d'élément de contenu du menu déroulant. |
| GAP_X | readonly |
Nombre | |
| GAP_Y | readonly |
Nombre | |
| height_ | protected |
Nombre | Hauteur du menu déroulant. |
| MARGE | readonly |
Nombre | |
| rectMap_ | protected |
WeakMap<BlockSvg, SVGElement> | |
| RTL | booléen | ||
| SCROLLBAR_MARGIN | readonly |
Nombre | Marge intérieure supérieure/inférieure entre la barre de défilement et le bord de l'arrière-plan du menu déroulant. |
| svgBackground_ | protected |
SVGPathElement | nul | Chemin autour de l'arrière-plan du menu déroulant, qui sera rempli par une couleur d'arrière-plan. |
| svgGroup_ | protected |
SVGGElement | nul | Groupe SVG racine du bouton ou du libellé. |
| tabWidth_ |
|
Nombre | |
| toolboxPosition_ | protected |
Nombre | |
| width_ | protected |
Nombre | Largeur du menu déroulant. |
| workspace_ | protected |
WorkspaceSvg |
Méthodes
| Méthode | Modificateurs | Description |
|---|---|---|
| addBlockListeners_(root, block, rect) | protected |
Ajoutez des écouteurs à un bloc qui a été ajouté au menu déroulant. |
| autoHide(onlyClosePopups) | Masque automatiquement le menu déroulant s'il s'agit d'un menu déroulant à fermeture automatique. | |
| blockIsRecyclable_(_block) | protected |
Indique si le bloc donné peut être recyclé ou non. |
| createDom(tagName) | Crée le DOM du menu déroulant. Vous ne devez l'appeler qu'une seule fois. Le menu déroulant peut exister sous la forme de son propre élément SVG ou être un élément g imbriqué dans un élément SVG distinct. | |
| createRect_(bloc; x; y; blocHW; index) | protected |
Créez et placez un rectangle correspondant au volume donné. |
| dispose() | Mettez ce fichier au rebut. Dissociez ces éléments de tous les éléments DOM pour éviter les fuites de mémoire. | |
| getContents() | Obtenez la liste des boutons et des blocs du menu déroulant actuel. | |
| getFlyoutScale() | Permet d'obtenir l'échelle (niveau de zoom) du menu déroulant. Par défaut, elle correspond à l'échelle de l'espace de travail cible, mais elle peut être remplacée. | |
| getHeight() | Obtenez la hauteur du menu déroulant. | |
| getWidth() | Obtenez la largeur du menu déroulant. | |
| getWorkspace() | Faites apparaître l'espace de travail dans le menu déroulant. | |
| getX() | abstract |
Calcule la coordonnée X de la position du menu déroulant. |
| getY() | abstract |
Calcule la coordonnée Y de la position du menu déroulant. |
| hide() | Masquez et videz le menu déroulant. | |
| init(targetWorkspace) | Initialise le menu déroulant. | |
| initFlyoutButton_(button, x, y) | protected |
Initialisez le bouton donné: déplacez-le vers le bon emplacement, ajoutez des écouteurs, etc. |
| isDragTowardWorkspace(currentDragDeltaXY) | abstract |
Déterminez si un delta de glissement se trouve vers l'espace de travail, en fonction de la position et de l'orientation du menu déroulant. Cet élément est utilisé dans findDragIntention_ pour déterminer si un nouveau bloc doit être créé ou si le menu déroulant doit défiler. |
| isVisible() | Le menu déroulant est-il visible ? | |
| layout_(contenu, écarts) |
|
Disposez les blocs dans le menu déroulant. |
| moveRectToBlock_(rect, block) | protected |
Déplacez un rectangle pour vous asseoir exactement derrière un bloc, en tenant compte des onglets, des chapeaux et des autres protubérances que nous inventons. |
| position() | abstract |
Positionnez le menu déroulant. |
| positionAt_(largeur, hauteur, x, y) | protected |
Mettez à jour la vue en fonction des coordonnées calculées dans position(). |
| reflow() | Reflowez les blocs et leurs tapis. | |
| reflowInternal_() |
|
Calculez la hauteur du menu déroulant. Placez le tapis sous chaque bloc. À droite: alignez les volumes à droite. |
| scrollToStart() | abstract |
Faites défiler le menu déroulant jusqu'au début de son contenu. |
| serializeBlock(block) | protected |
Sérialiser un bloc au format JSON |
| setAutoClose(autoClose) | Détermine si ce menu déroulant se ferme automatiquement lorsque vous faites glisser des blocs, cliquez sur l'espace de travail, etc. | |
| setContainerVisible(visible) | Déterminez si le conteneur de ce menu déroulant est visible. | |
| setContents(contents) | Stockez la liste des boutons et des blocs dans le menu déroulant. | |
| setMetrics_(xyRatio) |
|
Définit la traduction du menu déroulant de sorte qu'elle corresponde aux barres de défilement. |
| setVisible(visible) | Indiquez si le menu déroulant est visible ou non. La valeur "true" ne signifie pas nécessairement que le menu déroulant est affiché. Elle pourrait être masquée, car son conteneur est masqué. | |
| show(flyoutDef). | Affichez et remplissez le menu déroulant. | |
| wheel_(e) |
|
Faites défiler le menu déroulant. |