فئة 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 | قيمة منطقية | صحيح إذا تمّ التخلص من الفقاعة، وخطأ في الحالات الأخرى | |
| DOUBLE_BORDER |
|
الرقم | اضرب عرض الحدود حول الفقاعة في اثنين. |
| المعرِّف | سلسلة | ||
| MIN_SIZE |
|
الرقم | الحد الأدنى لحجم الفقاعة |
| ownerRect? | protected |
Rect | undefined | (اختياري) |
| svgRoot | protected |
SVGGElement | مجموعة SVG التي تحتوي على جميع أجزاء الفقاعة |
| TAIL_ANGLE |
|
(غير مُعلَن) | عدد الدرجات التي ينحني بها الذيل عكس اتجاه عقارب الساعة. |
| TAIL_BEND |
|
(غير مُعلَن) | حدة انثناء الذيل تؤدي الأرقام الأعلى إلى الحصول على خطوط سفلية أكثر سلاسة. |
| TAIL_THICKNESS |
|
(غير مُعلَن) | سمك قاعدة الذيل مقارنةً بحجم الفقاعة تؤدي الأرقام الأعلى إلى ذيول أرق. |
| workspace | readonly |
WorkspaceSvg |
الطُرق
| الطريقة | مفاتيح التعديل | الوصف |
|---|---|---|
| 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() |