Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> iOS

iOS ऐप में टैब बार लेआउट कैसे बनाएं?


इस पोस्ट में हम देखेंगे कि कोई अपने एप्लिकेशन में टैब बार लेआउट का उपयोग कैसे कर सकता है।

Apple के दस्तावेज के अनुसार -

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

आप इसके बारे में यहां और पढ़ सकते हैं: https://developer.apple.com/design/human-interface-guidelines/ios/bars/tab-bars/

iOS ऐप में टैब बार लेआउट कैसे बनाएं?

चरण 1: नया सिंगल व्यू एप्लिकेशन बनाएं

नया सिंगल व्यू एप्लिकेशन बनाएं और नाम "TabBarController" रखें।

चरण 2: स्टोरीबोर्ड में टैब व्यू जोड़ें

अपना Main.storyboard खोलें और ऑब्जेक्ट लाइब्रेरी से टैब व्यू जोड़ें, जैसा कि चित्र में दिखाया गया है।

iOS ऐप में टैब बार लेआउट कैसे बनाएं?

चरण 3: मौजूदा व्यू कंट्रोलर हटाएं और नया बनाएं

स्टोरीबोर्ड से मौजूदा व्यू कंट्रोलर हटाएं, और नई फाइल पर जाकर "SecondViewController" नाम से नई फाइल बनाएं।

चरण 4: दोनों व्यू कंट्रोलर के लिए क्लास असाइन करें

स्टोरीबोर्ड पर जाएं और दोनों व्यू कंट्रोलर के लिए क्लास असाइन करें, आइटम 1 के लिए ViewController.swift और आइटम 2 के लिए SecondViewController.swift जोड़ें।

iOS ऐप में टैब बार लेआउट कैसे बनाएं?

iOS ऐप में टैब बार लेआउट कैसे बनाएं?

चरण 5: दोनों व्यू कंट्रोलर का बैकग्राउंड कलर बदलें

दोनों व्यू कंट्रोलर का बैकग्राउंड कलर ग्रे और ब्लैक में बदलें।

चरण 6: टैब बार कंट्रोलर को प्रारंभिक व्यू कंट्रोलर के रूप में चेक करें

टैब बार कंट्रोलर को प्रारंभिक व्यू कंट्रोलर के रूप में चेक करना न भूलें।

चरण 7: प्रोजेक्ट चलाएं

iOS ऐप में टैब बार लेआउट कैसे बनाएं?

iOS ऐप में टैब बार लेआउट कैसे बनाएं?


  1. Android ऐप में टैब लेआउट कैसे बनाएं? Android ऐप में टैब लेआउट कैसे बनाएं?

    परिचय यह उदाहरण दर्शाता है कि Android ऐप में TabLayout और ViewPager का उपयोग करके टैब इंटरफेस कैसे बनाया जाए। चरण 1: नया प्रोजेक्ट बनाएं Android Studio में नया प्रोजेक्ट बनाएं। चरण 2: डिजाइन लाइब्रेरी निर्भरता जोड़ें implementation com.android.support:design:28.0.0 चरण 3: लेआउट XML में TabLayout

  1. एंड्रॉइड ऐप में TextToSpeech कैसे बनाएं? एंड्रॉइड ऐप में TextToSpeech कैसे बनाएं?

    एंड्रॉइड ऐप में टेक्स्ट-टू-स्पीच (TTS) लागू करना यह उदाहरण दिखाता है कि एंड्रॉइड ऐप में TextToSpeech फीचर कैसे जोड़ा जाता है, जिससे ऐप लिखे गए टेक्स्ट को आवाज़ में बदल सके। चरण 1: नया प्रोजेक्ट बनाएं Android Studio खोलें, File → New Project चुनें और आवश्यक विवरण भरकर नया प्रोजेक्ट बनाएं। चरण 2: ले

  1. Facebook पर Android ऐप कैसे बनाएं? Facebook पर Android ऐप कैसे बनाएं?

    Facebook Developer Console पर ऐप बनाकर App ID प्राप्त करने की चरण-दर-चरण प्रक्रिया। चरण 1: Facebook Developer Console पर ऐप बनाएं developers.facebook.com पर जाएं My Apps → Create App चुनें ऐप नाम और ईमेल दर्ज करें Create App ID पर क्लिक करें चरण 2: Android Studio में SDK जोड़ें प्रोजेक्ट-लेवल bu