बबल क्लास
ऐब्सट्रैक्ट पॉप-अप बबल क्लास. इससे, स्पीच बबल जैसा दिखने वाला एक यूज़र इंटरफ़ेस (यूआई) बनता है. इसमें ब्लॉक की ओर ले जाने वाली "टेल" होती है. साथ ही, "head" होता है, जो आर्बिट्रेरी svg एलिमेंट दिखाता है.
हस्ताक्षर:
export declare abstract class Bubble implements IBubble
लागू करने का तरीका: IBubble
कंस्ट्रक्टर
निर्माता | मॉडिफ़ायर | ब्यौरा |
---|---|---|
(कंस्ट्रक्टर)(वर्कस्पेस, ऐंकर, ownerRect) | Bubble क्लास का एक नया इंस्टेंस बनाता है |
प्रॉपर्टी
प्रॉपर्टी | मॉडिफ़ायर | Type | ब्यौरा |
---|---|---|---|
ANCHOR_RADIUS |
|
(घोषित नहीं किया गया) | ऐरो पॉइंट और ऐंकर पॉइंट के बीच की दूरी. |
ऐंकर | protected |
कोऑर्डिनेट | |
BORDER_WIDTH |
|
(घोषित नहीं किया गया) | बबल के चारों ओर बॉर्डर की चौड़ाई. |
contentContainer | protected |
SVGGElement | वह SVG ग्रुप जिसमें बबल का कॉन्टेंट है. |
मिटाया गया | boolean | अगर बबल हटा दिया गया है, तो वैल्यू 'सही' होगी. अगर ऐसा नहीं है, तो 'गलत' है. | |
DOUBLE_BORDER |
|
नंबर | बबल के चारों ओर बॉर्डर की चौड़ाई को दोगुना करें. |
MIN_SIZE |
|
नंबर | बबल का कम से कम साइज़. |
ownerRect? | protected |
रेक्टैंगल | तय नहीं है | (ज़रूरी नहीं) |
svgRoot | protected |
SVGGElement | SVG ग्रुप, जिसमें बबल के सभी हिस्से शामिल हैं. |
TAIL_ANGLE |
|
(घोषित नहीं किया गया) | पूंछ को घड़ी की विपरीत दिशा में मुड़े हुए डिग्री की संख्या. |
TAIL_BEND |
|
(घोषित नहीं किया गया) | पूंछ के मोड़ का गहरापन. ज़्यादा संख्या होने पर, पूंछ और भी चिकनी हो जाती है. |
TAIL_THICKNESS |
|
(घोषित नहीं किया गया) | बबल के साइज़ के हिसाब से, टेल के बेस की मोटाई. ज़्यादा संख्याओं से पूंछ पतले होती है. |
वर्कस्पेस |
|
WorkspaceSvg |
तरीके
तरीका | मॉडिफ़ायर | ब्यौरा |
---|---|---|
डिसपोज़() | इस बबल को नष्ट करें. | |
getColour() | protected |
इस बबल के बैकग्राउंड और पीछे के हिस्से का रंग दिखाता है. |
getSize() | protected |
|
positionByRect(rect) | protected |
बबल को "आदर्श रूप से" स्थिति में रखता है, ताकि उसका ज़्यादातर हिस्सा दिखाई दे और यह रेक्टैंगल को ओवरलैप न करे (अगर दिया गया हो). |
positionRelativeToAnchor() | protected |
बबल को उसके ऐंकर के हिसाब से रखता है. अपनी पूंछ को रेंडर नहीं करता. |
setAnchorLocation(anchor, relayout) | वह जगह सेट करें जिस पर इस बबल के टेल का निशान है. | |
setColour(colour) | इस बबल के बैकग्राउंड और पीछे के हिस्से का रंग सेट करता है. | |
setDragging(_start) | ||
setPositionRelativeToAnchor(left, top) | ऐंकर के मुकाबले इस बबल की जगह सेट करता है. | |
setSize(size, relayout) | protected |
बॉर्डर के साथ-साथ, इस बबल का साइज़ सेट करता है. |