Anko का उपयोग कर कोटलिन पर नीचे नेविगेशन बार का निर्माण

एक नई परियोजना शुरू करते हुए, मैंने XML फ़ाइलों को पूरी तरह से छोड़ने का प्रयास करने का फैसला किया, जिसके आधार पर लेआउट बनते हैं, और Anko लाइब्रेरी का उपयोग करके स्क्रीन बनाते हैं। एंड्रॉइड (लगभग 2 वर्ष) के लिए थोड़ा विकास का अनुभव और यहां तक ​​कि कोटलिन (छह महीने से थोड़ा अधिक) पर कम अनुभव लेखन कोड होने के बाद, मैंने तुरंत नेविगेशन आर्किटेक्चर कंपोनेंट एप्लीकेशन में बॉटम नेविगेशनविजर्व द्वारा बनाई गई बॉटम नेविगेशन बार को शामिल करने की समस्या का सामना किया।

सबसे पहले, मैंने संभावित समाधान खोजने के लिए इंटरनेट की ओर रुख किया। लेकिन मुझे स्पष्टता के अलग-अलग अंशों के साथ मिले सभी लेखों ने नेविगेशन घटकों के साथ काम करने के तरीके के बारे में बताया और इनमें से कोई नहीं (जिनके लेखों का मैंने अध्ययन किया) यह Anko पर किया। कार्य को हल करने के बाद, मैं समुदाय को नीचे नेविगेशन बार बनाने के लिए अपना विकल्प प्रदान करता हूं।

सभी कोड यहां देखे जा सकते हैं।
मैं एंड्रॉइड स्टूडियो में एक नई परियोजना बनाने के चरण को छोड़ता हूं, मैं सिर्फ मॉड्यूल स्तर पर बिल्ड.ग्रेड में एनको और नेविगेशन आर्किटेक्चर घटक के साथ काम करने के लिए निम्नलिखित निर्भरता पर ध्यान देता हूं:

implementation "org.jetbrains.anko:anko:$anko_version" implementation "org.jetbrains.anko:anko-constraint-layout:$anko_version" implementation "com.android.support.constraint:constraint-layout:2.0.0-alpha3" implementation 'android.arch.navigation:navigation-fragment:1.0.0-beta02' implementation 'android.arch.navigation:navigation-fragment-ktx:1.0.0-beta02' implementation 'android.arch.navigation:navigation-ui-ktx:1.0.0-beta02' implementation 'com.google.android.material:material:1.0.0' 

अगला कदम भविष्य के आवेदन की संरचना बनाना है। मुख्य गतिविधि को आकर्षित करने के लिए, xml-file के बजाय, AnAComComententive से विरासत में मिली MainActivityUI क्लास बनाएँ:

 class MainActivityUI: AnkoComponent<MainActivity> { override fun createView(ui: AnkoContext<MainActivity>): View = with(ui) { constraintLayout { } } } 

MainActivity क्लास में, SetContentView (R.layout.activity_main) को MainActivityUI () से सेट किया गया है। SetContentView (यह)।

फिर हम पैकेज के टुकड़े बनाते हैं जिसमें हमारे टुकड़े और पैकेज यूआई संबंधित टुकड़ों के स्क्रीन प्रदान करने के लिए जिम्मेदार कक्षाएं लगाने के लिए झूठ होंगे। यह परियोजना की संरचना है:

 fragments ui HomeUI UsersUI DetailsUI MoreUI HomeFragment UsersFragment DetailsFragment MoreFragment 

 <navigation xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/navigation_graph" app:startDestination="@id/homeFragment"> <fragment android:id="@+id/homeFragment" android:name="com.arsinde.ankobottomnavbar.fragments.HomeFragment" android:label="HomeFragment"> <action android:id="@+id/action_homeFragment_to_detailsFragment" app:destination="@id/detailsFragment"/> </fragment> <fragment android:id="@+id/detailsFragment" android:name="com.arsinde.ankobottomnavbar.fragments.DetailsFragment" android:label="DetailsFragment"> <action android:id="@+id/action_detailsFragment_to_usersFragment" app:destination="@id/usersFragment"/> </fragment> <fragment android:id="@+id/usersFragment" android:name="com.arsinde.ankobottomnavbar.fragments.UsersFragment" android:label="UsersFragment"> <action android:id="@+id/action_usersFragment_to_moreFragment" app:destination="@id/moreFragment"/> </fragment> <fragment android:id="@+id/moreFragment" android:name="com.arsinde.ankobottomnavbar.fragments.MoreFragment" android:label="MoreFragment"/> </navigation> 

 <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@id/homeFragment" android:icon="@drawable/ic_home" android:title="@string/menu_title_home"/> <item android:id="@id/usersFragment" android:icon="@drawable/ic_users" android:title="@string/menu_title_users"/> <item android:id="@id/detailsFragment" android:icon="@drawable/ic_info" android:title="@string/menu_title_details"/> <item android:id="@id/moreFragment" android:icon="@drawable/ic_more" android:title="@string/menu_title_more"/> </menu> 

 constraintLayout { val fragmentContainer = frameLayout { id = R.id.fragment_container }.lparams { width = matchParent height = matchConstraint } val bottomNavigation = bottomNavigation { id = R.id.bottom_nav_view inflateMenu(R.menu.bottom_navigation_menu) } applyConstraintSet { fragmentContainer { connect( START to START of PARENT_ID, END to END of PARENT_ID, TOP to TOP of PARENT_ID, BOTTOM to TOP of R.id.bottom_nav_view ) } bottomNavigation { connect( START to START of PARENT_ID, END to END of PARENT_ID, TOP to BOTTOM of R.id.fragment_container, BOTTOM to BOTTOM of PARENT_ID ) } } } 

 inline fun ViewManager.bottomNavigation(init: BottomNavigationView.() -> Unit = {}) = ankoView({ BottomNavigationView(it) }, theme = 0, init = init) 

 private val host by lazy { NavHostFragment.create(R.navigation.navigation_graph) } 

 supportFragmentManager.beginTransaction() .replace(R.id.fragment_container, host) .setPrimaryNavigationFragment(host) .commit() 

 override fun onStart() { super.onStart() val navController = host.findNavController() findViewById<BottomNavigationView>(R.id.bottom_nav_view)?.setupWithNavController(navController) navController.addOnDestinationChangedListener{_, destination, _ -> val dest: String = try { resources.getResourceName(destination.id) } catch (e: Resources.NotFoundException) { Integer.toString(destination.id) } Log.d("NavigationActivity", "Navigated to $dest") } }