blockly > बबल > बबल

bubbles.Bubble क्लास

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

हस्ताक्षर:

export declare abstract class Bubble implements IBubble, ISelectable 

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

निर्माता

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

प्रॉपर्टी

प्रॉपर्टी	मॉडिफ़ायर	टाइप	ब्यौरा
ANCHOR_RADIUS	static readonly	(एलान नहीं किया गया)	ऐरो पॉइंट और ऐंकर पॉइंट के बीच की दूरी.
anchor	protected	कोऑर्डिनेट
BORDER_WIDTH	static readonly	(एलान नहीं किया गया)	बबल के चारों ओर बॉर्डर की चौड़ाई.
contentContainer	protected	SVGGElement	बबल का कॉन्टेंट शामिल करने वाला SVG ग्रुप.
disposed		बूलियन	अगर बबल को हटा दिया गया है, तो यह वैल्यू 'सही' होगी. अगर नहीं, तो यह वैल्यू 'गलत' होगी.
DOUBLE_BORDER	static readonly	संख्या	बबल के चारों तरफ़ मौजूद बॉर्डर की चौड़ाई को दोगुना करें.
id		स्ट्रिंग
MIN_SIZE	static readonly	संख्या	बबल का कम से कम साइज़.
ownerRect?	protected	Rect | undefined	(ज़रूरी नहीं)
svgRoot	protected	SVGGElement	यह एक SVG ग्रुप है, जिसमें बबल के सभी हिस्से शामिल होते हैं.
TAIL_ANGLE	static readonly	(एलान नहीं किया गया)	टेल को घड़ी की विपरीत दिशा में कितने डिग्री तक मोड़ा गया है.
TAIL_BEND	static readonly	(एलान नहीं किया गया)	टेल के बेंड की तीव्रता. ज़्यादा संख्याओं से टेल ज़्यादा बेहतर बनते हैं.
TAIL_THICKNESS	static readonly	(एलान नहीं किया गया)	बबल के साइज़ के हिसाब से, टेल के बेस की मोटाई. ज़्यादा संख्याओं की वजह से टेल पतली हो जाती हैं.
फ़ाइल फ़ोल्डर	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()