הכיתה bubbles.Bubble
הכיתה הזו מייצגת את הבועה הגלובלית המוצגת בחלון קופץ. כך נוצר ממשק משתמש שנראה כמו בועת דיבור, עם "זנב" שמצביע על הבלוק ו "ראש" שבו מוצגים רכיבי SVG שרירותיים.
Signature:
export declare abstract class Bubble implements IBubble, ISelectable
יישום: IBubble, ISelectable
יצרנים
| יצרן | גורמי שינוי | תיאור |
|---|---|---|
| (constructor)(workspace, anchor, ownerRect, overriddenFocusableElement) | יצירת מופע חדש של הכיתה Bubble |
מאפיינים
| נכס | גורמי שינוי | סוג | תיאור |
|---|---|---|---|
| ANCHOR_RADIUS |
|
(לא צוין) | המרחק בין נקודת החץ לנקודת העוגן. |
| anchor | protected |
תיאום | |
| BORDER_WIDTH |
|
(לא צוין) | רוחב הגבול שמקיף את הבועה. |
| contentContainer | protected |
SVGGElement | קבוצת ה-SVG שמכילה את התוכן של הבועה. |
| disposed | בוליאני | הערך True אם הבועה הוסרה, ו-False אחרת. | |
| DOUBLE_BORDER |
|
number | להגדיל את רוחב הגבול סביב הבועה פי שניים. |
| id | מחרוזת | ||
| MIN_SIZE |
|
number | הגודל המינימלי של הבועה. |
| ownerRect? | protected |
Rect | undefined | (אופציונלי) |
| svgRoot | protected |
SVGGElement | קבוצת ה-SVG שמכילה את כל החלקים של הבועה. |
| TAIL_ANGLE |
|
(לא צוין) | מספר המעלות שבהן הזנב מתכופף נגד כיוון השעון. |
| TAIL_BEND |
|
(לא צוין) | החדות של הקימור של הזנב. ככל שהמספר גבוה יותר, כך הזנבות חלקים יותר. |
| TAIL_THICKNESS |
|
(לא צוין) | העובי של בסיס הזנב ביחס לגודל הבועה. ככל שהמספר גבוה יותר, כך הזנבות דקים יותר. |
| workspace | readonly |
WorkspaceSvg |
Methods
| שיטה | גורמי שינוי | תיאור |
|---|---|---|
| canBeFocused() | ראו IFocusableNode.canBeFocused. | |
| dispose() | סגירת הבועה הזו. | |
| drag(newLoc) | גוררים את הבועה למיקום הרצוי. | |
| endDrag() | סיום הגרירה של הבועה. | |
| getColour() | protected |
הפונקציה מחזירה את הצבע של הרקע והזנב של הבועה הזו. |
| getFocusableElement() | מידע נוסף זמין במאמר IFocusableNode.getFocusableElement. | |
| getFocusableTree() | מידע נוסף זמין במאמר IFocusableNode.getFocusableTree. | |
| getSize() | protected |
|
| isMovable() | הפונקציה מחזירה אם אפשר להזיז את הבועה הזו או לא. | |
| onNodeBlur() | מידע נוסף זמין במאמר IFocusableNode.onNodeBlur. | |
| onNodeFocus() | מידע נוסף זמין במאמר IFocusableNode.onNodeFocus. | |
| positionByRect(rect) | protected |
ממקם את הבועה באופן 'אופטימלי' כך שרובה גלוי והיא לא חופפת למלבן (אם הוא סופק). |
| positionRelativeToAnchor() | protected |
מיקום הבועה ביחס לעוגן שלה. לא מוצג הזנב. |
| revertDrag() | העברת הבועה חזרה למיקום שבו היא הייתה בתחילת הגרירתה. | |
| select() | ||
| setAnchorLocation(anchor, relayout) | מגדירים את המיקום שאליו מצביע הזנב של הבועה. | |
| setColour(colour) | הגדרת הצבע של הרקע והזנב של הבועה הזו. | |
| setDragging(_start) | ||
| setPositionRelativeToAnchor(left, top) | הגדרת המיקום של הבועה ביחס לעוגן שלה. | |
| setSize(size, relayout) | protected |
מגדיר את גודל הבועה הזו, כולל הגבול. |
| startDrag() | מתחילים לגרור את הבועה. | |
| unselect() |