הכיתה 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() |