स्विफ्ट यूआई - पूरे यूरोप में सरपट दौड़ रही है

22:35। आनंद

डब्ल्यूडब्ल्यूडीसी 2019 कुंजी नोट देखे। अपेक्षित घोषित यूआई वास्तव में सच हो गया, और यह वास्तव में आईओएस विकास की दुनिया के लिए एक सार्वभौमिक घटना है। "हमें इस बारे में एक लेख लिखने की आवश्यकता है," मैंने सोचा, और दुनिया भर में हजारों और अधिक आईओएस डेवलपर्स अतिशयोक्ति में हैं।

05:30। ट्यूटोरियल

स्विफ्ट यूआई - ऐप्पल द्वारा विकसित एक नया ढांचा, स्विफ्ट में लिखा गया है, जिसे यूआई कोड में घोषित रूप से वर्णित किया गया है।

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

सुंदर!

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

07:00 a.m. स्थापना

नए Xcode में एक नया कोड संपादन मोड है - संपादक और कैनवास।

मैंने एक बार में कैनवास नहीं देखा - इसके लिए Xcode 11.0 डाउनलोड करना पर्याप्त नहीं है, आपको Makos को 10.15 पर अपडेट करने की भी आवश्यकता है। इसके बिना, Xcode काम करेगा, लेकिन एक कैनवास के प्रसन्नता के बिना और, संभवतः, कुछ और।

मुझे खुशी हुई कि जब आप कोड चुनते हैं, तो कैनवास में संबंधित तत्व भी हाइलाइट किया जाता है।

नई धुरी, exampl'y का शुभारंभ किया। क्या यह ढह रहा है? खैर, हाँ, यह करता है। क्या बैकलाइट बंद हो जाती है? नहीं, निश्चित रूप से - वही एक्सोड में कभी नहीं हुआ है;) लेकिन कैनवास काम करता है, और दृश्य परिवर्तन तुरंत परिलक्षित होते हैं, अगर यह जटिल कोशिकाओं के साथ एक तालिका नहीं है।

09:22। नई परियोजना

एक नया प्रोजेक्ट बनाते समय, यूज़ स्विफ्ट यूआई विकल्प अब उपलब्ध है और प्रोजेक्ट उपयुक्त कॉन्फ़िगरेशन के साथ बनाया गया है।

नई SceneDelegate फ़ाइल SceneDelegate , जिसमें खिड़की और उसके मूल दृश्य बनाए जाते हैं। लेकिन AppDelegate में उसके बारे में एक शब्द भी नहीं है। लेकिन एक नई विधि है जो UISceneConfiguration :

 func application(_ application: UIApplication, configurationForConnecting connectingSceneSession: UISceneSession, options: UIScene.ConnectionOptions) -> UISceneConfiguration { // Called when a new scene session is being created. // Use this method to select a configuration to create the new scene with. return UISceneConfiguration(name: «Default Configuration», sessionRole: connectingSceneSession.role) } 

ठीक है, Default Configuration स्वयं Info.plist और SceneDelegate इंगित किया गया है। सब कुछ जगह-जगह गिर गया।

लेकिन SceneDelegate वापस - लॉन्च इसमें होता है।

 func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions) { // Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`. // If using a storyboard, the `window` property will automatically be initialized and attached to the scene. // This delegate does not imply the connecting scene or session are new (see `application:configurationForConnectingSceneSession` instead). // Use a UIHostingController as window root view controller let window = UIWindow(frame: UIScreen.main.bounds) window.rootViewController = UIHostingController(rootView: ContentView()) self.window = window window.makeKeyAndVisible() } 

UIHostingController एक नियमित generic UIViewController है जो नए View प्रोटोकॉल के तहत किसी भी प्रकार की सामग्री रख सकता है

 open class UIHostingController<Content> : UIViewController where Content : View { /// } 

View प्रोटोकॉल अश्लील है:

 public protocol View : _View { associatedtype Body : View var body: Self.Body { get } } 

यानी उसे केवल body को लागू करने की जरूरत है।
लेकिन ट्रिक यह है कि इस View प्रोटोकॉल पर पूरे एक टन का एक्सटेंशन लिखा होता है, उदाहरण के लिए, हैंगिंग जेस्चर के लिए, स्क्रीन से किसी व्यू की उपस्थिति और गायब होने पर नज़र रखने के लिए, इंडेंट, फ्रेम और बहुत कुछ के लिए। आप यह सब देख सकते हैं गोदी में देखें | Apple डेवलपर दस्तावेज़ । इसका मतलब है कि बॉक्स के बाहर आपके द्वारा बनाए गए किसी भी दृश्य को सभी प्रकार के सुपरपावर का एक गुच्छा मिलता है!

चलिए ContentView.swift पर ContentView.swift ।

 struct ContentView : View { var body: some View { Text(«Hello World») } } 

यह सरल है: हम पहले से लागू किए गए दृश्य और नियंत्रण से एक दृश्य बनाते हैं | Apple डेवलपर दस्तावेज़ । विभिन्न कंटेनरों का उपयोग करके इसे और अधिक जटिल बना सकता है देखें लेआउट और प्रस्तुति | Apple डेवलपर डॉक्यूमेंटेशन और वह दृश्य जो हमने पहले ही खुद बनाया था।

स्विफ्ट यूआई के साथ लेआउट एक अलग कहानी है जिसके बारे में कई और सामग्री लिखी जाएगी, और ऐप्पल में एक योग्य ट्यूटोरियल भी है। मैं उस पर वास नहीं करूंगा। चलिए ContentView.swift के दूसरे भाग पर लौटते हैं, ऐसा एक कोड है:

 #if DEBUG struct ContentView_Previews : PreviewProvider { static var previews: some View { ContentView() } } #endif 

नाम से यह स्पष्ट है कि यह वह है जो कैनवास में प्रदर्शित होने के लिए जिम्मेदार है - और वह हमारे मामले में previews प्रदर्शित previews ContentView() ।

आइए एक आदिम तालिका के साथ एक स्क्रीन बनाने की कोशिश करें:

 struct ContentView : View { var birds: [Birds] = [] var body: some View { List(birds) { bird in Text(verbatim: bird.name) } } } 

वह सब है। हो गया। सरल, संक्षिप्त, सुरुचिपूर्ण। यहाँ यह सब एक घोषित यूआई का आकर्षण है!

यह देखा जा सकता है कि List हुड के नीचे एक तालिका है। लेकिन UITableView नहीं, बल्कि कुछ UpdateCoalesingTableView।

और यह भी स्पष्ट है कि कोई ऑटो-लेआउट नहीं है। कोई विरोधाभास नहीं है, सब कुछ फ़्रेम पर है, जिसका अर्थ है कि रैखिक समीकरणों और गणनाओं के एक गुच्छा के साथ ये जटिल प्रणालियां नहीं हैं। लेकिन, दूसरी तरफ, लेआउट अनुकूली है और फ्रेम को किसी तरह से गणना की जाती है - आइए भविष्य के WWDC सत्रों में देखें कि कैसे।

Swift UI - क्या यह UIKit पर एक आवरण है? हाँ और नहीं, एक ही समय में, ऐसा लगता है।

जो ग्रॉफ ने निम्नलिखित ट्वीट किया:

"कुछ इकाइयां यूआई / एनएस विचारों पर आवरण हैं, लेकिन तथ्य यह है कि वे ऐसा करते हैं और वे किस तरह का दृश्य लपेटते हैं, यह एक ऐसी चीज है जो बदल सकती है।"

मूल:
कुछ चीजें यूआई / एनएस विचारों को लपेटती हैं, लेकिन क्या वे करते हैं, और वे किस दृश्य को लपेटते हैं, परिवर्तन के अधीन है। एक अलग चीज के रूप में इसके बारे में सोचने के लिए सबसे अच्छा है।

मैंने और क्या देखा:

• स्विफ्ट यूआई अपने BindableObject , ObjectBinding और पूरे ObjectBinding ढांचे के साथ प्रतिक्रियावाद के प्रति उत्साही के लिए तंत्र प्रदान करता है।
• ड्रॉ ड्रा पथ और आकृतियाँ | Apple डेवलपर दस्तावेज़
• UIKit के साथ संगत UIKit | Apple डेवलपर दस्तावेज़
• आप आसानी से विषयों का प्रबंधन करने की अनुमति देता है।

सुबह 11 बजे। कुल मिलाकर

काश, ये सभी आकर्षण

 @available (iOS 13.0, OSX 10.15, tvOS 13.0, watchOS 6.0, *) 

यही है, उनके लिए स्विचिंग पुरानी कुल्हाड़ियों को छोड़ना है, जो उपयोगकर्ता के लिए बहुत अधिक कट्टरपंथी और चिंता से रहित है।

मुझे यकीन है कि तंत्र अभी भी कच्चा है, कई और बदलाव होंगे, और बहुत सारे कीड़े पॉप हो जाएंगे, और यह स्वाभाविक है। लेकिन एक या दो साल में इसे उत्पादों में पेश करना संभव होगा।

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

इस बीच, कुछ भी नहीं आप अपने पालतू परियोजनाओं में इस का उपयोग करने से रोकता है, अपने हाथ में हो रही है और सौंदर्य सुख पाने :)