ब्लॉकली > बबल > बबल

बबल्स.बबल क्लास

ऐब्स्ट्रैक्ट पॉप-अप बबल क्लास. इससे एक यूज़र इंटरफ़ेस (यूआई) बनता है, जो स्पीच बबल की तरह दिखता है, जिसमें "टेल" होता है जो ब्लॉक की ओर इशारा करता है, और एक "head" जो आर्बिट्रेरी svg एलिमेंट दिखाता है.

हस्ताक्षर:

export declare abstract class Bubble implements IBubble, ISelectable 

लागू करता है: IBubble, ISelectable

कंस्ट्रक्टर

निर्माता	मॉडिफ़ायर	ब्यौरा
(कंस्ट्रक्टर)(workspace, ऐंकर, ownerRect)		Bubble क्लास का एक नया इंस्टेंस बनाता है

प्रॉपर्टी

प्रॉपर्टी	मॉडिफ़ायर	टाइप	ब्यौरा
ANCHOR_RADIUS	static readonly	(घोषित नहीं किया गया)	ऐरो पॉइंट और ऐंकर पॉइंट के बीच की दूरी.
ऐंकर	protected	निर्देशांक
BORDER_WIDTH	static readonly	(घोषित नहीं किया गया)	बबल के चारों ओर बॉर्डर की चौड़ाई.
contentContainer	protected	SVGGElement	वह SVG ग्रुप जिसमें बबल का कॉन्टेंट शामिल है.
हटा दिया गया		बूलियन	अगर बबल को नष्ट किया गया है, तो सही है. अगर ऐसा नहीं है, तो यह गलत है.
DOUBLE_BORDER	static readonly	संख्या	बबल के चारों ओर बॉर्डर की चौड़ाई को दोगुना करें.
आईडी		स्ट्रिंग
MIN_SIZE	static readonly	संख्या	बबल का कम से कम साइज़.
ownerRect?	protected	रेक्टैंगल | तय नहीं है	(ज़रूरी नहीं)
svgRoot	protected	SVGGElement	वह SVG ग्रुप जिसमें बबल के सभी हिस्से शामिल हैं.
TAIL_ANGLE	static readonly	(घोषित नहीं किया गया)	पूंछ, घड़ी की उलटी दिशा में मुड़ी हुई डिग्री की संख्या.
TAIL_BEND	static readonly	(घोषित नहीं किया गया)	पूंछ के मोड़ का गहरापन. ज़्यादा संख्याओं की वजह से, पूंछें चिकनी हो जाती हैं.
TAIL_THICKNESS	static readonly	(घोषित नहीं किया गया)	बबल के साइज़ के हिसाब से, पूंछ के आधार की मोटाई. ज़्यादा संख्याओं से पूंछ कमज़ोर होती है.
वर्कस्पेस	readonly	WorkspaceSvg

तरीके

तरीका	मॉडिफ़ायर	ब्यौरा
dispose()		इस बबल को नष्ट करें.
drag(newLoc)		दिए गए स्थान पर बबल को खींचता है.
endDrag()		बबल पर खींचें और छोड़ें.
getColour()	protected	इस बबल के बैकग्राउंड और टेल का रंग दिखाता है.
getSize()	protected
isMovable()		यह जानकारी दिखाता है कि इस बबल को एक जगह से दूसरी जगह ले जाया जा सकता है या नहीं.
positionByRect(rect)	protected	बबल को "बेहतर तरीके से" दिखाता है ताकि उसका ज़्यादातर हिस्सा दिखे और वह रेक्टैंगल को ओवरलैप न करे (अगर दिया गया हो).
positionRelativeToAnchor()	protected	बबल को उसके ऐंकर के हिसाब से पोज़िशन करता है. इसकी टेल रेंडर नहीं करता.
revertDrag()		बबल को वापस वहां ले जाता है जहां वह ड्रैग की शुरुआत में था.
select()
setAnchorLocation(anchor, relayout)		इस बबल के आखिरी हिस्से की जगह सेट करें.
setColour(colour)		इस बबल के बैकग्राउंड और टेल का रंग सेट करता है.
setDragging(_start)
setPositionRelativeToAnchor(left, top)		इस बबल की जगह को उसके ऐंकर के हिसाब से सेट करता है.
setSize(size, relayout)	protected	इस बबल का साइज़ सेट करता है. इसमें बॉर्डर भी शामिल है.
startDrag()		इससे बबल पर खींचना शुरू होता है.
unselect()