आईओएस 13 आवर्धक कांच के नीचे

डायनामिक टाइप अच्छा है, लेकिन यह हमेशा काम नहीं करता है। अब मैं आपको बताता हूं कि बिना पंजीकरण और एसएमएस के iOS 13 में छोटे नियंत्रण कैसे बढ़ते हैं।


पिछले लेख में, हमने डोडो पिज्जा आईओएस एप्लिकेशन के मेनू पर डायनामिक प्रकार खींचा था। यह बहुत अच्छी तरह से निकला। लेकिन मेनू के नीचे का टैबबार जितना छोटा था - यह पाठ आकार सेटिंग के आधार पर बदलता नहीं है।


यह सुविधा अभी तक रिलीज़ नहीं हुई है, जिसके लिए मुझे शर्म आ रही है और शर्म आ रही है

"लेकिन यह कैसे है, डोडो?" क्या आपको दृष्टिहीन लोगों की परवाह नहीं है?
- क्षमा करें!

अंतर्निहित मोड "आवर्धक" के बारे में थोड़ा

सिस्टम टैबबार लंबे टैप पर प्रत्येक टैब का पूर्वावलोकन दिखाता है। "उपलब्ध" टेक्स्ट आकार को शामिल करने का प्रयास करें, और फिर सिस्टम टैब में किसी भी टैब पर लंबे समय तक दबाएं (उदाहरण के लिए, संगीत या फोटो में)। निम्नलिखित पॉप-अप स्क्रीन पर दिखाई देगा:


टैब्बर के अलावा, "आवर्धक कांच" मोड नेबर्स और टूलबार में बटन द्वारा समर्थित है:


खोज फ़ील्ड:


और कुछ और नियंत्रण।

और, iOS 13 के साथ शुरू करके, हम आसानी से अपने नियंत्रण में समान व्यवहार जोड़ सकते हैं।

आवेदन करने के लिए UILargeContentViewerItem को कैसे फास्ट करें

दुर्भाग्य से, इस प्रोटोकॉल को प्रलेखन में खराब तरीके से वर्णित किया गया है, लेकिन इससे कोई फर्क नहीं पड़ता, क्योंकि इसका एपीआई बहुत सरल दिखता है:

@available(iOS 13.0, *) public protocol UILargeContentViewerItem : NSObjectProtocol { var showsLargeContentViewer: Bool { get } var largeContentTitle: String? { get } var largeContentImage: UIImage? { get } var scalesLargeContentImage: Bool { get } var largeContentImageInsets: UIEdgeInsets { get } } 

यह इनमें से कई तरीकों को लागू करने के लिए पर्याप्त है, जिनमें से नाम खुद के लिए बोलते हैं, और आपका नियंत्रण लंबे टैप पर एक बड़ा पूर्वावलोकन दिखाएगा।

बहुत सरल कार्यान्वयन

आइए इस प्रोटोकॉल को एप्लिकेशन में कुछ बटन पर आज़माएं। उदाहरण के लिए, उत्पाद कार्ड में i बटन पर:


कोड की 3 पंक्तियाँ जोड़ें:

 nutritionButton.showsLargeContentViewer = true nutritionButton.addInteraction(UILargeContentViewerInteraction()) nutritionButton.largeContentTitle = nutritionButton.accessibilityValue 

हो गया। कूल, हह?

केवल यहां एक समान आइकन है, जिसे डिफ़ॉल्ट रूप से खींचा गया है, मुझे पसंद नहीं है। यह बेहतर होगा अगर यह दो-रंग का न हो, लेकिन अक्षर i के कट आउट आकार के साथ एक-रंग। इसका उपयोग केवल .highlighted बटन स्थिति के लिए किया जाता है।

 nutritionButton.largeContentImage = nutritionButton.image(for: .highlighted) 

मानक।

और अब विस्तार में लपेटते हैं:

 extension UIView { public func enableLargeContent(title: String? = nil, image: UIImage? = nil, scales: Bool = true, insets: UIEdgeInsets = .zero) { guard !showsLargeContentViewer else { return } showsLargeContentViewer = true addInteraction(UILargeContentViewerInteraction()) largeContentTitle = title largeContentImage = image scalesLargeContentImage = scales largeContentImageInsets = insets } } 

 nutritionButton.enableLargeContent(title: nutritionButton.accessibilityValue, image: nutritionButton.image(for: .highlighted)) 

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

मैं rephrase: इस सुविधा का उपयोग केवल अंतिम उपाय के रूप में करता हूं, जब आप वास्तव में नियंत्रण को बढ़ा नहीं सकते हैं।

यदि आप UILargeContentViewerItem इंटरफ़ेस खोलते हैं तो इस पूरी चीज़ के लिए दस्तावेज़ Xcode में उपलब्ध है।

GitHub पर मेरे रेपो में डेमो प्रोजेक्ट