टाइपिंग रुकने पर टेक्स्ट को रंग ग्रेडिएंट से धीरे-धीरे गायब करें

Opacity उपलब्ध न हो तो टेक्स्ट फेड-आउट कैसे करें? रंग ग्रेडिएंट से बैकग्राउंड की ओर टोन शिफ्ट कर फेड इफेक्ट बनाना, idle समय आधारित इंडेक्सिंग और उदाहरण सीखें.

जब उपयोगकर्ता टाइप करना बंद कर देता है, और टेक्स्ट को धीरे-धीरे गायब होना हो, तो वास्तविक पारदर्शिता हर बार उपलब्ध या व्यावहारिक नहीं होती। एक सरल और प्रभावी उपाय है टेक्स्ट के रंग को धीरे-धीरे बैकग्राउंड रंग के करीब ले जाना, ताकि वह दृश्य रूप से ओझल हो जाए। दिखने में यह फेड जैसा प्रतीत होता है, जबकि अंदरूनी तौर पर यह केवल रंगों के क्रमिक बदलाव की श्रृंखला है।

न्यूनतम उदाहरण

नीचे दिया गया स्निपेट बहुत हल्के ग्रे से काले तक के ग्रेस्केल मानों का सेट तय करता है और उपयोगकर्ता कितने सेकंड से निष्क्रिय है, उसके अनुसार टेक्स्ट का रंग अपडेट करता है। idleSeconds परिवर्तनीय टाइप न करने के सेकंडों की संख्या दर्शाता है।

shadeSteps = ['#F0F0F0',
              '#D3D3D3',
              '#BEBEBE',
              '#A9A9A9',
              '#7F7F7F',
              '#6A6A6A',
              '#545454',
              '#3F3F3F',
              '#2A2A2A',
              '#000000']
inputBox.config(foreground=shadeSteps[idleSeconds-1])

वास्तव में क्या हो रहा है

तंत्र सीधा है: फोरग्राउंड रंग को धीरे-धीरे बैकग्राउंड जैसे रंग के करीब धकेला जाता है। जैसे-जैसे टोन बैकग्राउंड से मेल खाने लगते हैं, टेक्स्ट मानो अपारदर्शिता खोता है और अंततः गायब हो जाता है। बैकग्राउंड काला हो तो यह तरीका ज्यों का त्यों काम करता है, क्योंकि क्रम का अंतिम रंग शुद्ध काला है। अन्य बैकग्राउंड के लिए भी यही विचार लागू होता है, बस रंगों का सेट इस तरह समायोजित करें कि ग्रेडिएंट का अंत आपके उपयोग में आने वाले बैकग्राउंड रंग पर हो।

व्यावहारिक समाधान

ऐसा ग्रेडिएंट चुनें जो आपके बैकग्राउंड रंग की ओर जाता हो, और इंडेक्स को उपयोगकर्ता के निष्क्रिय रहने की अवधि से नियंत्रित करें। नीचे दिया गया उदाहरण वही लॉजिक अलग पहचानकर्ताओं के साथ और काले की ओर बढ़ते उसी ग्रेस्केल क्रम का उपयोग करता है।

tonesList = ['#F0F0F0',
             '#D3D3D3',
             '#BEBEBE',
             '#A9A9A9',
             '#7F7F7F',
             '#6A6A6A',
             '#545454',
             '#3F3F3F',
             '#2A2A2A',
             '#000000']
uiEntry.config(foreground=tonesList[idleCount-1])

यह क्रम बहुत हल्के ग्रे से काले तक का ग्रेडिएंट बनाता है और काले बैकग्राउंड पर मनचाहा “फेड होकर अदृश्य” प्रभाव देता है।

यह समझना क्यों उपयोगी है

जो चीज़ अपारदर्शिता नियंत्रण जैसी दिखती है, असल में बैकग्राउंड की ओर रंगों का मिश्रण है। यह फर्क समझ लेने से दृश्य असंगतियाँ बचती हैं। अगर बैकग्राउंड काला नहीं है, तब भी यही लॉजिक लागू रहता है, बस पैलेट अलग होना चाहिए ताकि अंतिम टोन वास्तविक बैकग्राउंड से मेल खाए। टाइमिंग ड्राइवर तो बस टाइपिंग के बिना बीता समय है, जिसे ग्रेडिएंट में इंडेक्स की तरह इस्तेमाल किया जाता है।

निष्कर्ष

टाइपिंग रुकने के बाद फेड-आउट बनाने के लिए, टेक्स्ट रंग को ऐसे ग्रेडिएंट में चरणबद्ध बदलें जो बैकग्राउंड पर आकर खत्म होता हो। ग्रेडिएंट को निष्क्रियता के सेकंडों से इंडेक्स करें। पैलेट को अपने बैकग्राउंड रंग के अनुरूप रखें, ताकि टेक्स्ट सच में गायब हो, किसी असंबंधित शेड में न बदल जाए।