स्विफ्ट के साथ स्क्रॉल व्यू बनाएं: 9 कदम

2024 लेखक: John Day | [email protected]. अंतिम बार संशोधित: 2024-01-30 09:21

कुछ महीने पहले, मैं स्विफ्ट और एक्सकोड के अस्तित्व को नहीं जानता था। आज, मैं उस एप्लिकेशन का एक छोटा सा हिस्सा विकसित करने में सक्षम था जिसे मैं बनाना चाहता हूं। मैं कुछ अच्छा बनाने में सक्षम था, जिसे मैं आपके साथ साझा करना चाहता हूं।

इस ट्यूटोरियल में मैं आपको एक स्क्रॉल व्यू सीन बनाने की प्रक्रिया के बारे में बताऊंगा, जिसमें उपयोगकर्ता जब एक नया खाता पंजीकृत करना चाहते हैं तो उन्हें पुनर्निर्देशित किया जाएगा। रास्ते में, मैं आपको उन चीजों के बारे में कुछ सैद्धांतिक स्पष्टीकरण प्रदान करना सुनिश्चित करूँगा जो हम करते हैं, ताकि आप वास्तव में समझ सकें कि हम क्या कर रहे हैं।

ऐसा करने से पहले, आइए बात करते हैं कि स्विफ्ट और एक्सकोड क्या है:

1. स्विफ्ट मैकओएस, आईओएस, वॉचओएस और टीवीओएस के लिए एक शक्तिशाली और सहज प्रोग्रामिंग भाषा है। स्विफ्ट कोड लिखना इंटरैक्टिव और मजेदार है, वाक्य रचना संक्षिप्त लेकिन अभिव्यंजक है, और स्विफ्ट में आधुनिक विशेषताएं शामिल हैं जिन्हें डेवलपर्स पसंद करते हैं। स्विफ्ट कोड डिजाइन द्वारा सुरक्षित है, फिर भी बिजली की तेजी से चलने वाले सॉफ्टवेयर का उत्पादन भी करता है। इसे Apple के Cocoa और Cocoa Touch फ़्रेमवर्क और Apple उत्पादों के लिए लिखे गए मौजूदा ऑब्जेक्टिव-सी कोड के बड़े हिस्से के साथ काम करने के लिए डिज़ाइन किया गया है। यह ओपन सोर्स एलएलवीएम कंपाइलर फ्रेमवर्क के साथ बनाया गया है और 2014 में जारी संस्करण 6 के बाद से एक्सकोड में शामिल किया गया है। ऐप्पल प्लेटफॉर्म पर, यह ऑब्जेक्टिव-सी रनटाइम लाइब्रेरी का उपयोग करता है जो सी, ऑब्जेक्टिव-सी, सी ++ और स्विफ्ट कोड को चलाने की अनुमति देता है। एक कार्यक्रम के भीतर।

2. Xcode macOS के लिए एक एकीकृत विकास वातावरण (IDE) है जिसमें macOS, iOS, watchOS और tvOS के लिए सॉफ्टवेयर विकसित करने के लिए Apple द्वारा विकसित सॉफ्टवेयर डेवलपमेंट टूल्स का एक सूट शामिल है।

चरण 1: एक्सकोड डाउनलोड करें

Xcode 10 में वह सब कुछ शामिल है जो आपको सभी Apple प्लेटफॉर्म के लिए अद्भुत ऐप बनाने के लिए चाहिए। अब MacOS Mojave पर नए डार्क मोड में Xcode और Instruments बहुत अच्छे लगते हैं। स्रोत कोड संपादक आपको कोड को अधिक आसानी से रूपांतरित या पुन: सक्रिय करने देता है, संबंधित लाइन के साथ स्रोत नियंत्रण परिवर्तन देखने देता है, और अपस्ट्रीम कोड अंतर पर तुरंत विवरण प्राप्त करता है। आप कस्टम विज़ुअलाइज़ेशन और डेटा विश्लेषण के साथ अपना खुद का उपकरण बना सकते हैं। स्विफ्ट अधिक तेज़ी से सॉफ़्टवेयर संकलित करता है, आपको तेज़ ऐप्स वितरित करने में मदद करता है, और छोटे बायनेरिज़ भी उत्पन्न करता है। टेस्ट सूट कई गुना तेजी से पूरे होते हैं, एक टीम के साथ काम करना आसान और अधिक सुरक्षित होता है, और भी बहुत कुछ।

Xcode 10 में स्विफ्ट 4.2 शामिल है, जो आपके सॉफ़्टवेयर को अधिक तेज़ी से संकलित करता है, आपको तेज़ ऐप्स वितरित करने में मदद करता है, और छोटे बायनेरिज़ भी उत्पन्न करता है। स्विफ्ट 4.0 की तुलना में, नवीनतम स्विफ्ट कंपाइलर दोगुने से अधिक तेजी से बड़े ऐप बना सकता है। * नए एक्सकोड नए बिल्ड सिस्टम के साथ, आपका दैनिक संपादन, निर्माण और परीक्षण वर्कफ़्लो बहुत तेज़ है। नवीनतम मल्टी-कोर मैक हार्डवेयर के लिए अनुकूलित, एक्सकोड और स्विफ्ट एक लाइटनिंग-फास्ट डेवलपमेंट प्लेटफॉर्म के लिए बनाते हैं।

चरण 2: आइए आरंभ करें

तो हम क्या करेंगे Xcode पर जाएं और एक नया प्रोजेक्ट बनाएं। एक बार जब हम एक नए प्रोजेक्ट पर क्लिक करते हैं तो हमारा एप्लिकेशन सिंगल व्यू ऐप होगा। जो लोग नहीं जानते हैं, उनके लिए सिंगल व्यू ऐप का मतलब है कि आपको सब कुछ स्क्रैच से शुरू करना होगा और एक ही व्यू होगा जिसे हम प्रोग्राम कर सकते हैं।

अपने उत्पाद को TutorialApp नाम दें। यदि आप एक अनुभवी डेवलपर हैं जो ऐप स्टोर में ऐप्स प्रकाशित करते हैं तो आपके पास शायद एक टीम होगी, लेकिन यदि आप नए हैं और आपके पास कोई एप्लिकेशन प्रकाशित नहीं है, तो आप इस फ़ील्ड को छोड़ सकते हैं। संगठन के नाम में, आप कंपनी का नाम लिख सकते हैं यदि आपके पास एक है, तो मेरे मामले में मैं सिर्फ मैकबुक प्रो रखूंगा। फिर, संगठन पहचानकर्ता को आपकी परियोजना के विशिष्ट पहचानकर्ता के रूप में माना जाता है, इसलिए, आप जो चाहें लिख सकते हैं। भाषा निश्चित रूप से तेज होगी।

तो, अगला दबाएं और प्रोजेक्ट को डेस्कटॉप पर सहेजें ताकि इसे एक्सेस करना आसान हो।

नई परियोजना में तीन फाइलें हैं, AppDelegate.swift, ViewController.swift, और इस ट्यूटोरियल का सितारा: Main.storyboard. तैनाती जानकारी के तहत> सामान्य प्रोजेक्ट सेटिंग्स में डिवाइस ओरिएंटेशन, डिवाइस को iPhone पर सेट करें। चूंकि यह केवल पोर्ट्रेट ऐप है, इसलिए लैंडस्केप लेफ्ट और लैंडस्केप राइट विकल्पों को अनचेक करें। इंटरफ़ेस बिल्डरडिटर में इसे देखने के लिए प्रोजेक्ट नेविगेटर में मेन.स्टोरीबोर्ड खोलें:

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

चरण 3: UI में कार्य करना

एक दृश्य नियंत्रक के लिए आधिकारिक स्टोरीबोर्ड शब्दावली "दृश्य" है, लेकिन आप शब्दों का परस्पर उपयोग कर सकते हैं। एक दृश्य स्टोरीबोर्ड में एक दृश्य नियंत्रक का प्रतिनिधित्व करता है।

यहां आपको एक सिंगल व्यू कंट्रोलर दिखाई देता है जिसमें एक खाली व्यू होता है। बाईं ओर से व्यू कंट्रोलर को इंगित करने वाला तीर इंगित करता है कि यह इस स्टोरीबोर्ड के लिए प्रदर्शित होने वाला प्रारंभिक दृश्य नियंत्रक है। स्टोरीबोर्ड संपादक में एक लेआउट डिज़ाइन करना ऑब्जेक्ट लाइब्रेरी (ऊपरी-दाएं कोने देखें) से नियंत्रणों को आपके व्यू कंट्रोलर में खींचकर किया जाता है।

स्टोरीबोर्ड संपादक कैसे काम करता है, यह महसूस करने के लिए, ऑब्जेक्ट लाइब्रेरी से कुछ नियंत्रणों को रिक्त दृश्य नियंत्रक में खींचें जैसा कि वीडियो में देखा गया है।

जैसे ही आप नियंत्रणों को अंदर खींचते हैं, वे बाईं ओर दस्तावेज़ रूपरेखा में दिखाई देने चाहिए।

आप अपनी इच्छानुसार यूजर इंटरफेस बना सकते हैं। मेरे मामले में, मैंने उस तस्वीर का इस्तेमाल किया जिसे आप तस्वीर में देख रहे हैं।

चरण 4: एक दूसरा दृश्य नियंत्रक विकसित करें और बहस शुरू करें (संक्रमण)

तो, मेरे ऐप में, जब उपयोगकर्ता "नया खाता पंजीकृत करें" बटन दबाता है, तो मैं उसे रजिस्टर खाता पृष्ठ पर रीडायरेक्ट करना चाहता हूं। तो उस उद्देश्य के लिए, हर एक पृष्ठ एक नया दृश्य, एक नया प्रदर्शन है। उस कारण से, हमें दूसरा व्यू कंट्रोलर बनाना होगा, जिसे आप ऑब्जेक्ट लाइब्रेरी में पा सकते हैं।

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

1. हम इसे मैन्युअल रूप से कर सकते हैं जब हम बटन से दूसरे दृश्य नियंत्रण में एक क्रिया कनेक्शन बनाते हैं
2. हम इसे प्रोग्रामिक रूप से कर सकते हैं

मैंने जो करना चुना वह इसे मैन्युअल रूप से बनाना है। यह उतना ही सरल है:

1. अपने बटन पर एक बायाँ-क्लिक करें (मेरे मामले में, नया खाता पंजीकृत करें)
2. होल्ड कमांड और लेफ्ट माउस क्लिक करके इसे रजिस्टर कंट्रोल सीन पर ड्रैग करें।
3. इसे वहां छोड़ दें और "मोडली प्रस्तुत करें" चुनें

चरण 5: पंजीकरण प्रक्रिया के लिए प्रोग्रामिंग क्लास बनाएं

इसलिए, अब हम नए दृश्य के लिए एक समर्पित एन्कोडिंग वर्ग बनाना चाहते हैं।

ऐसा करने के लिए आपको निम्न चरणों को करने की आवश्यकता है:

• अपने प्रोजेक्ट फ़ोल्डर पर राइट क्लिक करें
• कोको टच क्लास नामक नई फाइल पर क्लिक करें
• कक्षा में लिखें: RegisterVC
• बहुत ज़रूरी! सुनिश्चित करें कि उपवर्ग UIViewController प्रकार का होना चाहिए
• भाषा तेज होनी चाहिए।
• अगला क्लिक करें और अपने प्रोजेक्ट के मुख्य रूट में अपने कोको क्लास को अंदर सेव करें।
• मुख्य स्टोरीबोर्ड पर क्लिक करें और नए व्यू कंट्रोलर पर जाएं
• इसके ऊपर पीले रंग के बटन पर क्लिक करें
• राइट में क्लास इंस्पेक्टर के पास जाएं और रजिस्टर वीसी (कॉस्टम क्लास, क्लास = रजिस्टरवीसी) का संदर्भ लें

चरण 6: पृष्ठ का क्षैतिज स्वाइप बनाएँ

IOS में, स्क्रॉल दृश्यों का उपयोग उस सामग्री को देखने के लिए किया जाता है जो पूरी तरह से स्क्रीन पर फिट नहीं होती है। स्क्रॉल दृश्यों के दो मुख्य उद्देश्य हैं:

उपयोगकर्ताओं को उस सामग्री के क्षेत्र को खींचने के लिए जिसे वे प्रदर्शित करना चाहते हैं, उपयोगकर्ताओं को पिंच जेस्चर का उपयोग करके प्रदर्शित सामग्री को ज़ूम इन या आउट करने दें। IOS ऐप्स में उपयोग किया जाने वाला एक सामान्य नियंत्रण - UITableView - UIScrollView का एक उपवर्ग है और स्क्रीन से बड़ी सामग्री को देखने का एक शानदार तरीका प्रदान करता है।

क्षैतिज स्वाइप में उप-पृष्ठों का क्या उपयोग होता है?

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

इसलिए, इस व्यू कंट्रोलर के निर्माण पर आगे बढ़ते हुए, मेरे मामले में, मेरे पास 5 पृष्ठ थे जिन्हें मैं बनाना चाहता था:

1. ईमेल
2. पूरा नाम
3. पासवर्ड
4. जन्म की तारीख
5. लिंग

इसका मतलब है कि हम जो व्यू कंट्रोलर बनाएंगे, वह हमारे द्वारा पहले बनाए गए व्यू कंट्रोलर से 5 गुना बड़ा होना चाहिए।

अपना व्यू कंट्रोलर चुनें और ऊपर, दाएं कोने पर जाएं और रूलर आइकन पर क्लिक करें और सिम्युलेटेड साइज को एडिट करें। चौड़ाई और ऊंचाई को समायोजित करने के लिए आप फ्रीफॉर्म चुनेंगे। स्क्रीन की डिफ़ॉल्ट चौड़ाई जो iPhone 8 के लिए उपयुक्त है, 375 है, इसलिए यदि मैं 375*5 = 1875 गुणा करता हूं। और यहां आप जाते हैं, आपके पास एक विस्तारित दृश्य नियंत्रक है।

इसी तरह, आप सभी अलग-अलग फोन और स्क्रीन साइज के लिए एक ही प्रक्रिया का पालन करते हैं।

स्क्रॉल व्यू को काम करने के लिए, हमें स्क्रॉल व्यू ऑब्जेक्ट की आवश्यकता होती है। स्क्रॉल व्यू सामग्री को प्रदर्शित करने के लिए एक तंत्र प्रदान करता है जो एप्लिकेशन की विंडो के आकार से बड़ा है। इस ऑब्जेक्ट पर क्लिक करें, इसे ड्रैग करें और व्यू कंट्रोलर के ऊपरी बाएँ कोने पर रखें और सुनिश्चित करें कि X और Y शून्य स्थिति पर हैं और खिंचाव आपके व्यू कंट्रोलर के अनुसार है।

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

बाएं पैनल से स्क्रॉल दृश्य का चयन करें और हम संरेखण 0, 0, 0, 0 को कॉल करेंगे और बाधाओं को जोड़ेंगे। सामग्री दृश्य के लिए भी यही काम करें।

चरण 7: क्षैतिज स्वाइप के उप-पृष्ठों के लिए उपयोगकर्ता इंटरफ़ेस विकसित करें

इस स्टेप में आपको अपने सब-पेज का UI बनाना होगा। मैंने जो करना चुना, वह स्केच में एक प्रोटोटाइप बनाना है और फिर इसे एक्सकोड में बनाना है।

चरण 8: Xcode में डिज़ाइन लागू करें

अगला कदम इस डिज़ाइन को Xcode में लागू करना है। ऐसा करने के लिए, आपको सभी उप-पृष्ठों के लिए आउटलेट कनेक्शन बनाना होगा और "मदर व्यू" के लिए एक और बनाना होगा, जिसका अर्थ है, पूरे व्यू कंट्रोलर के लिए एक आउटलेट कनेक्शन।

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

स्टोरीबोर्ड में, एक दृश्य सामग्री की एक स्क्रीन और आम तौर पर एक दृश्य नियंत्रक का प्रतिनिधित्व करता है। व्यू कंट्रोलर आपके ऐप के व्यवहार को लागू करते हैं और सबव्यू के पदानुक्रम के साथ एकल सामग्री दृश्य का प्रबंधन करते हैं। वे ऐप के डेटा मॉडल के बीच सूचना के प्रवाह का समन्वय करते हैं, जो ऐप के डेटा को इनकैप्सुलेट करता है, और वे दृश्य जो उस डेटा को प्रदर्शित करते हैं, उनके सामग्री दृश्यों के जीवन चक्र का प्रबंधन करते हैं, डिवाइस के घुमाए जाने पर अभिविन्यास परिवर्तन को संभालते हैं, अपने ऐप के भीतर नेविगेशन को परिभाषित करते हैं।, और उपयोगकर्ता इनपुट का जवाब देने के लिए व्यवहार को लागू करें। IOS में सभी व्यू कंट्रोलर ऑब्जेक्ट UIViewController या इसके उपवर्गों में से एक प्रकार के होते हैं।

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

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

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

1. अपना स्टोरीबोर्ड खोलें, Main.storyboard।
2. सहायक संपादक को खोलने के लिए Xcode के ऊपरी दाएं कोने के पास Xcode टूलबार में सहायक बटन पर क्लिक करें। यदि आप काम करने के लिए अधिक स्थान चाहते हैं, तो Xcode टूलबार में नेविगेटर और यूटिलिटीज बटन पर क्लिक करके प्रोजेक्ट नेविगेटर और उपयोगिता क्षेत्र को संक्षिप्त करें।
3. आप रूपरेखा दृश्य को संक्षिप्त भी कर सकते हैं।

संपादक चयनकर्ता बार में, जो सहायक संपादक के शीर्ष पर दिखाई देता है, सहायक संपादक को पूर्वावलोकन से स्वचालित > ViewController.swift में बदलें।

उप-पृष्ठ पर क्लिक करें और कोड में उपयुक्त वर्ग में खींचें।

चरण 9: कस्टम इशारों को एकीकृत करें

स्वाइप जेस्चर

स्वाइप जेस्चर तब होता है जब उपयोगकर्ता एक विशिष्ट क्षैतिज या लंबवत दिशा में स्क्रीन पर एक या अधिक अंगुलियों को घुमाता है। स्वाइप जेस्चर का पता लगाने के लिए UISwipeGestureRecognizer वर्ग का उपयोग करें।

स्वाइप जेस्चर का कार्यान्वयन

चरण 1: स्वाइप जेस्चर (ओं) को viewDidLoad () विधि में जोड़ें।

ओवरराइड func viewDidLoad () {super.viewDidLoad ()

स्वाइप करने दें = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture)) स्वाइपLeft.direction =.left self.view.addGestureRecognizer(swipeLeft)

स्वाइप करें

स्वाइपअप करने दें = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture)) स्वाइप Up.direction =.up self.view.addGestureRecognizer(swipeUp)

स्वाइप डाउन करें = UISwipeGestureRecognizer(target: self, action: #selector(handleGesture)) स्वाइप करें

चरण 2: हैंडल जेस्चर () विधि func हैंडल जेस्चर (जेस्चर: UISwipeGestureRecognizer) में जेस्चर डिटेक्शन की जांच करें -> शून्य {अगर इशारा। दिशा == UISwipeGestureRecognizerDirection.right {प्रिंट ("स्वाइप राइट")} और अगर इशारा। दिशा == UISwipeGestureRecognizerDirection। लेफ्ट {प्रिंट ("स्वाइप लेफ्ट")} और अगर जेस्चर। डायरेक्शन == UISwipeGestureRecognizerDirection.up {प्रिंट ("स्वाइप अप")} और अगर जेस्चर। डायरेक्शन == UISwipeGestureRecognizerDirection.down {प्रिंट ("स्वाइप डाउन")}}

मेरे ऐप में, मैं स्वाइपराइट का उपयोग करना चाहता था, लेकिन जो आपके आवेदन के लिए अधिक उपयुक्त है उसका उपयोग करने के लिए स्वतंत्र हो गया।

अब, इसे हमारे कोड में लागू करते हैं।

हम रजिस्टरवीसी.स्विफ्ट में जाते हैं जिसे हमने पहले बनाया था और कोड लिखते हैं जैसा कि आप तस्वीरों में देख सकते हैं।

कोड की व्याख्या

वर्तमान_एक्स को स्क्रॉलव्यू (क्षैतिज स्थिति) की वर्तमान स्थिति प्राप्त करने दें, स्क्रीन_विड्थ को स्क्रीन की चौड़ाई प्राप्त करने दें, इस आकार को घटाकर स्क्रॉलव्यू की वर्तमान स्थिति से new_x दें, मैं स्क्रीन की चौड़ाई से वापसी करता हूं यदि current_x> 0 जब तक कि यह 0 से अधिक न हो - 0 पहला पेज है।

और हम कर रहे हैं!

अच्छा काम किया दोस्तों!