فئة 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() |