अवधारणाएं
देखें और महसूस करें
पृष्ठ कॉपी करें
अपने एप को Lia के हिस्से के रूप में महसूस करें। Lia के विषय चर के रूप में CSS चर, दृश्य क्षेत्र और सुरक्षित क्षेत्र, व्यक्ति की भाषा और बाएं से दाएं लेखन, और वह ध्वनि जिसे आप बंद कर सकते हैं।
#Lia'राज्य के थीम
Lia अपने पृष्ठ पर रंग बदल देता है, हल्का या गहरा, जैसा कि व्यक्ति Lia के सेट है। बाद में Lia.init() वे'आपके पृष्ठ पर CSS चर के बारे में'के मूल, जब व्यक्ति बदल जाता है, तो अपडेट रखा जाता है:
body {
background: var(--lia-bg-color);
color: var(--lia-text-color);
}
.card { background: var(--lia-secondary-bg-color); }
.hint { color: var(--lia-hint-color); }
button.primary { background: var(--lia-button-color); color: var(--lia-button-text-color); }| चर | से Lia.theme | क्या यह है |
|---|---|---|
--lia-bg-color | bg_color | पृष्ठ'अपने पृष्ठभूमि |
--lia-text-color | text_color | पाठ |
--lia-hint-color | hint_color | कम ध्वनि वाला पाठ |
--lia-link-color | link_color | लिंक (Lia नीला) |
--lia-button-color | button_color | बटन (Lia नीला) |
--lia-button-text-color | button_text_color | बटन पर पाठ |
--lia-secondary-bg-color | secondary_bg_color | कार्ड और बेल्स |
--lia-header-bg-color | header_bg_color | Lia'शीर्षक |
--lia-bottom-bar-bg-color | bottom_bar_bg_color | नीचे के बटनों के पीछे |
--lia-accent-text-color | accent_text_color | अक्षर वाला पाठ |
--lia-section-bg-color | section_bg_color | खंड |
--lia-section-header-text-color | section_header_text_color | खंड शीर्षक |
--lia-subtitle-text-color | subtitle_text_color | उपशीर्षक |
--lia-destructive-text-color | destructive_text_color | विनाशकारी कार्रवाई |
--lia-section-separator-color | section_separator_color | हेयरलाइन्स |
--lia-color-scheme | Lia.colorScheme | light या dark |
नाम टेलीग्राम के अनुसार हैं'राज्य के थीम पैरामीटर, इसलिए टेलीग्राम मिनी एप्स के लिए लिखा गया कोड एक दूसरे में मैप करता है। थीम के लिए सुनें theme अपने द्वारा बनाए गए कुछ भी के लिए घटना (उदाहरण के लिए, एक कैनवास)।
आप अपने पृष्ठ के पीछे का रंग और Lia का रंग सेट कर सकते हैं'शीर्षक के साथ Lia.setBackgroundColor और Lia.setHeaderColor.
#व्यूपोर्ट
Lia.viewport है { height, expanded }: आपके पृष्ठ की ऊंचाई पिक्सेल में, और क्या एक शीट पूर्ण ऊंचाई तक खींच लिया गया है। देर तक viewport जब यह बदलता है (शीट खींची गई, नीचे के बटन दिखाए गए), तो घटना फायर होती है, और --lia-viewport-height ऊंचाई रखता है।
#सुरक्षित क्षेत्र
फोन में नॉच और होम बार होते हैं। Lia इन्हें बरकरार रखता है Lia.safeArea और CSS चर, px में:
| चर | क्या यह है |
|---|---|
--lia-safe-area-inset-top, -bottom, -left, -right | फोन'अपने सुरक्षित क्षेत्र (Lia.safeArea) |
--lia-content-safe-area-inset-top, -bottom, -left, -right | के बिना Lia'के फ्लोटिंग क्लोज और ⋯ पूर्ण स्क्रीन में भी (Lia.contentSafeArea) |
एक शीट में या Lia के नीचे'शीर्षक, आपको अधिकतर नीचे वाले की आवश्यकता होती है। पूर्ण स्क्रीन में, सामग्री को सामग्री सुरक्षित क्षेत्र के नीचे रखें'राज्य के शीर्ष:
.app {
padding-top: var(--lia-content-safe-area-inset-top, 0px);
padding-bottom: var(--lia-safe-area-inset-bottom, 0px);
}#भाषा
Lia.language है जिस भाषा में व्यक्ति Lia में उपयोग करता है, एक Lia में से's 13:
| कोड | भाषा | कोड | भाषा |
|---|---|---|---|
en | अंग्रेजी | id | बाहासा इंडोनेशिया |
es | स्पैनिश | fil | फिलीपिनो |
pt | पुर्तगाली | sw | किस्वाहिली |
fr | फ्रेंच | hi | हिन्दी |
tr | Türkçe | ar | العربية (दाएं से बाएं) |
ru | Русский | zh | 中文 |
vi | तिएंग विएट |
अपना एप दिखाएं'अपने शब्द में इसमें। SDK आपके पृष्ठ को सेट करता है's lang आपके लिए; Lia.rtl कहता है कि क्या भाषा दाएं से बाएं पढ़ती है, इसलिए आप दिशा सेट करें:
Lia.init().then(function () {
document.documentElement.dir = Lia.rtl ? "rtl" : "ltr";
render(WORDS[Lia.language] || WORDS.en);
Lia.ready();
});
Lia.on("languageChanged", function (data) {
document.documentElement.dir = data.rtl ? "rtl" : "ltr";
render(WORDS[data.language] || WORDS.en);
});#ध्वनि
लोग Lia से अपने एप्स को म्यूट कर सकते हैं'लिखता है एक मेनू, और Lia इसे आपके एप्लिकेशन के लिए याद रखता है। Lia.soundOn कहता है कि वे आपकी ध्वनियों के लिए चाहते हैं, और soundChanged कहता है जब यह बदलता है। ध्वनि बजाएं केवल जब यह'चालू।
let soundOn = Lia.soundOn;
Lia.on("soundChanged", function (data) {
soundOn = data.on;
if (!soundOn) music.pause();
});
function play(sound) { if (soundOn) sound.play(); }आपका पृष्ठ पहले टैप के बिना ध्वनि बजा सकता है। फोन पर पहले से बज रहे संगीत के साथ मिश्रित करने के लिए इसे बजाने के बजाय इसे बंद कर दें, सेट करें navigator.audioSession.type = "ambient" जहां फोन इसका समर्थन करता है (Lia'अपने खेल करते हैं)।
#प्लेटफॉर्म
Lia.platform है ios या android बाद में init(). Lia'के फ्रेम फोन है'अपने वेब व्यू: सैफारी'के ऊपर iPhone, क्रोम'के ऊपर Android।
स्वचालित अनुवाद। अंग्रेजी सत्य का स्रोत है। अंग्रेजी में पढ़ें