नेविगेशन दराज (Google+ बनाम YouTube)


403

क्या किसी को पता है कि आज के कुछ शीर्ष ऐप्स की तरह स्लाइडिंग मेनू कैसे लागू किया जाए?

अन्य स्टैक ओवरफ्लो प्रश्नों का कोई जवाब नहीं है कि यह कैसे करना है, इसलिए मैं दूसरों की मदद करने के लिए अधिक से अधिक जानकारी इकट्ठा करने की कोशिश कर रहा हूं। नीचे दिए गए सभी एप्लिकेशन स्लाइड मेनू को लागू करने का एक बड़ा काम करते हैं।

1. Google प्लस (7/7/12 के अनुसार)

Google+ स्लाइड आउट मेनू स्क्रीनशॉट

आप ऊपरी बाएँ हाथ के कोने में G + लोगो पर क्लिक करके केवल पहली स्क्रीन से दूसरी स्क्रीन पर जा सकते हैं। ध्यान दें कि पूरी स्क्रीन इस स्थिति से चलती है और स्क्रीन के दाईं ओर (एक्शन बार सहित) से जुड़ी हुई है। पहली स्क्रीन पर वापस आने के लिए आप या तो दाईं ओर वापस फ़ोकस में स्लाइड कर सकते हैं या फिर G + आइकन पर फिर से क्लिक कर सकते हैं।

2. YouTube (7/7/12 के अनुसार)

YouTube मेनू मेनू से बाहर स्लाइड करें

आप दो तरीकों का उपयोग करके पहली स्क्रीन से दूसरी स्क्रीन पर जा सकते हैं। या तो ऊपरी बाईं ओर YouTube लोगो पर क्लिक करें, या आप इसे दाईं ओर ले जाने के लिए एक स्वाइप जेस्चर का उपयोग कर सकते हैं। यह G + ऐप से पहले से अलग है। दूसरे, आप देख सकते हैं कि एक्शन बार पुट (जी + के विपरीत) रहता है। अंत में, मूल स्क्रीन को वापस पाने के लिए यह G + की तरह ही काम करता है।


1
इसके अनुसार, बहुत से लोगों को इस तरह से काम करने का अनुभव नहीं था। मेरा सुझाव है कि कुछ समस्याओं को स्वयं लागू करने की कोशिश करें और एसओ के पास आकर विशिष्ट समस्याओं का सामना करें।
डेविड तितरेंको

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

1
@EGHDK लेखों की इस श्रृंखला को देखें: android.cyrilmottier.com/?p=658
एलेक्स लॉकवुड

2
इस सवाल का जवाब मैंने कुछ समय पहले दिया था, लेकिन मैं फिर से इस बात पर जोर देने के लिए तैयार हूं कि प्रियिंग के पास वहां से सबसे अच्छा फ्लाई-आउट मेनू है ... अब तक। यह पूरी तरह से सुंदर है, पूरी तरह से चिकनी है, और यह शर्म करने के लिए फेसबुक, Google+ और YouTube डालता है। EverNote बहुत अच्छा है ... लेकिन फिर भी Prixing के रूप में सही नहीं है। फ़्लायआउट मेनू कैसे लागू किया गया (खुद Prixing में हेड डेवलपर के अलावा कोई नहीं!) पर पोस्ट की इस श्रृंखला की जाँच करें ।
एलेक्स लॉकवुड

2
एंड्रॉइड सपोर्ट पैकेज 13 के संशोधन (मई 2013) के साथ, एक नेविगेशन ड्रॉअर बनाने के लिए ड्रालेलैटआउट है जिसे खिड़की के किनारे से खींचा जा सकता है। और, नेविगेशन ड्रावर अब एक डिज़ाइन पैटर्न है। developer.android.com/tools/extras/support-library.html
वूबा ली

जवाबों:


152

# 3 संपादित करें:

नेविगेशन ड्रॉअर पैटर्न आधिकारिक तौर पर एंड्रॉइड प्रलेखन में वर्णित है!

यहां छवि विवरण दर्ज करें निम्नलिखित लिंक देखें:


# 2 संपादित करें:

रोमन नुरिक (Google में एक एंड्रॉइड डिज़ाइन इंजीनियर) ने पुष्टि की है कि ड्रॉअर (YouTube ऐप की तरह) खोलते समय अनुशंसित व्यवहार एक्शन बार को स्थानांतरित नहीं करना है। यह Google+ पोस्ट देखें


# 1 संपादित करें:

इस सवाल का जवाब मैंने कुछ समय पहले दिया था, लेकिन मैं फिर से इस बात पर जोर देने के लिए तैयार हूं कि प्रियिंग के पास सबसे अच्छा फ्लाई-आउट मेनू है ... अब तक । यह पूरी तरह से सुंदर है, पूरी तरह से चिकनी है, और यह शर्म करने के लिए फेसबुक, Google+ और YouTube डालता है। EverNote बहुत अच्छा है ... लेकिन फिर भी Prixing के रूप में सही नहीं है। फ़्लायआउट मेनू कैसे लागू किया गया (खुद Prixing में हेड डेवलपर के अलावा अन्य से नहीं!) पर पोस्ट की इस श्रृंखला की जाँच करें ।


मूल उत्तर:

एडम पॉवेल और रिचर्ड फुलचर इस बारे में बात करते हैं Google I / O में "एंड्रॉइड में नेविगेशन" शीर्षक फुलचर 49:47 - 52:50 पर बात करते हैं।

उनके उत्तर को संक्षेप में प्रस्तुत करने के लिए, इस पोस्ट की स्लाइड आउट नेविगेशन मेनू नहीं है आधिकारिक तौर पर एंड्रॉइड एप्लिकेशन डिज़ाइन मानक का हिस्सा । जैसा कि आपने शायद खोज लिया है, वर्तमान में इस सुविधा के लिए कोई मूल समर्थन नहीं है, लेकिन समर्थन पैकेज के आगामी संशोधन के लिए इसे जोड़ने के बारे में चर्चा हुई।

YouTube और G + ऐप्स के संबंध में, यह अजीब लगता है कि वे अलग तरह से व्यवहार करते हैं। मेरा सबसे अच्छा अनुमान है कि YouTube ऐप एक्शन बार की स्थिति को ठीक करता है,

  1. YouTube ऐप का उपयोग करने वाले उपयोगकर्ताओं के लिए सबसे महत्वपूर्ण नेविगेशनल विकल्पों में से एक खोज है, जो SearchViewएक्शन बार में किया जाता है। इस संबंध में एक्शन बार को स्थिर बनाने के लिए यह समझ में आता है, क्योंकि यह उपयोगकर्ता को हमेशा नए वीडियो खोजने का विकल्प देता है।

  2. G + ऐप ViewPagerअपनी सामग्री को प्रदर्शित करने के लिए एक का उपयोग करता है, इसलिए पुल आउट मेनू को लेआउट सामग्री (यानी एक्शन बार के तहत सब कुछ) के लिए विशिष्ट बनाने से बहुत अधिक समझ में नहीं आएगा। स्वाइपिंग को पृष्ठों के बीच नेविगेट करने का एक साधन प्रदान करना है, न कि वैश्विक नेविगेशन का साधन। यह इसलिए हो सकता है कि उन्होंने इसे YouTube ऐप की तुलना में G + ऐप में अलग तरीके से करने का निर्णय लिया।

    एक अन्य नोट पर, "पुल आउट मेनू" के एक और संस्करण के लिए Google Play ऐप देखें (जब आप सबसे बाएं पेज पर हों, तो बाईं ओर स्वाइप करें और "आधा-पृष्ठ" मेनू दिखाई देगा)।

आप सही कह रहे हैं कि यह बहुत संगत व्यवहार नहीं है, लेकिन ऐसा नहीं लगता कि Android टीम के भीतर 100% आम सहमति है कि यह व्यवहार अभी तक कैसे लागू किया जाना चाहिए। मुझे आश्चर्य नहीं होगा यदि भविष्य में ऐप अपडेट किए जाते हैं ताकि दोनों ऐप में नेविगेशन समान हो (वे बात-चीत में सभी गूगल-निर्मित ऐप के अनुरूप नेविगेशन बनाने के लिए बहुत उत्सुक थे)।


73
Prixing, Evernote, और Spotify सभी में बहुत बड़ी बड़ी टीमें हैं जो अपने ऐप्स लिखती हैं मैं Prixing का सीईओ हूं, और मैं सटीक बताना चाहूंगा कि हमारे पास केवल एक असली एंड्रॉइड डेवलपर है (लेकिन एक बहुत ही प्रतिभाशाली, सिरिल मॉटियर)
एरिक लॉन

एंड्रॉइड सपोर्ट पैकेज 13 के संशोधन (मई 2013) के साथ, एक नेविगेशन ड्रॉअर बनाने के लिए ड्रालेलैटआउट है जिसे खिड़की के किनारे से खींचा जा सकता है। और, नेविगेशन ड्रावर अब एक डिज़ाइन पैटर्न है। डेवलपर
.android.com

हालांकि NavigationDrawer V4 में मौजूद है, इसे ActionBar की जरूरत है जो अभी तक V4 के भीतर उपलब्ध नहीं कराया गया है, इसलिए इसे एपीआई स्तर 11 से नीचे वाले ऐप्स में उपयोग करने में सक्षम नहीं है
Nayanesh Gupte

1
@NayAneshGupte आप हमेशा एपीआई स्तर से नीचे ActionBar उपयोग करने के लिए उपयोग कर सकते हैं ActionBarSherlock 11.
tasomaniac

ऐसा लगता है कि कोई कृत्रिम देरी शुरू करने के आसपास कोई रास्ता नहीं है अगर आप चाहते हैं कि करीबी एनीमेशन सुचारू हो?
theblang

15

अभी हाल ही में मैंने "रिबनबेंनू" नामक एक मौजूदा गितुब परियोजना को फोर्क किया और अपनी आवश्यकताओं को पूरा करने के लिए इसे संपादित किया:

https://github.com/jaredsburrows/RibbonMenu

क्या उद्देश्य है

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

नया क्या है

  • फ़ेसबुक और Google+ ऐप्स से मिलान करने के लिए स्लाइडिंग एनीमेशन को बदला
  • जोड़ा गया मानक ActionBar (आप ActionBarSherlock का उपयोग करने के लिए चुना जा सकता है)
  • मेनू खोलने के लिए मेनूइटम का उपयोग किया
  • मुख्य गतिविधि पर ListView को अद्यतन करने की क्षमता जोड़ा गया
  • मेनू में 2 सूची दृश्य जोड़े गए, फेसबुक और Google+ ऐप्स के निकट
  • एक स्वत: पूर्ण पाठ और एक बटन जोड़ा और साथ ही उदाहरणों के उदाहरणों को दिखाने के लिए
  • जोड़ा विधि उपयोगकर्ताओं को खोलने के लिए मेनू को छिपाने के लिए 'बैक बटन' को हिट करने की अनुमति देता है
  • उपयोगकर्ताओं को फेसबुक और Google+ एप्लिकेशन के विपरीत पृष्ठभूमि (मुख्य सूची दृश्य) और एक ही समय में मेनू के साथ बातचीत करने की अनुमति देता है!

मेनू के साथ ActionBar

मेनू के साथ ActionBar

मेनू बाहर और खोज के साथ ActionBar चयनित

मेनू बाहर और खोज के साथ ActionBar चयनित


5

NavigationDrawerGoogle सामग्री डिज़ाइन दिशानिर्देश (और API 10 के लिए संगत) - सामग्री मटेरियल लाइब्रेरी (GitHub से लिंक) के बाद इसका बहुत बड़ा कार्यान्वयन है । मई 2017 के लेखन के समय तक, यह सक्रिय रूप से समर्थित है।

यह मावेन सेंट्रल रेपो में उपलब्ध है । ग्रेडल निर्भरता सेटअप:

compile 'com.mikepenz:materialdrawer:5.9.1'

मावेन निर्भरता सेटअप:

<dependency>
    <groupId>com.mikepenz</groupId>
    <artifactId>materialdrawer</artifactId>
    <version>5.9.1</version>
</dependency>

यहां छवि विवरण दर्ज करें यहां छवि विवरण दर्ज करें


@lmiguelvargasf कैसे आप उत्तर में एक GitHub परियोजना फिटिंग फिटिंग कर रहे हैं ?! कृपया अपने विचार साझा करें।
naXa


2

व्यक्तिगत रूप से मुझे navigationDrawerGoogle डिस्क आधिकारिक ऐप में पसंद है। यह सिर्फ काम करता है और महान काम करता है। मैं सहमत हूं कि नेविगेशन दराज को कार्रवाई पट्टी को स्थानांतरित नहीं करना चाहिए क्योंकि नेविगेशन दराज को खोलने और बंद करने के लिए महत्वपूर्ण बिंदु है।

यदि आप अभी भी उस व्यवहार को प्राप्त करने की कोशिश कर रहे हैं, तो मैं हाल ही में एक परियोजना का निर्माण कर रहा हूं SherlockNavigationDrawerऔर जैसा कि आप उम्मीद कर सकते हैं कि नेविगेशन ड्रावर का कार्यान्वयन हैActionBarSherlock पूर्ववर्ती हनीकॉम्ब उपकरणों के और काम करता है। इसे जाँचे:

शरलॉकनेविद्याप्रवर गीथूब

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.