bubbles.Bubble
Abstrakcyjna klasa bąbelka wyskakującego okienka. W ten sposób tworzysz interfejs przypominający dymek z tekstem, który ma „ogon” wskazujący blok i „głowę” wyświetlającą dowolne elementy SVG.
Podpis:
export declare abstract class Bubble implements IBubble, ISelectable
Implementuje: IBubble, ISelectable
Zespoły
| Zespół | Modyfikatory | Opis |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | Tworzy nową instancję klasy Bubble. |
Właściwości
| Właściwość | Modyfikatory | Typ | Opis |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(niedeklarowane) | Odległość między punktem strzałki a punktem zakotwiczenia. |
| anchor | protected |
Koordynacja | |
| BORDER_WIDTH |
|
(niedeklarowane) | Szerokość obramowania bąbelka. |
| contentContainer | protected |
SVGGElement | Grupa SVG zawierająca zawartość okienka. |
| disposed | wartość logiczna | Wartość „prawda”, jeśli okno zostało usunięte. W przeciwnym razie wartość „fałsz”. | |
| DOUBLE_BORDER |
|
liczba | Podwójnie zwiększ szerokość obramowania bąbelka. |
| id | ciąg znaków | ||
| MIN_SIZE |
|
liczba | Minimalny rozmiar bąbelka. |
| ownerRect? | protected |
Rect | undefined | (Opcjonalnie) |
| svgRoot | protected |
SVGGElement | Grupa SVG zawierająca wszystkie części bańki. |
| TAIL_ANGLE |
|
(niedeklarowane) | Liczba stopni, o którą ogon jest wygięty w przeciwnym kierunku niż wskazówki zegara. |
| TAIL_BEND |
|
(niedeklarowane) | Ostrość wygięcia ogona. Wyższe wartości powodują płynniejsze zakończenia. |
| TAIL_THICKNESS |
|
(niedeklarowane) | Grubość podstawy ogona w stosunku do rozmiaru bąbelka. Im wyższe wartości, tym węższe są ogony. |
| workspace | readonly |
WorkspaceSvg |
Metody
| Metoda | Modyfikatory | Opis |
|---|---|---|
| canBeFocused() | Zobacz IFocusableNode.canBeFocused. | |
| dispose() | Zamknij dymek. | |
| drag(newLoc) | Przeciągnij dymek w wybrane miejsce. | |
| endDrag() | Zatrzymuje przeciąganie bąbelka. | |
| getColour() | protected |
Zwraca kolor tła i ogonu tej bańki. |
| getFocusableElement() | Zobacz IFocusableNode.getFocusableElement. | |
| getFocusableTree() | Zobacz IFocusableNode.getFocusableTree. | |
| getSize() | protected |
|
| isMovable() | Zwraca informację, czy bańka jest ruchoma. | |
| onNodeBlur() | Zobacz IFocusableNode.onNodeBlur. | |
| onNodeFocus() | Zobacz IFocusableNode.onNodeFocus. | |
| positionByRect(rect) | protected |
Umiejsca dymek „optymalnie”, tak aby był jak najbardziej widoczny i nie nachodził na prostokąt (jeśli został podany). |
| positionRelativeToAnchor() | protected |
Umiejsca dymek względem kotwicy. Nie renderuje ogona. |
| revertDrag() | Przenosi dymek z powrotem do miejsca, w którym znajdował się na początku przeciągania. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | Ustaw lokalizację, na którą wskazuje ogon tej bańki. | |
| setColour(colour) | Ustawia kolor tła i ogona tej bańki. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | Określa położenie tej bańki względem jej kotwicy. | |
| setSize(size, relayout) | protected |
Ustawia rozmiar bąbelka, w tym obramowanie. |
| startDrag() | Rozpoczyna przeciąganie bąbelka. | |
| unselect() |