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

एंड्रॉइड में एक्शनबार में नेविगेशन व्यू

<घंटा/>

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

यह उदाहरण दर्शाता है कि नेविगेशन व्यू को एक्शनबार में कैसे एकीकृत किया जाए

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

चरण2 − प्रोजेक्ट बनाते समय हमें नेविगेशन ड्रॉअर गतिविधि का चयन करना चाहिए जैसा कि नीचे दिखाया गया है

एंड्रॉइड में एक्शनबार में नेविगेशन व्यू

नेविगेशन ड्रॉअर गतिविधि का चयन करने के बाद प्रोजेक्ट निर्माण समाप्त करने के लिए अगले बटन पर क्लिक करें।

चरण3 - लेआउट फ़ोल्डर के लिए अपनी परियोजना संरचना खोलें। जैसा कि नीचे दिखाया गया है, Android स्टूडियो अलग-अलग लेआउट बनाता है

activity_main.xml - यह एक मुख्य गतिविधि लेआउट है। यह एक पैरेंट लेआउट के रूप में ड्रॉअर लेआउट बनाने जा रहा है और चाइल्ड लेआउट में नेविगेशनव्यू शामिल है जैसा कि नीचे दिखाया गया है

 "Match_parent" />  

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

app_bar_main.xml - यह लेआउट फाइल है जैसा कि हम सामान्य लेआउट देखते हैं। लेकिन इसमें ऐप बार लेआउट (एक्शन बार), सेंटर लेआउट के बारे में जानकारी है।

    <लेआउट शामिल करें ="@layout/content_main" />

उपरोक्त लेआउट में हमने content_main लेआउट शामिल किया है। यह मुख्य लेआउट है जहां उपयोगकर्ता नीचे दिखाए गए अनुसार अपने विचारों को अनुकूलित कर सकता है

 <टेक्स्ट व्यू एंड्रॉइड:लेआउट_विड्थ ="रैप_कंटेंट" एंड्रॉइड:लेआउट_हाइट ="रैप_कंटेंट" एंड्रॉइड:टेक्स्ट ="नमस्ते दुनिया!" ऐप:layout_constraintBottom_toBottomOf ="पैरेंट" ऐप:layout_constraintLeft_toLeftOf ="पैरेंट" ऐप:layout_constraintRight_toRightOf ="पैरेंट" ऐप:layout_constraintTop_toTopOf ="parent" />
 nav_header_main - यह एक नेविगेशन हेडर व्यू है, इसमें नेविगेशन हेडर के बारे में जानकारी होती है। जैसा कि नीचे दिखाया गया है, हमने नेविगेशन हेडर को कस्टमाइज़ किया है

   

नोट - हमने ड्रॉएबल/लोगो जोड़ा है, जबकि आपका एप्लिकेशन डेवलप हो रहा है, कृपया अपना खुद का लोगो जोड़ें।

गतिविधि_मुख्य_दराज - यह एक मेनू लेआउट है जो नीचे दिखाए गए अनुसार menu/activity_main_drawer.xml पर उपलब्ध है

<मेनू xmlns:android ="https://schemas.android.com/apk/res/android" xmlns:tools ="https://schemas.android.com/tools" टूल्स:शोइन ="नेविगेशन_व्यू"> <ग्रुप एंड्रॉइड:चेक करने योग्य व्यवहार ="सिंगल"> <आइटम एंड्रॉइड:आईडी ="@ + आईडी / एनएवी_कैमरा" एंड्रॉइड:आइकन ="@ ड्रॉएबल / आईसी_मेनू_कैमरा "एंड्रॉइड:शीर्षक ="आयात" /> <आइटम एंड्रॉइड:आईडी ="@ + आईडी / एनएवी_गैलरी" एंड्रॉइड:आइकन ="@ ड्रॉएबल / आईसी_मेनू_गैलरी" एंड्रॉइड:शीर्षक ="गैलरी" /> <आइटम एंड्रॉइड:आईडी ="@ +id/nav_slideshow" android:icon ="@drawable/ic_menu_slideshow" android:title ="Slideshow" /> <आइटम android:id ="@+id/nav_manage" android:icon ="@drawable/ic_menu_manage" android:title ="टूल्स" />  <आइटम एंड्रॉइड:शीर्षक ="संवाद"> <मेनू> <आइटम एंड्रॉइड:आईडी ="@ + आईडी / एनएवी_शेयर" एंड्रॉइड:आइकन ="@ ड्रॉएबल / आईसी_मेनू_शेयर" एंड्रॉइड:शीर्षक =" शेयर" /> <आइटम android:id ="@+id/nav_send" android:icon ="@drawable/ic_menu_send" android:title ="Send" />   

चरण 4 - निम्न कोड को src/MainActivity.java

में जोड़ें
import android.os.Bundle;import android.support.design.widget.FloatingActionButton;import android.support.design.widget.Snackbar;import android.view.View;import android.support.design.widget.NavigationView; एंड्रॉइड आयात करें। .widget.Toolbar;import android.view.Menu;import android.view.MenuItem;सार्वजनिक वर्ग MainActivity AppCompatActivity का विस्तार करता है, नेविगेशन व्यू को लागू करता है। OnNavigationItemSelectedListener {@Override संरक्षित शून्य onCreate (बंडल सेव्ड इंस्टेंसस्टेट) {super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); टूलबार टूलबार =(टूलबार) findViewById(R.id.toolbar); सेट सपोर्टएक्शनबार (टूलबार); DrawerLayout दराज =(DrawerLayout) findViewById(R.id.drawer_layout); ActionBarDrawerToggle टॉगल =नया ActionBarDrawerToggle (यह, दराज, टूलबार, R.string.navigation_drawer_open, R.string.navigation_drawer_close); Drawer.addDrawerListener (टॉगल); टॉगल.सिंकस्टेट (); नेविगेशन व्यू नेविगेशन व्यू =(नेविगेशन व्यू) findViewById (R.id.nav_view); नेविगेशन व्यू.सेटनेविगेशनआइटम सिलेक्टेड लिस्टनर (यह); } @Override public void onBackPressed() { DrawerLayout Drawer =(DrawerLayout) findViewById(R.id.drawer_layout); अगर (Drawer.isDrawerOpen(GravityCompat.START)) {drawer.closeDrawer(GravityCompat.START); } और {super.onBackPressed (); } } @CreatOptionsMenu (मेनू मेनू) पर सार्वजनिक बूलियन को ओवरराइड करें {// मेनू को फुलाएं; यह मौजूद होने पर एक्शन बार में आइटम जोड़ता है। getMenuInflater ()। inflate (R.menu.main, मेनू); सच लौटना; } @Override सार्वजनिक बूलियन onOptionsItemSelected(MenuItem item) {// हैंडल एक्शन बार आइटम यहां क्लिक करता है। जब तक आप AndroidManifest.xml में पैरेंट गतिविधि निर्दिष्ट करते हैं, तब तक एक्शन बार होम/अप बटन पर क्लिक को स्वचालित रूप से संभाल लेगा। इंट आईडी =item.getItemId (); // noinspection SimplifiableIfStatement अगर (id ==R.id.action_settings) { रिटर्न ट्रू; } वापसी super.onOptionsItemSelected(item); } @SuppressWarnings("StatementWithEmptyBody") @Override public boolean onNavigationItemSelected(MenuItem item) {// हैंडल नेविगेशन व्यू आइटम यहां क्लिक करता है। इंट आईडी =item.getItemId (); if (id ==R.id.nav_camera) {// कैमरा एक्शन हैंडल करें} और अगर (id ==R.id.nav_gallery) { } और अगर (id ==R.id.nav_slideshow) { } और अगर ( id ==R.id.nav_manage) { } और अगर (id ==R.id.nav_share) { } और अगर (id ==R.id.nav_send) { } DrawerLayout दराज =(DrawerLayout) findViewById(R.id) .drawer_layout); Drawer.closeDrawer(GravityCompat.START); सच लौटना; }} 

नेविगेशन दृश्य को बंद करने के लिए, हमें नीचे दिखाए गए अनुसार दराज को बंद करना होगा

if (drawer.isDrawerOpen(GravityCompat.START)) {drawer.closeDrawer(GravityCompat.START);}

नेविगेशन दृश्य स्थिति बदलने के लिए, उपयोगकर्ता निम्न कोड का उपयोग करें

DrawerLayout Drawer =(DrawerLayout) findViewById(R.id.drawer_layout);drawer.closeDrawer(GravityCompat.END);

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

एंड्रॉइड में एक्शनबार में नेविगेशन व्यू


  1. एंड्रॉइड में पारदर्शी स्टेटसबार और एक्शनबार कैसे बनाएं?

    यह उदाहरण दर्शाता है कि एंड्रॉइड में एक पारदर्शी स्टेटसबार और एक्शनबार कैसे बनाया जाता है। चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें।

  1. मैं एक्शनबारएक्टिविटी के एक्शनबार का पृष्ठभूमि रंग कैसे बदलूं?

    यह उदाहरण दर्शाता है कि किसी ActionBarActivity के ActionBar की पृष्ठभूमि का रंग कैसे बदला जाए चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें। <

  1. एंड्रॉइड में नेविगेशन व्यू का उपयोग कैसे करें?

    यह उदाहरण दर्शाता है कि मैं एंड्रॉइड में नेविगेशन व्यू का उपयोग कैसे करूं। चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें। चरण 3 - निम्न को