DIY सेगमेंटेड कंट्रोल, जैसा कि iOS 13.0 और बाद में

IOS 13 ने सेगमेंटेड कंट्रोल को अपडेट किया है, लेकिन जो लोग Xcode को अपग्रेड नहीं कर सकते हैं, उनके लिए यह उपलब्ध नहीं है। इसलिए मैंने यह लिखने का फैसला किया कि कैसे जल्दी से उसी सेगमेंटेड कंट्रोल को खुद बनाया जाए।
चलो चलते हैं!

सबसे पहले स्टोरीबोर्ड पर जाएं। हम अपने ViewController पर तत्व देखें।



हम इसे आप चाहते हैं और आप इसे किस स्थान पर चाहते हैं जैसी बाधाओं के साथ ठीक करते हैं।
पृष्ठभूमि को पेंट करें और क्लिप को सीमा चेकबॉक्स में जांचें।



एक और दृश्य लें और इसे हमारे पहले दृश्य के अंदर रखें। बस यह देखना सुनिश्चित करें कि यह आपके पहले दृश्य के अंदर था। इसे सीढ़ी में रखा जाना चाहिए।



अगला, हम इसे हर तरफ से 2 पिक्स के इंडेंट के साथ स्थिरांक के साथ ठीक करते हैं।



और यह आपके पहले दृश्य के अंदर रखा जाएगा जैसा कि नीचे दिए गए फोटो में है।



अगला, हमारे सफेद दृश्य का चयन करें जो आंतरिक है। हम अग्रणी और ट्रायलिंग स्थिरांक का चयन करते हैं, और उनकी प्राथमिकता को 750 में बदलते हैं।



अब हम इंडेंट 0 पिक्स के साथ बाएँ और दाएँ से इस दृश्य के लिए दो और स्थिरांक बनाते हैं



हम उन स्थिरांक के डेटा को संपादित करने में भी जाते हैं, जिन्हें हमने अभी बनाया है और उनकी प्रायोरिटी = 900 को बदला है और उन्हें हमारे ग्रे व्यू के किनारों से ठीक नहीं किया है, लेकिन उन्हें केंद्र के सापेक्ष सेट करें और यदि आप सब कुछ सही ढंग से करते हैं तो आपके सफेद व्यू को केंद्र में एक लाइन द्वारा असेंबल किया जाएगा।



अब दो बटनों का चयन करें और उन्हें ग्रे दृश्य के अंदर रखें, लेकिन उन्हें बहुत नीचे तक पदानुक्रम में होना चाहिए ताकि जब हम इसे स्थानांतरित करें तो उनका पाठ हमारे सफेद दृश्य के साथ ओवरलैप न हो। हम केंद्र में अपने आधे के सापेक्ष अपने बटन को ठीक करते हैं।



वह सब है। अब हमारे आइटम को स्टोरीबोर्ड से ViewController के साथ कनेक्ट करें।
ग्रे दृश्य जिसे मैंने कहा - fonView
व्हाइट व्यू जिसे कहा जाता है - ब्लॉकव्यू।
इसके अलावा, दो बटन बटन और बटन ने उनके लिए एक कार्रवाई बनाई।



हम अपने कोड दो स्थिरांक में भी खींच रहे हैं जिसे हमने प्राथमिकता 750 के साथ बनाया है। आइए उनका नाम दें:

@IBOutlet weak var checkButtonOne: NSLayoutConstraint! @IBOutlet weak var checkButtonTwo: NSLayoutConstraint! 

ViewDidLoad में, हम केवल अपने व्यू की गोलाई को निर्धारित करते हैं और प्राथमिकता 950 के बराबर एक स्थिर बनाते हैं, ताकि सफेद दृश्य एक पंक्ति के रूप में मध्य में प्रकट न हो, लेकिन चयनित सेगमेंट की तरह दिखता है।

 override func viewDidLoad() { super.viewDidLoad() fonView.layer.cornerRadius = 10 blockView.layer.cornerRadius = 9 checkButtonOne.priority = UILayoutPriority(rawValue: 950) } 

फिनिश लाइन। एक्शन बटन में, हम ऐसा कोड लिखते हैं। लब्बोलुआब यह है कि हम अपनी प्राथमिकताएं बदल रहे हैं और दृश्य आवश्यक आकार से बढ़ रहा है और हम अपने स्थिरांक को एनिमेटेड रूप से अपडेट कर रहे हैं।

 @IBAction func buttonOne(_ sender: UIButton) { checkButtonOne.priority = UILayoutPriority(rawValue: 950) checkButtonTwo.priority = UILayoutPriority(rawValue: 750) UIView.animate(withDuration: 0.5) { self.view.layoutIfNeeded() } } @IBAction func buttonTwo(_ sender: UIButton) { checkButtonOne.priority = UILayoutPriority(rawValue: 750) checkButtonTwo.priority = UILayoutPriority(rawValue: 950) UIView.animate(withDuration: 0.5) { self.view.layoutIfNeeded() } } 

वह सब है! देखें!