निश्चित रूप से, यहां इस बात का विस्तृत अवलोकन दिया गया है कि आप स्विफ्ट में स्विफ्टयूआई स्विच का आकार कैसे बदल सकते हैं।
स्विफ्टयूआई, स्विफ्ट की शक्ति के साथ सभी ऐप्पल प्लेटफार्मों पर यूजर इंटरफेस बनाने के लिए ऐप्पल का ढांचा है। कभी-कभी, डेवलपर्स को स्विच जैसे विशिष्ट यूआई घटकों के आकार को समायोजित करने की आवश्यकता आ सकती है। डिफ़ॉल्ट रूप से, स्विफ्टयूआई सीधे स्विच के आकार को बदलने की अनुमति नहीं देता है, लेकिन हम इसे प्राप्त करने के लिए कुछ वर्कअराउंड का उपयोग कर सकते हैं।
आइए समस्या के समाधान पर गौर करें।
स्विफ्टयूआई में एक कस्टम स्विच बनाना
स्विफ्टयूआई में स्विच के आकार को समायोजित करने के लिए, एक तरीका एक कस्टम स्विच बनाना है। यह आपको स्विच के स्वरूप और आकार पर पूर्ण नियंत्रण रखने की अनुमति देता है।
यहां कोड का एक उदाहरण दिया गया है जो एक कस्टम स्विच बनाता है:
struct CustomSwitch: View {
@Binding var isOn: Bool
var body: some View {
Button(action: {
self.isOn.toggle()
}) {
Rectangle()
.fill(self.isOn ? Color.green : Color.gray)
.frame(width: 50, height: 30)
.overlay(Circle()
.fill(Color.white)
.offset(x: self.isOn ? 10 : -10),
alignment: self.isOn ? .trailing : .leading)
.cornerRadius(15)
.animation(.spring())
}
}
}
कस्टम स्विच कोड को समझना
आइए देखें कि यह कोड क्या करता है:
- कस्टमस्विच संरचना: यह हमारे कस्टम स्विफ्टयूआई व्यू को परिभाषित करता है। इसमें बूलियन मान के लिए एक बंधन है - स्विच के लिए स्थिति।
- बटन क्रिया: यह स्विफ्ट कोड ब्लॉक बटन दबाए जाने पर व्यवहार को निर्दिष्ट करता है। यहां, बस "isOn" स्थिति को टॉगल करें।
- आयत: स्विफ्टयूआई की आयत संरचना का एक उदाहरण, जो आकार के गुणों को परिभाषित करता है।
- रंग भरना: आयत का रंग इस बात पर निर्भर करता है कि "isOn" सही है या गलत।
- फ़्रेम: यहां फ्रेम संशोधक कस्टम स्विच की चौड़ाई और ऊंचाई बता रहा है।
- ओवरले: ओवरले संशोधक आपको मौजूदा स्विफ्टयूआई व्यू के शीर्ष पर एक और स्विफ्टयूआई व्यू को परत करने की अनुमति देता है - यहां, एक सफेद सर्कल जो स्विच नॉब के रूप में कार्य करता है।
- ऑफसेट: ऑफसेट संशोधक का उपयोग यहां सर्किल को स्थानांतरित करने के लिए किया जाता है, यह इस पर निर्भर करता है कि "isOn" सही है या गलत, जिससे यह भ्रम होता है कि स्विच टॉगल हो रहा है।
- कोने का अर्द्ध व्यास: यह अंतर्निहित आयत के कोनों पर गोलाई लागू करता है।
- एनिमेशन: एनीमेशन संशोधक पूरे बटन पर एक स्प्रिंग() एनीमेशन लागू करता है - इसलिए जब आप स्विच करते हैं, तो यह आसानी से टॉगल हो जाएगा।
लपेटकर
विशिष्ट एप्लिकेशन आवश्यकताओं से मेल खाने के लिए उपयोगकर्ता इंटरफ़ेस को अनुकूलित करते समय स्विफ्टयूआई स्विच के आकार को अनुकूलित करने की क्षमता एक फायदा हो सकती है। हमने एक कस्टम स्विच बनाकर इसे प्राप्त करने का एक तरीका सीखा है। हैप्पी कोडिंग!
याद रखें: स्विफ्टयूआई काफी लचीला और अनुकूलन योग्य है। अपने प्रोजेक्ट और डिज़ाइन आवश्यकताओं को बेहतर ढंग से फिट करने के लिए उपरोक्त कोड में मूल्यों और गुणों को समायोजित करने के लिए स्वतंत्र महसूस करें। यदि आपको किसी अन्य यूआई घटक का आकार बदलने की आवश्यकता है, तो कस्टम निर्माण दृष्टिकोण को लगभग उसी तरह लागू किया जा सकता है।
