स्टाइल और थीम

लिखने का तरीका आज़माएं

Android के लिए, Jetpack Compose हमारा सुझाया गया यूज़र इंटरफ़ेस (यूआई) टूलकिट है. Compose में थीम बनाने की सुविधा इस्तेमाल करने का तरीका जानें.

Compose में डिज़ाइन सिस्टम →

Android पर स्टाइल और थीम की मदद से, अपने ऐप्लिकेशन के डिज़ाइन की जानकारी को यूज़र इंटरफ़ेस (यूआई) से अलग किया जा सकता है और व्यवहार, वेब डिज़ाइन के स्टाइलशीट की तरह होता है.

स्टाइल एट्रिब्यूट का कलेक्शन होता है. इससे पता चलता है कि View. स्टाइल, एट्रिब्यूट की जानकारी दे सकती है जैसे कि फ़ॉन्ट का रंग, फ़ॉन्ट का साइज़, बैकग्राउंड का रंग वगैरह.

थीम एट्रिब्यूट का कलेक्शन होता है. इसे पूरे ऐप्लिकेशन, गतिविधि या व्यू पर लागू किया जाता है पदानुक्रम—न सिर्फ़ एक व्यक्तिगत दृश्य का. कोई थीम लागू करने पर, ऐप्लिकेशन का हर व्यू या ऐक्टिविटी हर उस थीम के एट्रिब्यूट को लागू करती है जो वह काम करता है. थीम इन पर भी स्टाइल लागू कर सकती हैं ऐसे एलिमेंट जो व्यू के नहीं हैं. जैसे, स्टेटस बार और विंडो का बैकग्राउंड.

स्टाइल और थीम का एलान स्टाइल रिसॉर्स फ़ाइल में res/values/ को आम तौर पर styles.xml कहा जाता है.

पहला डायग्राम. एक ही गतिविधि पर दो थीम लागू की गईं: Theme.AppCompat (बाएं) और Theme.AppCompat.Light (दाएं).

थीम बनाम स्टाइल

थीम और स्टाइल में काफ़ी समानताएं होती हैं. हालांकि, इनका इस्तेमाल अलग-अलग कामों के लिए किया जाता है. थीम और स्टाइल एक जैसे होते हैं—यह की-वैल्यू पेयर होता है, जो एट्रिब्यूट संसाधन.

स्टाइल किसी खास तरह के व्यू के एट्रिब्यूट के बारे में बताती है. उदाहरण के लिए, एक स्टाइल बटन की विशेषता तय करने के लिए. स्टाइल में तय किया गया हर एट्रिब्यूट, एक ऐसा एट्रिब्यूट होता है जिसे आप सेट कर सकते हैं . सभी एट्रिब्यूट को एक स्टाइल में निकालने से, उन्हें इस्तेमाल करना और बनाए रखना आसान हो जाता है ट्रैक करें.

थीम नाम वाले रिसॉर्स के कलेक्शन के बारे में बताती है, जिसे स्टाइल, लेआउट, विजेट, वगैरह. थीम, Android को colorPrimary जैसे सिमैंटिक नाम असाइन करती हैं संसाधन.

स्टाइल और थीम एक साथ काम करने के लिए हैं. उदाहरण के लिए, हो सकता है कि आपके पास कोई ऐसी स्टाइल हो, जो बटन का एक हिस्सा colorPrimary है और दूसरा हिस्सा colorSecondary. उन रंगों की असल जानकारी थीम में दी गई है. टास्क कब शुरू होगा डिवाइस नाइट मोड में चला जाता है, तो आपका ऐप्लिकेशन "रोशनी" से स्विच कर सकता है थीम "डार्क" हो थीम, उन सभी संसाधन नामों के मान बदलकर. आपको स्टाइल बदलने की ज़रूरत नहीं है, क्योंकि शैलियां सिमैंटिक नामों का उपयोग कर रही हैं, न कि विशिष्ट रंग परिभाषाओं का.

थीम और स्टाइल एक साथ कैसे काम करते हैं, इस बारे में ज़्यादा जानने के लिए ब्लॉग पोस्ट देखें Android स्टाइलिंग: थीम बनाम स्टाइल.

स्टाइल बनाना और लागू करना

नई स्टाइल बनाने के लिए, अपने प्रोजेक्ट की res/values/styles.xml फ़ाइल खोलें. इसके लिए हर स्टाइल के लिए, यहां दिया गया तरीका अपनाएं:

1. <style> एलिमेंट को किसी ऐसे नाम के साथ जोड़ें जिससे स्टाइल को पहचाना जा सके.
2. हर उस स्टाइल एट्रिब्यूट के लिए <item> एलिमेंट जोड़ें जिसे आपको तय करना है. कॉन्टेंट बनाने हर आइटम में name किसी ऐसे एट्रिब्यूट के बारे में बताता है जिसे आम तौर पर, एक्सएमएल एट्रिब्यूट के तौर पर इस्तेमाल किया जाता है लेआउट. <item> एलिमेंट में मौजूद वैल्यू, उस एट्रिब्यूट की वैल्यू होती है.

उदाहरण के लिए, मान लें कि आप यहां दी गई स्टाइल को परिभाषित करते हैं:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="GreenText" parent="TextAppearance.AppCompat">
        <item name="android:textColor">#00FF00</item>
    </style>
</resources>

किसी व्यू पर इस तरह स्टाइल लागू की जा सकती है:

<TextView
    style="@style/GreenText"
    ... />

अगर व्यू व्यू को स्वीकार करता है, तो स्टाइल में बताई गई हर एट्रिब्यूट उस व्यू पर लागू होती है. व्यू ऐसे किसी भी एट्रिब्यूट को अनदेखा कर देता है जिसे वह स्वीकार नहीं करता.

ध्यान दें: ये एट्रिब्यूट सिर्फ़ उस एलिमेंट को मिलते हैं जिसमें style एट्रिब्यूट जोड़ा जाता है स्टाइल एट्रिब्यूट. चाइल्ड व्यू पर स्टाइल लागू नहीं होती. अगर आपको चाइल्ड व्यू को स्टाइल इनहेरिट करना है, तो इसके बजाय, android:theme एट्रिब्यूट की मदद से स्टाइल लागू करें.

हालांकि, अलग-अलग व्यू पर स्टाइल लागू करने के बजाय, आम तौर पर अपने पूरे ऐप्लिकेशन, गतिविधि या संग्रह के लिए थीम के रूप में स्टाइल लागू करें देखें, जैसा कि इस गाइड के दूसरे सेक्शन में बताया गया है.

स्टाइल को बड़ा और पसंद के मुताबिक बनाएं

अपनी स्टाइल बनाते समय, फ़्रेमवर्क या सहायता टीम से मौजूदा स्टाइल को हमेशा बढ़ाएं लाइब्रेरी का इस्तेमाल करें, ताकि आप प्लैटफ़ॉर्म के यूज़र इंटरफ़ेस (यूआई) स्टाइल के साथ काम कर सकें. स्टाइल बढ़ाने के लिए, शैली जिसे आप parent एट्रिब्यूट के साथ बढ़ाना चाहते हैं. इसके बाद, इनहेरिट की गई स्टाइल एट्रिब्यूट का इस्तेमाल करें और नए एट्रिब्यूट जोड़ें.

उदाहरण के लिए, Android प्लैटफ़ॉर्म के डिफ़ॉल्ट टेक्स्ट दिखने के तरीके को इनहेरिट किया जा सकता है और इसमें बदलाव अनुसरण करता है:

<style name="GreenText" parent="@android:style/TextAppearance">
    <item name="android:textColor">#00FF00</item>
</style>

हालांकि, अपने ऐप्लिकेशन के मुख्य स्टाइल को हमेशा Android Support लाइब्रेरी से लिया जाता है. इसमें स्टाइल यहां उपलब्ध यूज़र इंटरफ़ेस (यूआई) एट्रिब्यूट के लिए हर स्टाइल को ऑप्टिमाइज़ करके, सपोर्ट लाइब्रेरी का इस्तेमाल करें हर वर्शन के साथ काम करता है. सपोर्ट लाइब्रेरी वाली स्टाइल का नाम अक्सर प्लैटफ़ॉर्म पर मौजूद स्टाइल से मिलता-जुलता होता है, लेकिन AppCompat शामिल है.

किसी लाइब्रेरी या अपने प्रोजेक्ट से स्टाइल लेने के लिए, पैरंट स्टाइल का नाम बताएं पिछले उदाहरण में दिखाए गए @android:style/ हिस्से के बिना. उदाहरण के लिए, यहां दिए गए उदाहरण में, टेक्स्ट दिखने के स्टाइल को सपोर्ट लाइब्रेरी से लिया गया है:

<style name="GreenText" parent="TextAppearance.AppCompat">
    <item name="android:textColor">#00FF00</item>
</style>

आप चाहें तो स्टाइल इनहेरिट कर सकते हैं—हालांकि, सिर्फ़ वे स्टाइल इस्तेमाल किए जा सकते हैं जो प्लैटफ़ॉर्म पर मौजूद हैं. इसके लिए, parent एट्रिब्यूट का इस्तेमाल करने के बजाय, डॉट नोटेशन के साथ नाम. इसका मतलब है कि कीवर्ड से पहले आपकी शैली का नाम, जिसे आप इनहेरिट करना चाहते हैं, एक पीरियड से अलग करते हुए. आपने लोगों तक पहुंचाया मुफ़्त में आम तौर पर ऐसा सिर्फ़ अपनी स्टाइल को बढ़ाते समय किया जाता है, न कि दूसरी लाइब्रेरी की स्टाइल को. उदाहरण के लिए, नीचे दी गई स्टाइल, पिछले उदाहरण में बताई गई GreenText की सभी स्टाइल को इनहेरिट करती है और फिर टेक्स्ट का साइज़ बढ़ाता है:

<style name="GreenText.Large">
    <item name="android:textSize">22dp</item>
</style>

आप जितनी बार चाहें उतनी बार स्टाइल इनहेरिट करना जारी रख सकते हैं. ऐसा करने के लिए, ज़्यादा से ज़्यादा स्टाइल को लागू करें नाम.

ध्यान दें: अगर स्टाइल बढ़ाने के लिए डॉट नोटेशन का इस्तेमाल किया जाता है और आपने parent एट्रिब्यूट का इस्तेमाल करती है, तो पैरंट स्टाइल, डॉट नोटेशन

यह जानने के लिए कि <item> टैग की मदद से किन एट्रिब्यूट के बारे में एलान किया जा सकता है, "एक्सएमएल देखें एट्रिब्यूट" टेबल को अलग-अलग क्लास रेफ़रंस में जोड़ना होगा. सभी व्यू काम करते हैं बेस से एक्सएमएल एट्रिब्यूट View क्लास है और कई व्यू अपने-आप में खास एट्रिब्यूट जोड़ते हैं. उदाहरण के लिए, TextView एक्सएमएल एट्रिब्यूट शामिल करें android:inputType एट्रिब्यूट की वैल्यू डालें, जिसे इनपुट पाने वाले टेक्स्ट व्यू पर लागू किया जा सकता है. जैसे EditText विजेट.

किसी स्टाइल को थीम के तौर पर लागू करना

किसी थीम को उसी तरह बनाया जा सकता है जैसे स्टाइल बनाने के लिए किया जाता है. अंतर यह है कि आप इसे कैसे लागू करते हैं: किसी व्यू पर style एट्रिब्यूट वाली स्टाइल लागू करने के बजाय, आप android:theme एट्रिब्यूट पर या तो <application> टैग या किसी AndroidManifest.xml फ़ाइल में <activity> टैग.

उदाहरण के लिए, Android सपोर्ट लाइब्रेरी के मटीरियल डिज़ाइन "डार्क" को लागू करने का तरीका यहां बताया गया है थीम के हिसाब से पूरे ऐप्लिकेशन में:

<manifest ... >
    <application android:theme="@style/Theme.AppCompat" ... >
    </application>
</manifest>

और यहां "लाइट" को लागू करने का तरीका बताया गया है थीम:

<manifest ... >
    <application ... >
        <activity android:theme="@style/Theme.AppCompat.Light" ... >
        </activity>
    </application>
</manifest>

ऐप्लिकेशन या गतिविधि का हर व्यू, उस स्टाइल में लागू होता है जो उसके लिए, दी गई थीम. अगर कोई व्यू, स्टाइल में बताए गए कुछ एट्रिब्यूट के साथ ही काम करता है, तो यह लागू होता है केवल उन विशेषताओं को छोड़ देता है और उन विशेषताओं को अनदेखा कर देता है जिनका यह समर्थन नहीं करता है.

Android 5.0 (एपीआई लेवल 21) और Android सपोर्ट लाइब्रेरी v22.1 के बाद के वर्शन में, अपनी लेआउट फ़ाइल के किसी व्यू के लिए android:theme एट्रिब्यूट. यह की थीम को संशोधित करता है इससे मिलता-जुलता व्यू और चाइल्ड व्यू की जानकारी मिलती है. इससे आपको थीम के रंग पटल में बदलाव करने में मदद मिलती है एक हिस्सा है.

पिछले उदाहरणों में, ऐसी Theme.AppCompat जैसी थीम को लागू करने का तरीका बताया गया है जो जानकारी उपलब्ध कराई गई है. हालांकि, आम तौर पर थीम को अपनी पसंद के मुताबिक बनाया जा सकता है, ताकि आपके ऐप्लिकेशन का ब्रैंड. ऐसा करने का सबसे अच्छा तरीका यह है कि इन स्टाइल को सपोर्ट लाइब्रेरी से बढ़ाया जाए और नीचे दिए गए सेक्शन में बताए गए कुछ एट्रिब्यूट को बदलें.

स्टाइल की हैरारकी

Android आपके पूरे Android ऐप्लिकेशन में विशेषताएं सेट करने के कई तरीके उपलब्ध कराता है. उदाहरण के लिए, एट्रिब्यूट को सीधे लेआउट में सेट किया जा सकता है, व्यू पर स्टाइल लागू की जा सकती है, लेआउट पर थीम लागू की जा सकती है, और यहां तक कि प्रोग्राम के हिसाब से एट्रिब्यूट भी सेट किए जा सकते हैं.

अपने ऐप्लिकेशन के लिए स्टाइल चुनते समय, Android की स्टाइल के क्रम का ध्यान रखें. आम तौर पर, इस्तेमाल करें एक जैसा अनुभव देने के लिए, ज़्यादा से ज़्यादा थीम और स्टाइल का इस्तेमाल करें. अगर आप कई जगहों पर है, तो नीचे दी गई सूची से तय होता है कि कौनसे एट्रिब्यूट लागू किए गए हैं. यह सूची है सबसे ज़्यादा प्राथमिकता से सबसे कम के क्रम में लगाया गया है.

1. TextView से मिले टेक्स्ट स्पैन का इस्तेमाल करके, वर्ण या पैराग्राफ़ लेवल की स्टाइल लागू करना क्लास.
2. प्रोग्राम के हिसाब से एट्रिब्यूट लागू करना.
3. अलग-अलग एट्रिब्यूट को सीधे व्यू पर लागू करना.
4. व्यू पर स्टाइल लागू किया जा रहा है.
5. डिफ़ॉल्ट स्टाइलिंग.
6. किसी थीम को व्यू के संग्रह, किसी गतिविधि या अपने पूरे ऐप्लिकेशन पर लागू करना.
7. कुछ दृश्य-विशिष्ट स्टाइलिंग लागू करना, जैसे TextAppearance अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है TextView पर.

दूसरा डायग्राम. span से स्टाइल करने पर, स्टाइलिंग की जगह textAppearance.

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

TextAppearance

स्टाइल की एक सीमा यह है कि आप View पर सिर्फ़ एक स्टाइल लागू कर सकते हैं. में TextView, हालांकि, आपके पास TextAppearance एट्रिब्यूट जो किसी स्टाइल की तरह काम करते हैं, जैसा कि नीचे दिए गए उदाहरण में दिखाया गया है:

<TextView
    ...
    android:textAppearance="@android:style/TextAppearance.Material.Headline"
    android:text="This text is styled via textAppearance!" />

TextAppearance की सहायता से आप अन्य इस्तेमाल के लिए View उपलब्ध है. ध्यान दें, हालांकि, अगर आपने कोई टेक्स्ट एट्रिब्यूट तय किया है View पर या किसी शैली में, वे मान TextAppearance वैल्यू.

TextAppearance स्टाइलिंग एट्रिब्यूट के ऐसे सबसेट के साथ काम करता है जिसे TextView ऑफ़र. एट्रिब्यूट की पूरी सूची देखने के लिए, यहां जाएं TextAppearance.

कुछ सामान्य TextView एट्रिब्यूट शामिल नहीं किए गए हैं lineHeight[Multiplier|Extra], lines, breakStrategy और hyphenationFrequency. TextAppearance, पैराग्राफ़ लेवल के बजाय वर्ण के लेवल पर काम करता है, इसलिए पूरे लेआउट पर असर डालने वाले एट्रिब्यूट काम नहीं करते.

डिफ़ॉल्ट थीम को पसंद के मुताबिक बनाना

जब Android Studio से कोई प्रोजेक्ट बनाया जाता है, तो वह आपके ऐप्लिकेशन पर मटीरियल डिज़ाइन थीम लागू करता है डिफ़ॉल्ट रूप से सेट होती है, जैसा कि आपके प्रोजेक्ट की styles.xml फ़ाइल में बताया गया है. यह AppTheme शैली सपोर्ट लाइब्रेरी से एक थीम बढ़ाता है और उसमें इस्तेमाल किए गए रंग एट्रिब्यूट के लिए ओवरराइड शामिल करता है मुख्य यूज़र इंटरफ़ेस (यूआई) एलिमेंट के हिसाब से, जैसे कि ऐप्लिकेशन बार और फ़्लोटिंग ऐक्शन बटन का इस्तेमाल किया जाता है. तो, दिए गए रंगों को अपडेट करके अपने ऐप्लिकेशन के रंग के डिज़ाइन को तुरंत पसंद के मुताबिक बना सकते हैं.

उदाहरण के लिए, आपकी styles.xml फ़ाइल इसके जैसी दिखती है:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

स्टाइल वैल्यू असल में अन्य रंग संसाधन, जिन्हें प्रोजेक्ट की res/values/colors.xml फ़ाइल. यह वही फ़ाइल है जिसमें रंग बदलने के लिए बदलाव किया जाता है. ज़्यादा जानकारी के लिए, मटीरियल डिज़ाइन का रंग से जुड़ी खास जानकारी उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, डाइनैमिक कलर और अपनी पसंद के अन्य रंगों का इस्तेमाल किया जा सकता है.

अपने रंगों के बारे में जानने के बाद, res/values/colors.xml में वैल्यू अपडेट करें:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--   Color for the app bar and other primary UI elements. -->
    <color name="colorPrimary">#3F51B5</color>

    <!--   A darker variant of the primary color, used for
           the status bar (on Android 5.0+) and contextual app bars. -->
    <color name="colorPrimaryDark">#303F9F</color>

    <!--   a secondary color for controls like checkboxes and text fields. -->
    <color name="colorAccent">#FF4081</color>
</resources>

इसके बाद, अपनी पसंद की किसी भी अन्य स्टाइल को बदला जा सकता है. उदाहरण के लिए, गतिविधि बदलने के लिए बैकग्राउंड का रंग इस तरह है:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    ...
    <item name="android:windowBackground">@color/activityBackground</item>
</style>

थीम में इस्तेमाल किए जा सकने वाले एट्रिब्यूट की सूची देखने के लिए, एट्रिब्यूट की टेबल यहां देखें R.styleable.Theme. जोड़ते समय अपने लेआउट में व्यू के लिए स्टाइल सेट करते हैं, तो आप "एक्सएमएल एट्रिब्यूट" देखकर एट्रिब्यूट भी ढूंढ सकते हैं की तुलना करें. उदाहरण के लिए, सभी व्यू View बेस से ली गई एक्सएमएल एट्रिब्यूट क्लास का इस्तेमाल करें.

ज़्यादातर एट्रिब्यूट खास तरह के व्यू पर लागू किए जाते हैं और कुछ एट्रिब्यूट सभी व्यू पर लागू होते हैं. हालांकि, यहां कुछ थीम एट्रिब्यूट जोड़े गए हैं R.styleable.Theme इस पर लागू होती हैं गतिविधि विंडो है, न कि लेआउट में व्यू. उदाहरण के लिए, windowBackground आपकी वेबसाइट के विंडो बैकग्राउंड और windowEnterTransition एक ट्रांज़िशन ऐनिमेशन तय करते हैं, जिसका इस्तेमाल कब करना है गतिविधि शुरू हो जाती है. ज़्यादा जानकारी के लिए, शुरू करें ऐनिमेशन का इस्तेमाल करके की गई कोई गतिविधि देखें.

Android की सहायता लाइब्रेरी में ऐसी अन्य सुविधाएं भी मिलती हैं जिनका इस्तेमाल करके, थीम को पसंद के मुताबिक बनाया जा सकता है Theme.AppCompat से बढ़ाई गई है, जैसे कि colorPrimary एट्रिब्यूट ऊपर दिया गया है. ये दुनिया भर में लाइब्रेरी की attrs.xml फ़ाइल.

ध्यान दें: सपोर्ट लाइब्रेरी के एट्रिब्यूट के नाम में, android: प्रीफ़िक्स का इस्तेमाल नहीं किया जाता. इसका इस्तेमाल सिर्फ़ Android फ़्रेमवर्क के एट्रिब्यूट के लिए किया जाता है.

सहायता लाइब्रेरी में अलग-अलग थीम भी उपलब्ध हैं, जिन्हें शायद आप इस्तेमाल करना चाहें लागू नहीं करेगा. उपलब्ध थीम देखने का सबसे अच्छा स्थान यह है यह लाइब्रेरी की themes.xml फ़ाइल.

वर्शन के हिसाब से स्टाइल जोड़ें

अगर Android के किसी नए वर्शन में ऐसी थीम एट्रिब्यूट जोड़े जाते हैं जिनका आपको इस्तेमाल करना है, तो उन्हें थीम में जोड़ा जा सकता है साथ ही, पुराने वर्शन के साथ भी काम करता है. आपको बस एक और styles.xml फ़ाइल की ज़रूरत है ऐसी values डायरेक्ट्री में सेव की गई है जिसमें संसाधन वर्शन क्वालीफ़ायर:

res/values/styles.xml        # themes for all versions
res/values-v21/styles.xml    # themes for API level 21+ only

values/styles.xml फ़ाइल में मौजूद स्टाइल, सभी वर्शन के लिए उपलब्ध होते हैं. values-v21/styles.xml में मौजूद आपकी थीम, उन्हें इनहेरिट कर सकती हैं. इसका मतलब है कि आपको "बेस" से शुरू करके स्टाइल की कॉपी बनाना थीम के अनुसार बनाया जा सकता है और फिर उसे आपके शैलियां.

उदाहरण के लिए, Android 5.0 (एपीआई लेवल 21) और उसके बाद के वर्शन के लिए, विंडो ट्रांज़िशन का एलान करने के लिए आपको नए एट्रिब्यूट इस्तेमाल करें. इसलिए, res/values/styles.xml में आपकी बेस थीम कुछ ऐसी दिख सकती है शामिल करें:

<resources>
    <!-- Base set of styles that apply to all versions. -->
    <style name="BaseAppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/primaryColor</item>
        <item name="colorPrimaryDark">@color/primaryTextColor</item>
        <item name="colorAccent">@color/secondaryColor</item>
    </style>

    <!-- Declare the theme name that's actually applied in the manifest file. -->
    <style name="AppTheme" parent="BaseAppTheme" />
</resources>

इसके बाद, res/values-v21/styles.xml में वर्शन के हिसाब से स्टाइल जोड़ें. इसके लिए, यह तरीका अपनाएं:

<resources>
    <!-- extend the base theme to add styles available only with API level 21+ -->
    <style name="AppTheme" parent="BaseAppTheme">
        <item name="android:windowActivityTransitions">true</item>
        <item name="android:windowEnterTransition">@android:transition/slide_right</item>
        <item name="android:windowExitTransition">@android:transition/slide_left</item>
    </style>
</resources>

अब मेनिफ़ेस्ट फ़ाइल में AppTheme का इस्तेमाल किया जा सकता है. इसके बाद, सिस्टम आपको स्टाइल चुनता है सिस्टम के हर वर्शन के लिए उपलब्ध है.

अलग-अलग डिवाइसों के लिए वैकल्पिक संसाधनों का इस्तेमाल करने के बारे में ज़्यादा जानने के लिए, यहां जाएं वैकल्पिक संसाधन उपलब्ध कराना.

विजेट की स्टाइल को पसंद के मुताबिक बनाएं

फ़्रेमवर्क और सपोर्ट लाइब्रेरी के हर विजेट की एक डिफ़ॉल्ट स्टाइल होती है. उदाहरण के लिए, जब सपोर्ट लाइब्रेरी की किसी थीम का इस्तेमाल करके अपने ऐप्लिकेशन को स्टाइलिश बनाएं, Button को इसका इस्तेमाल करके स्टाइल किया गया है Widget.AppCompat.Button स्टाइल. अगर आपको विजेट की कोई अलग स्टाइल बटन पर क्लिक करें, तो आप अपनी लेआउट फ़ाइल में style एट्रिब्यूट की मदद से ऐसा कर सकते हैं. उदाहरण के लिए, लाइब्रेरी की बॉर्डरलेस बटन शैली को लागू करता है:

<Button
    style="@style/Widget.AppCompat.Button.Borderless"
    ... />

अगर आपको इस स्टाइल को सभी बटन पर लागू करना है, तो इसका एलान अपनी थीम की buttonStyle इस तरह से है:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="buttonStyle">@style/Widget.AppCompat.Button.Borderless</item>
    ...
</style>

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

अन्य संसाधन

थीम और स्टाइल के बारे में ज़्यादा जानने के लिए, इन दूसरे संसाधनों को देखें:

ब्लॉग पोस्ट

• Android स्टाइलिंग: थीम बनाम स्टाइल
• Android स्टाइलिंग: सामान्य थीम एट्रिब्यूट
• Android स्टाइलिंग: थीम एट्रिब्यूट को प्राथमिकता देना