2014-10-21 20 views
45

नवीनतम Google समाचारस्टैंड ऐप की तरह सामग्री डिज़ाइन शैली टैब को लागू करने का सबसे अच्छा और आसान तरीका क्या है? यही वही है जो मैं ढूंढ रहा हूं लेकिन यह नहीं पता कि कहां से शुरू करना है। प्रदान की गई कोई भी सहायता/दिशा बहुत सराहना की जाती है। धन्यवाद।एंड्रॉइड 5.0 सामग्री डिजाइन टैब

+0

अब आप एंड्रॉइड सपोर्ट डिज़ाइन लाइब्रेरी में 'टैबलाउट' का उपयोग कर सकते हैं। – ywwynm

+0

लॉलीपॉप टैब लागू करने और सीधे आगे बढ़ने के लिए बहुत आसान हैं। पिछड़े संगतता के लिए आपको समर्थन पुस्तकालय का उपयोग करने की आवश्यकता है। इस http://www.feelzdroid.com/2015/07/create-lollipop-tabs-in-android-example.html देखें। यह बुनियादी लॉलीपॉप टैब को कार्यान्वित करने के तरीके पर एक सरल विचार देगा। – Naruto

उत्तर

85

यह @ChrisBanes की post (Android के लिए डेवलपर कार्यक्रम इंजीनियर) नई टूलबार के साथ स्थिति स्पष्ट।

तो this नमूना सहायता कर सकता है।

साथ ही साथ this देवबाइट्स वीडियो।

यदि आप लाइब्रेरी चाहते हैं, तो आप this one के लिए जा सकते हैं लेकिन यह सामग्री डिज़ाइन के लिए अपडेट नहीं किया गया है (मैंने इसे फोर्क किया है, और यदि मेरे पास कुछ समय है, तो मैं इसे अपडेट करने का प्रयास करूंगा)।

आप @ChrisBanes blog में नए एपीआई 21 के बारे में अधिक जानकारी के साथ ही the official android blog

संपादित पा सकते हैं: आप इस रेपो jpardogo/PagerSlidingTabStrip में मटीरियल डिज़ाइन टैब देख सकते हैं:

मैं मूल रूप से करने के लिए 4 परिवर्तन किया मूल पुस्तकालय, अब तक (मैं टूलबार जोड़ूंगा और कल कुछ सामान ठीक कर दूंगा):

  1. टैब लेआउट के डिफ़ॉल्ट पैरामीटर को ऐसा दिखने के लिए बदलें अधिक सामग्री
  2. टैब स्वाइप करते समय सूचक डिफ़ॉल्ट रूप से केंद्र होता है।
  3. शीर्षक की अल्फा मान चयनित स्थिति के आधार पर बदल जाती है।
  4. अपने एडाप्टर में इंटरफ़ेस 'कस्टमटैबप्रोवाइडर' को कार्यान्वित करने वाले कस्टमटैब को पास करने की क्षमता।

    • मामले में customTab आईडी @+id/tab_title के साथ एक दृश्य है, यह शीर्षक और अल्फा के रूप में हमेशा की तरह कार्य करेगा जगह उपयोग किया जाएगा।
    • यदि यह इंटरफ़ेस लागू नहीं किया गया है, तो डिफ़ॉल्ट टैब लेआउट का उपयोग किया जाएगा (TextView)।

आप आप इस पुस्तकालयों के किसी भी उपयोग लहर के साथ एक कस्टम टैब का उपयोग कर सकते हैं:

EDIT2: मैंने नई समर्थन लाइब्रेरी टूूलबार के लिए एक्शनबार बदल दिया। मैंने टैब, टूलबार और स्टेटसबार में गतिशील रूप से रंग भी लगाए हैं। आप निम्नलिखित gif पर एंड्रॉइड 4.4.3 में काम कर रहे उदाहरण को देख सकते हैं।

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

material_tabs

+2

धन्यवाद @jpardogo का समर्थन करता है। संकलन 'com.jpardogo.materialtabstrip: लाइब्रेरी: 1. +' जाने का रास्ता है। :) – Gopinath

3

मैं ड्रॉवरलाउट का उपयोग कर रहा हूं, एपीआई 21 के साथ संकलित नवीनतम एपकोम्पेट पर स्विच कर चुका हूं और यह सामग्री विषय प्राप्त कर लिया है। सुनिश्चित करें कि आप v7 से ड्रॉवर का उपयोग करें। विवरण: http://antonioleiva.com/material-design-everywhere/

+1

एपकंपेट पहले से ही सामग्री डिजाइन का समर्थन करता है ?? – amalBit

+0

हां नवीनतम संस्करण इस सुंदर पुस्तकालय के लिए इस – Carsten

7

मैं व्यक्तिगत रूप से jpardogo के पुस्तकालय jpardogo/PagerSlidingTabStrip प्यार करता हूँ।

एक बात है कि मैं उस में लापता पाया हालांकि लहर प्रभाव के रूप में के रूप में देखा है: Material tabs with ripple effect

तो मैं PagerSlidingTabStrip के आधार पर, मेरे अपने पुस्तकालय बनाने का फैसला किया है, और अनुकूलन लहर प्रभाव के साथ: pizza/MaterialTabs

आप Play Store पर एक नमूना भी पा सकते हैं, वहां अपने टैब को कस्टमाइज़ करें, फिर अपना कोड जेनरेट करें और इसे तुरंत निर्यात करें! :)

संबंधित मुद्दे