कैसे बहुत गहरी नेविगेशन

Question

टी एल के साथ एक Android बहु फलक अनुप्रयोग लिखने के लिए; डॉ: कैसे करना चाहिए Spotify iPad ऐप्लिकेशन देखो और Android पर काम करने के लिए इसी तरह की गहरी नेविगेशन के साथ बहु-फलक क्षुधा, और कैसे इस लागू करने के लिए?

लांग संस्करण: मैं एक ऐप्स है, जहां उपयोगकर्ता आइटम सूचियां देखता है और फिर इन मदों में गहरा गड्ढा कर सकते हैं पर काम कर रहा हूँ। ये आइटम विवरण पृष्ठ फिर से संबंधित वस्तुओं की सूचियां खोल सकते हैं, इसके बदले में विस्तार पृष्ठ हैं और इसी तरह। एक फोन एप्लिकेशन के रूप में, इन अलग क्रियाएँ कि ऐसा दिखाई दे सकता है और एक दूसरे के लिए लिंक होगा:

नकली-अप में, उपयोगकर्ता एक प्रारंभिक अवलोकन देखता है और उसके बाद का चयन करता है "आइटम # 2" से पहली सूची एक नई गतिविधि खुलती है, जिसमें आइटम # 2 के लिए विवरण दिखाया जाता है। यहां, वह आइटम # 2 से संबंधित चीजों की एक सूची देखने के लिए चुनता है। तीसरी तस्वीर में नई खुली गतिविधि इस सूची को दिखाती है, और एक पर क्लिक करने से इस चीज़ का विवरण खुलता है। वह सामग्री में गहराई से नेविगेट कर सकता है जैसा वह पसंद करता है।

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

टैबलेट लेआउट में, प्रत्येक आइटम या सूची नाम पर प्रत्येक क्लिक संबंधित बच्चे आइटम को एक नए फलक के रूप में खोलता है जो दाईं ओर से एनिमेट करता है। ऊपर के उदाहरण में के रूप में ही कार्यप्रवाह इस प्रकार दिखाई देगा:

मैं अनिश्चित कैसे सबसे अच्छा यह नेविगेशन पैटर्न लागू करने के लिए कर रहा हूँ। जीमेल जैसे सीमित नेविगेशन गहराई वाले मल्टी-फलक ऐप्स को एक स्थिर व्यू ग्रुप (लीनियरलाउट ठीक होगा) के साथ बनाया जा सकता है जिसमें सभी टुकड़े होते हैं, और नेविगेशन में गहराई से जाकर अगले कंटेनर की सामग्री को दाईं ओर बदल देता है और इसे एनिमेट करता है (देखें CommonWares implementation of this on SO)।

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

View newPane = container.addChild(); 
FragmentTransaction ft = getSupportFragmentManager().beginTransaction(); 
ft.add(newPane, new ListOfThingsFragment(2)); 
ft.remove(paneOnRight, fragmentOnRight); 
ft.commit(); 
container.animateToRight(); 

मैं FragmentTransaction के भीतर एनीमेशन करने के लिए एक रास्ता नहीं दिख रहा।

प्रतिक्रिया आपका स्वागत है। मेरा नियोक्ता आम तौर पर हमारे द्वारा विकसित खुले सोर्सिंग ढांचे के संबंध में अनुकूल है, इसलिए यदि यह ऐसा कुछ है जो व्यापक रूचि का है और यदि मैं पुन: प्रयोज्य समाधान के साथ आ सकता हूं, तो मुझे इसे साझा करने में खुशी होगी।

Answer 1

हम अपने ऐप के साथ एक ही समस्या में भाग गए।शीशे

की

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

उन बाधाओं के प्रकाश में, हमने एक नया लेआउट बनाया जिसे हम PanesLayout कहते हैं। आप यहाँ यह बाहर की जाँच कर सकते हैं:

https://github.com/cricklet/Android-PanesLibrary

यह मूल रूप से अनुमति देता है आप आसानी से गतिशील रूप से आकार शीशे के किसी भी संख्या उन शीशे के टुकड़े जोड़ने के लिए और संलग्न करने के लिए। उम्मीद है यह आपको उपयोगी होगा! :)

Answer 2

एनीमेशन हिस्से के लिए आंशिक जवाब:

ft.setCustomAnimations(android.R.anim.slide_in_left, 
    android.R.anim.slide_out_right); 

अपडेट:: https://stackoverflow.com/a/4819665/1007169

Answer 3

मैं कुछ था: इस उत्तर रीटो मायर खुद से टुकड़ा एनीमेशन के बारे में देख आप FragmentTransaction के साथ एनिमेशन कर सकते हैं शोध समय और इस प्रश्न के समाधान के साथ आया (एक प्रश्न है कि मैं लंबे समय तक समाधान देखना चाहता हूं, इससे पहले कि आप उससे पूछें)। मैं वास्तव में पूरा कोड नहीं दिखा सकता क्योंकि कुछ आईपी सीमाएं हैं, लेकिन मैं इसे इस एनीमेशन के काम करने के लिए मुख्य भाग यहां रखूंगा। setCustomAnimations और LayoutTransition हाँ, जहाँ तक मैं यह करने के लिए कर लिया है, तो आप सेट एनिमेशन यह काम करने के लिए अलग करने के लिए की जरूरत है:

वहाँ दो महत्वपूर्ण उपकरणों रहे हैं।

तो चलो कुछ कोड प्राप्त करें, आप अपने एक्सएमएल को क्षैतिज रैखिक के साथ परिभाषित करेंगे और इस पर निम्न पंक्ति शामिल करना सुनिश्चित करें।

android:animateLayoutChanges="true" 

इस वसीयत को स्वत: जनरेट एक मानक LayoutTransition जो टुकड़ा/राय यह है कि लेआउट और अल्फा में (में या बाहर) रह रहा टुकड़ा/दृश्य है कि शामिल किए जाने या लेआउट से हटा का अनुवाद करता है। कोशिश करो।

तो बाद इस लेआउट फुलाया जाता है हम पर कब्जा इस LayoutTransition वाला और हमारी आवश्यकताओं के लिए इसे बाहर चाल:

LayoutTransition lt = myLinearLayout.getLayoutTransition(); 
lt.setAnimator(LayoutTransition.APPEARING, null); 
lt.setAnimator(LayoutTransition.DISAPPEARING, null); 
lt.setStartDelay(LayoutTransition.CHANGE_APPEARING, 0); 
lt.setStartDelay(LayoutTransition.CHANGE_DISAPPEARING, 0); 

कि कोड के साथ, हम अल्फा एनिमेशन निकाल रहे हैं और संक्रमण से किसी देरी को दूर करने (क्योंकि हम सभी अनुवाद एक साथ आग लगाना चाहते हैं)।

और अब यह यह काम करने के लिए बस कुछ साधारण टुकड़ा लेनदेन है, initialisation के दौरान हम चाहते हैं कि लेआउट बढ़ और उस पर कुछ टुकड़े डाल: लेन-देन पर अब

setContentView(R.layout.main); // the layout with that Linear Layout 
FragmentTransaction ft = getSupportFragmentManager().beginTransaction(); 
ft.add(R.id.main, frag1, FRAG_1_TAG); // it's good to have tags so you can find them later 
ft.add(R.id.main, frag2, FRAG_2_TAG); 
ft.add(R.id.main, frag3, FRAG_3_TAG); 
ft.hide(frag3); 
ft.commit(); 

यह एक सरल है:

FragmentTransaction ft = getSupportFragmentManager().beginTransaction(); 
ft.setCustomAnimations(R.anim.push_left_in, R.anim.push_left_out, R.anim.push_right_in, R.anim.push_right_out); 
Fragment left = getFragmentManager().findFragmentByTag(FRAG_1_TAG); 
Fragment right = getFragmentManager().findFragmentByTag(FRAG_3_TAG); 

ft.hide(left); 
ft.show(right); 

ft.addToBackStack(null); 
ft.commit(); 

अंतिम नोट:

गहरी नेविगेशन बनाने के लिए यह FragmentTransactions फायरिंग LinearLayout और 012 के टुकड़े जोड़ने के लिए का मामला हैया detach बाईं ओर खंड।

इसके अलावा टुकड़े रेखीय लेआउट पर काम करने के लिए क्रम के दौरान उनके LinearLayout.LayoutParams.weight, निम्नलिखित कोड टुकड़ा दृश्य पर लागू करने के लिए कुछ इसी तरह स्थापित करने के लिए महत्वपूर्ण है

((LinearLayout.LayoutParams) view.getLayoutParams()).weight = 1; 

उस पर काम करने के लिए फोन के साथ-साथ यह आम multiple screen support पैटर्न लागू करने का मामला है।

अंतिम नोट, डिवाइस रोटेशन के दौरान लेआउट स्थिति को उचित प्रबंधन पर सावधान रहें क्योंकि यह सिस्टम द्वारा स्वचालित रूप से संभाला नहीं जाता है।

हैप्पी कोडिंग!