कोटलिन का उपयोग करके एंड्रॉइड ऐप में टैब लेआउट कैसे बनाएं?

<घंटा/>

यह उदाहरण दर्शाता है कि कोटलिन का उपयोग करके एंड्रॉइड ऐप में टैब लेआउट कैसे बनाया जाता है।

चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल पर जाएं? नया प्रोजेक्ट और नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें।

चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें।

उदाहरण

चरण 3 - निम्न कोड को src/MainActivity.kt में जोड़ें

<पूर्व>आयात android.os.Bundleimport androidx.appcompat.app.AppCompatActivityimport androidx.viewpager.widget.ViewPagerimport com.google.android.material.tabs.TabLayoutimport com.google.android.material.tabs.TabLayout.OnTabSelectedListenerimport com.google .android.material.tabs.TabLayout.TabLayoutOnPageChangeListenerclass MainActivity:AppCompatActivity() {lateinit var tabLayout:TabLayoutlateinit var viewPager:ViewPager फन ऑन क्रिएट (savedInstanceState:Bundle?) {super.onCreate(savedInstanceState) setContentView (R. शीर्षक ="KotlinApp" tabLayout =findViewById(R.id.tabLayout) viewPager =findViewById(R.id.viewPager) tabLayout.addTab(tabLayout.newTab().setText("Football")) tabLayout.addTab(tabLayout.newTab( .setText("Cricket")) tabLayout.addTab(tabLayout.newTab().setText("NBA")) tabLayout.tabGravity =TabLayout.GRAVITY_FILL वैल अडैप्टर =MyAdapter (यह, supportFragmentManager, tabLayout.tabCoun t) viewPager.adapter =अडैप्टर viewPager.addOnPageChangeListener (TabLayoutOnPageChangeListener (tabLayout)) tabLayout.addOnTabSelectedListener (ऑब्जेक्ट:OnTabSelectedListener {ओवरराइड फन ऑन टैब सेलेक्टेड (टैब:TabLayout:Tab) {viewPager.currentItem =tab.position} ओवरराइड फन ऑन टैब। .Tab) {} ओवरराइड फन onTabResSelected(tab:TabLayout.Tab) {} }) }}

चरण 4 - एक नया एडेप्टर कोटलिन क्लास (MyAdapter.kt) बनाएं और निम्नलिखित कोड जोड़ें -

<पूर्व>आयात android.content.Contextimport androidx.fragment.app.Fragmentimport androidx.fragment.app.FragmentManagerimport androidx.fragment.app.FragmentPagerAdapter@Suppress("DEPRECATION")आंतरिक वर्ग MyAdapter(var संदर्भ:प्रसंग, fm:FragmentManager, var TotalTabs:Int):FragmentPagerAdapter (fm) {ओवरराइड फन getItem (पोजिशन:इंट):फ्रैगमेंट {रिटर्न जब (पोजिशन) {0 -> {फुटबॉल ()} 1 -> {क्रिकेट ()} 2 -> {NBA ( ) } और -> getItem (स्थिति) } } फन को ओवरराइड करें getCount ():इंट {रिटर्न टोटलटैब्स}}

चरण 5 - 3 फ्रैगमेंट गतिविधियां बनाएं (क्रिकेट, फुटबॉल, एनबीए - आप अपना नाम रख सकते हैं) और निम्नलिखित कोड -

क्रिकेट.के.टी.

import android.os.Bundleimport android.view.LayoutInflaterimport android.view.Viewimport android.view.ViewGroupimport androidx.fragment.app.Fragmentclass क्रिकेट :Fragment() { ओवरराइड फन ऑन क्रिएट व्यू (inflater:LayoutInflater, कंटेनर:ViewGroup?, सेव्ड इंस्टेंसस्टेट:बंडल? ):देखें? {// इस टुकड़े के लिए लेआउट को फुलाएं रिटर्न inflater.inflate(R.layout.fragment_cricket, कंटेनर, झूठा) }}

fragment_cricket.xml

> 
 Football.kt 
 import android.os.Bundleimport android.view.LayoutInflaterimport android.view.Viewimport android.view.ViewGroupimport androidx.fragment.app.Fragmentclass फ़ुटबॉल:Fragment() {ओवरराइड फन ऑन क्रिएट व्यू (inflater:LayoutInflater, कंटेनर:ViewGroup?, सेव्ड इंस्टेंसस्टेट:बंडल? ):देखें? {// इस टुकड़े के लिए लेआउट को फुलाएं रिटर्न inflater.inflate(R.layout.fragment_football, कंटेनर, झूठा) }}
 
 fragment_footbal.xml 
 > 
 NBA.kt 
 import android.os.Bundleimport androidx.fragment.app.Fragmentimport android.view.LayoutInflaterimport android.view.Viewimport android.view.ViewGroupclass NBA:Fragment() {ओवरराइड फन ऑन क्रिएट व्यू (inflater:LayoutInflater, कंटेनर:ViewGroup?, सेव्ड इंस्टेंसस्टेट:बंडल? ):देखें? {// इस टुकड़े के लिए लेआउट को फुलाएं रिटर्न inflater.inflate(R.layout.fragment_n_b_a, कंटेनर, झूठा) }}
 
 fragment_n_b_a.xml 
 > 
 चरण 6 - निम्नलिखित कोड को androidManifest.xml में जोड़ें
  <एप्लिकेशन android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android) :theme="@style/AppTheme"> <गतिविधि android:name=".MainActivity"> <इरादे-फ़िल्टर> <कार्रवाई android:name="android.intent.action.MAIN" /> <श्रेणी android:name=" android.intent.category.LAUNCHER" />   
 
 आइए अपना एप्लिकेशन चलाने का प्रयास करें। मुझे लगता है कि आपने अपने वास्तविक Android मोबाइल डिवाइस को अपने कंप्यूटर से कनेक्ट कर लिया है। एंड्रॉइड स्टूडियो से ऐप चलाने के लिए, अपने प्रोजेक्ट की गतिविधि फ़ाइलों में से एक को खोलें और रन आइकन पर क्लिक करें टूलबार से । एक विकल्प के रूप में अपने मोबाइल डिवाइस का चयन करें और फिर अपने मोबाइल डिवाइस की जांच करें जो आपकी डिफ़ॉल्ट स्क्रीन प्रदर्शित करेगा