स्विफ्ट का उपयोग करके एक्सकोड में कैलकुलेटर कैसे बनाएं: 9 कदम

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

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

चरण 1: प्रोजेक्ट बनाना

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

चरण 2: स्टोरीबोर्ड लेआउट

हमारे कैलकुलेटर को बनाने के चरण 2 के लिए आपको स्टोरीबोर्ड में एक बुनियादी लेआउट डिजाइन करने की आवश्यकता है। इसे शुरू करने से पहले, मैं आपके सिम्युलेटर डिवाइस को iPhone 7 Plus में बदलने की सलाह देता हूं। स्टोरीबोर्ड पर एक बटन को खींचकर और इसके आयामों को 89 x 89 में बदलकर शुरू करें। विशेषता निरीक्षक पर इसके पृष्ठभूमि रंग को पारा में बदलें और इसके फ़ॉन्ट रंग को टंगस्टन में बदलें। इसके बाद, फ़ॉन्ट को हेल्वेटिका लाइट 30 में समायोजित करें। बटन को कॉपी और पेस्ट करना जारी रखें जब तक कि आपके पास कुल 20 न हों। इन बटनों के लेआउट को समायोजित करें ताकि आपके पास पांच पंक्तियाँ और चार कॉलम हों।

चरण 3: स्टोरीबोर्ड डिजाइन और सौंदर्यशास्त्र

नीचे की पंक्ति पर दूसरा बटन हटाएं और इस स्थान पर कब्जा करने के लिए पहले बटन का विस्तार करें। इस बटन के प्लेसहोल्डर मान को शून्य में बदलें। प्रत्येक बटन के संख्या मानों और प्रतीकों को तब तक बदलना जारी रखें जब तक कि यह ऊपर दिखाए गए चित्र के समान व्यावहारिक रूप से समान न हो। विशेषता निरीक्षक पर, गहरे भूरे रंग का रंग चांदी है, नारंगी रंग कीनू है, और नारंगी बटन पर फ़ॉन्ट रंग को बर्फ में बदल दिया गया है। इसके बाद, व्यू कंट्रोलर पर क्लिक करें और इसके बैकग्राउंड का रंग बदलकर काला कर दें। बटन के ऊपर एक लेबल जोड़ें और इसके आकार को समायोजित करें जैसा कि आप सहज महसूस करते हैं। टेक्स्ट को दाईं ओर संरेखित करें और लेबल के फ़ॉन्ट को हेल्वेटिका लाइट 70 में बदलें। यदि आप चाहें, तो आप सभी तत्वों में बाधाएँ जोड़ सकते हैं ताकि ऐप सभी उपकरणों के लिए समान दिखे।

चरण 4: तत्वों को जोड़ना और एकीकृत करना

विशेषता निरीक्षक खोलें और हर एक नंबर बटन के लिए टैग बदलें। टैग वास्तविक संख्यात्मक मान से 1 अधिक होना चाहिए। उदाहरण के लिए, #0 बटन का टैग मान 1 होना चाहिए, #1 बटन का टैग मान 2 होना चाहिए, #2 बटन का टैग मान 3 होना चाहिए, और इसी तरह आगे भी। इसके बाद, कंट्रोल दबाएं, #0 बटन पर क्लिक करें और इसे व्यू कंट्रोलर पर ड्रैग करें। स्क्रीन पर एक पॉपअप दिखना चाहिए। कनेक्शन को 'कार्रवाई', 'UIButton' के प्रकार, 'इवेंट को 'टच अप इनसाइड', तर्कों को 'प्रेषक' और उसके नाम को 'संख्याओं' में बदलें। आप जो चाहें नाम बदल सकते हैं लेकिन इसका मतलब है कि प्रोग्राम में बाद में फ़ंक्शन को कॉल करते समय आपको नाम फिर से बदलना होगा। इसके बाद, हमारे द्वारा अभी बनाए गए फ़ंक्शन में प्रत्येक नंबर बटन को नियंत्रित करें, क्लिक करें और खींचें। अब, लेबल को प्रोग्राम में नियंत्रित करें, क्लिक करें और खींचें, लेकिन फ़ंक्शन में नहीं। इसका मतलब है कि आप केवल लेबल को एक अलग चर के रूप में फ़ंक्शन में लाते हैं। याद रखें, यदि आप कभी भी कोड के बारे में भ्रमित होते हैं, तो मैंने इस निर्देश के अंतिम चरण में उपयोग करने के लिए अपना सारा कोड आपके लिए छोड़ दिया है।

चरण 5: चर स्थापित करना

हमारे नंबर बटनों को कार्यात्मक बनाने के लिए, हमें उनके मान को हमारे 'नंबर' फ़ंक्शन में लेबल से जोड़ना होगा। आप इसे पहले एक वेरिएबल 'नंबरऑनस्क्रीन' बनाकर कर सकते हैं और इसे डबल और बराबर 0: var numberOnScreen: Double = 0; और मत भूलो, अगर यहाँ पर कोड थोड़ा अस्पष्ट है, तो मैंने आपके लिए अंतिम चरण पर पूरा कोड छोड़ दिया है ताकि आप अपनी पसंद के अनुसार उपयोग कर सकें। इसके बाद, बूल प्रकार का एक और चर 'परफॉर्मिंगमैथ' स्थापित करें और इसे गलत बनाएं: var PerformingMath = false; इसके अलावा, डबल प्रकार का 'पिछला नंबर' नामक एक और वैरिएबल बनाएं और इसे 0 के बराबर सेट करें: var पिछला नंबर: डबल = 0; आखिरी वेरिएबल जो आपको बनाना है वह है 'ऑपरेशन' वेरिएबल। इसे 0 के बराबर सेट करें: var ऑपरेशन = 0;

चरण 6: संख्या बटन समारोह

उपयुक्त चर स्थापित करने के बाद, आप इस कोड को अपने 'नंबर' फ़ंक्शन में कॉपी और पेस्ट करने के लिए आगे बढ़ सकते हैं:

अगर परफॉर्मिंगमैथ == सच {

लेबल.टेक्स्ट = स्ट्रिंग (प्रेषक.टैग-1)

नंबरऑनस्क्रीन = डबल (लेबल। टेक्स्ट!)!

परफॉर्मिंगमैथ = असत्य

}

अन्यथा {

लेबल.टेक्स्ट = लेबल.टेक्स्ट! + स्ट्रिंग (sender.tag-1)

नंबरऑनस्क्रीन = डबल (लेबल। टेक्स्ट!)!

}

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

चरण 7: ऑपरेशन बटन को एकीकृत करना

विशेषता निरीक्षक खोलें और सभी विविध बटनों के लिए टैग बदलें। क्लियर बटन पर 11 का टैग होना चाहिए, डिवीज़न बटन पर 12 का टैग होना चाहिए, गुणन बटन में 13 का टैग होना चाहिए, घटाव बटन में 14 का टैग होना चाहिए, जोड़ बटन में 15 का टैग होना चाहिए, और बराबर बटन में 16 का टैग होना चाहिए। अगला, नियंत्रण दबाएं, स्पष्ट बटन पर क्लिक करें, और इसे व्यू कंट्रोलर पर खींचें। स्क्रीन पर एक पॉपअप दिखना चाहिए। कनेक्शन को 'एक्शन' में बदलें, 'यूआईबटन' के प्रकार, 'इवेंट को 'टच अप इनसाइड', तर्कों को 'प्रेषक' और इसके नाम को 'बटन' में बदलें। आप जो चाहें नाम बदल सकते हैं लेकिन इसका मतलब है कि प्रोग्राम में बाद में फ़ंक्शन को कॉल करते समय आपको नाम फिर से बदलना होगा। इसके बाद, हमारे द्वारा अभी बनाए गए फ़ंक्शन में प्रत्येक विविध बटन को नियंत्रित करें, क्लिक करें और खींचें।

चरण 8: विविध बटन फ़ंक्शन

आपके द्वारा सभी टैग किए गए विविध बटनों को उनके उपयुक्त फ़ंक्शन से कनेक्ट करने के बाद, आप 'बटन' फ़ंक्शन में कोड डालना शुरू कर सकते हैं:

पिछला नंबर = डबल (लेबल। टेक्स्ट!)!

अगर प्रेषक.टैग == 12 {// विभाजित करें

लेबल.टेक्स्ट = "/";

}

अगर प्रेषक.टैग == 13 {// गुणा करें

लेबल.टेक्स्ट = "एक्स";

}

अगर प्रेषक.टैग == 14 {//घटाना

लेबल.पाठ = "-";

}

अगर प्रेषक.टैग == 15 {//जोड़ें

लेबल.पाठ = "+";

}

ऑपरेशन = प्रेषक.टैग

प्रदर्शन मठ = सच;

}

और अगर प्रेषक.टैग == 16 {

अगर ऑपरेशन == 12 {// डिवाइड

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर / नंबरऑनस्क्रीन)

}

और अगर ऑपरेशन == 13 {// गुणा करें

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर * नंबरऑनस्क्रीन)

}

और अगर ऑपरेशन == 14 {// घटाना

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर - नंबरऑनस्क्रीन)

}

और अगर ऑपरेशन == 15 {//जोड़ें

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर + नंबरऑनस्क्रीन)

}

}

और अगर प्रेषक.टैग == 11{

लेबल.पाठ = ""

पिछलानंबर = 0;

नंबरऑनस्क्रीन = 0;

ऑपरेशन = 0;

}

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

चरण 9: पूर्ण कोड

यदि आप मेरे साथ कदम से कदम मिलाकर कैलकुलेटर का निर्माण नहीं करना चाहते हैं, तो आप बस तत्वों को अपने स्टोरीबोर्ड में जोड़ सकते हैं और पूरे कोड को अपने व्यू कंट्रोलर में कॉपी और पेस्ट कर सकते हैं। यहाँ कोड है:

UIKit import आयात करें

क्लास व्यू कंट्रोलर: UIViewController {

वर संख्याऑनस्क्रीन: डबल = 0;

पिछले संस्करण संख्या: डबल = 0;

वर परफॉर्मिंगमैथ = झूठा;

वर ऑपरेशन = 0;

@IBAction func नंबर (_ प्रेषक: UIButton) {

अगर परफॉर्मिंगमैथ == सच {

लेबल.टेक्स्ट = स्ट्रिंग (प्रेषक.टैग-1)

नंबरऑनस्क्रीन = डबल (लेबल। टेक्स्ट!)!

परफॉर्मिंगमैथ = असत्य

}

अन्यथा {

लेबल.टेक्स्ट = लेबल.टेक्स्ट! + स्ट्रिंग (sender.tag-1)

नंबरऑनस्क्रीन = डबल (लेबल। टेक्स्ट!)!

}

}

@IBOutlet कमजोर वर लेबल: UILabel!

@IBAction func बटन (_ प्रेषक: UIButton) {

अगर लेबल.पाठ != "" && प्रेषक.टैग != 11 && प्रेषक.टैग != 16{

पिछला नंबर = डबल (लेबल। टेक्स्ट!)!

अगर प्रेषक.टैग == 12 {// विभाजित करें

लेबल.पाठ = "/";

}

अगर प्रेषक.टैग == 13 {// गुणा करें

लेबल.टेक्स्ट = "एक्स";

}

अगर प्रेषक.टैग == 14 {//घटाना

लेबल.पाठ = "-";

}

अगर प्रेषक.टैग == 15 {//जोड़ें

लेबल.पाठ = "+";

}

ऑपरेशन = प्रेषक.टैग

प्रदर्शन मठ = सच;

}

और अगर प्रेषक.टैग == 16 {

अगर ऑपरेशन == 12 {// डिवाइड

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर / नंबरऑनस्क्रीन)

}

और अगर ऑपरेशन == 13 {// गुणा करें

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर * नंबरऑनस्क्रीन)

}

और अगर ऑपरेशन == 14 {// घटाना

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर - नंबरऑनस्क्रीन)

}

और अगर ऑपरेशन == 15 {//जोड़ें

लेबल.टेक्स्ट = स्ट्रिंग (पिछला नंबर + नंबरऑनस्क्रीन)

}

}

और अगर प्रेषक.टैग == 11{

लेबल.पाठ = ""

पिछलानंबर = 0;

नंबरऑनस्क्रीन = 0;

ऑपरेशन = 0;

}

}

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

सुपर.व्यूडिडलोड ()

// दृश्य लोड करने के बाद कोई अतिरिक्त सेटअप करें, आमतौर पर एक निब से।

}

ओवरराइड func didReceiveMemoryWarning() {

super.didReceiveMemoryWarning ()

// किसी भी संसाधन का निपटान करें जिसे फिर से बनाया जा सकता है।

}

}