डिजाइन के विषय। लाठी और कमजोरियों के साथ

एक बार, मुझसे पहले, कार्य एंड्रॉइड पर एप्लिकेशन के लिए थीम बनाना था। मैं क्या प्राप्त करना चाहता था:

1. उपस्थिति स्विच करने की क्षमता - कुछ रंग और ग्राफिक्स बदलें
2. परिवर्तन "उड़ान पर" होना चाहिए, उपयोगकर्ता के लिए केवल डिज़ाइन को बदलना चाहिए, बाकी सब कुछ (इनपुट फ़ील्ड की सामग्री, सूची में तत्वों की स्थिति, आदि) नहीं बदलना चाहिए।
3. भविष्य में, मैं चाहूंगा कि विषय उपयोगकर्ता की भागीदारी के बिना बदल सके, उदाहरण के लिए, दिन के समय तक
4. मैं मौजूदा कोड या मार्कअप को महत्वपूर्ण रूप से संशोधित नहीं करना चाहूंगा। आदर्श रूप में, मैं बस मार्कअप में तत्वों को किसी तरह चिह्नित करना चाहूंगा
5. एप्लिकेशन को अपडेट किए बिना नए विषयों को अपलोड करने में सक्षम होना बहुत अच्छा होगा।

कटौती के तहत क्या हासिल किया गया था और इसे कैसे लागू किया गया था, इसके बारे में।



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

ठीक है, चलो हमारे कार्यान्वयन लिखें। लाठी और कमजोरियों के साथ।

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

टैग प्रॉपर्टी हमारी मदद करेगी। यदि एप्लिकेशन टैग में कहीं और उपयोग किया जाता है, उदाहरण के लिए, जैसा कि सूची दृश्य में एडेप्टर को अनुकूलित करने के लिए धारक के रूप में, यह ठीक है। कोड में, आप id पैरामीटर के साथ सेटटैग / गेटटैग का उपयोग कर सकते हैं। यदि ऐसी कई जगहें हैं, तो खोज और प्रतिस्थापन हमारी मदद करेंगे।

अब हम टैग के लिए कुछ सरल प्रारूप लेकर आएंगे। सबसे पहले, हम अनाज को चफ से अलग करते हैं और एक साधारण जांच करते हैं कि यह टैग वास्तव में हमारे विषयों के उपयोग का संकेत है: हमारा टैग हमेशा एक "!" प्रतीक के साथ शुरू होगा। इसके बाद संसाधन का नाम आता है, उदाहरण के लिए "पृष्ठभूमि"। फिर कुछ विभाजक, जैसे कुछ "|", और संसाधन का प्रकार - पाठ रंग, पृष्ठभूमि छवि या पृष्ठभूमि रंग, आदि। उदाहरण के लिए, टाइलिंग का उपयोग करके चैट विंडो के लिए पृष्ठभूमि: "! चैट | tiled_bg"। शायद बहुत सौंदर्यवादी रूप से प्रसन्न नहीं, लेकिन जल्दी से पार्सिंग। इस तरह के टैग लिखते समय कम से कम गलतियाँ करने के लिए, उन्हें स्ट्रिंग संसाधनों में रखना और उनका पुन: उपयोग करना बेहतर होता है - हमारे आवेदन में संसाधन! प्राथमिक! Text_fg का उपयोग 77 बार किया जाता है।

सबसे कठिन हिस्सा पीछे है, यह केवल इन टैगों को संसाधित करने के लिए ही रहता है ... ऐसे टैग वाले तत्वों को "फुलाएं" दृश्य के दौरान तुरंत संसाधित किया जाना चाहिए, और फिर हर बार थीम बदल दी जाती है। "इन्फ्लेटिंग" लगभग दो तरीकों से होता है - गतिविधि में setContentView और LayoutInflater का उपयोग करना। चलिए setContentView से शुरू करते हैं।

हमारे आवेदन में, सभी गतिविधियाँ बहुत कम आधार गतिविधियों से विरासत में मिली हैं। बस सेटऑनेंट व्यू पद्धति को ओवरराइड करें:

public void setContentView(int id) { super.setContentView(id); HotTheme.manage(mActivity.getWindow().getDecorView()); } 

GetDecorView पद्धति हमें पदानुक्रम के "रूट" को वापस कर देगी।
लेआउटइन्फ़्लैटर का उपयोग करके व्यू बनाते समय ऐसा ही करें, इसे लपेटें:

 public class HotLayoutInflater { private LayoutInflater inflater; private HotLayoutInflater(LayoutInflater inflater) { this.inflater = inflater; } public View inflate(int resource, ViewGroup root, boolean attachToRoot) { View v = inflater.inflate(resource, root, attachToRoot); HotTheme.manage(v); return v; } public View inflate(int resource, ViewGroup root) { View v = inflater.inflate(resource, root); HotTheme.manage(v); return v; } public static HotLayoutInflater wrap(LayoutInflater layoutInflater) { return new HotLayoutInflater(layoutInflater); } public static HotLayoutInflater from(Context context) { return new HotLayoutInflater(LayoutInflater.from(context)); } } 

अब - पदानुक्रम को देखें:

HotTheme.java:

  public static void manage(View... views) { for (View v : views) { simpleManage(v); if (v instanceof ViewGroup) { ViewGroup vg = (ViewGroup) v; for (int i = 0; i < vg.getChildCount(); i++) { manage(vg.getChildAt(i)); } } } } public static void simpleManage(View view) { Object t = view.getTag(); if (t instanceof String) { String tag = (String) t; if (tag.startsWith("!")) { tag = tag.substring(1); String[] elements = tag.split("\\|"); String base = elements[0]; for (int i = elements.length - 1; i >= 1; i--) { ThemedView tv = createThemedView(view, base, elements[i]); tv.notifyChange(); HotTheme.sViews.add(tv); } } } } 

जैसा कि आप देख सकते हैं, दृश्य जिसमें हमारा टैग है वह पदानुक्रम से बाहर निकाला गया है। बस, हम मानते हैं कि कई विभाजक हो सकते हैं "-" - फिर संसाधन प्रत्येक प्रकार पर लागू होगा (यह उपयोगी हो सकता है)।

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

 private static abstract class ThemedView { private WeakReference<View> view; ThemedView(View v) { view = new WeakReference<View>(v); } boolean notifyChange() { View v = view.get(); if (v == null) { return false; } onChange(v); return true; } abstract void onChange(View v); @Override public boolean equals(Object o) { if (this == o) { return true; } if (o == null || getClass() != o.getClass()) { return false; } ThemedView view1 = (ThemedView) o; View v1 = view.get(); View v2 = view1.view.get(); return (v1 != null ? v1.equals(v2) : v2 == null); } @Override public int hashCode() { if (view == null) { return 0; } View v = view.get(); return v != null ? v.hashCode() : 0; } } 

अब, जब विषय को सभी इच्छुक दृश्य पर लागू करने के लिए बदल रहा है, तो बस कॉल करें:

  for (Iterator<ThemedView> it = views.iterator(); it.hasNext(); ) { if (!it.next().notifyChange()) { it.remove(); } } 

आइए अपने थीम्ड व्यू पर वापस आते हैं, जिसके वंशज विधि में हम यह निर्धारित करते हैं कि वास्तव में दृश्य के साथ क्या होता है:

  private static ThemedView createThemedView(View v, final String base, String element) { ThemeType type = types.get(element); switch (type) { case TILED_BG: return new ThemedView(v) { @Override public void onChange(View v) { Bitmap bmp = decodeBitmap(base + "_bg"); BitmapDrawable bd = new BitmapDrawable(app().getResources(), bmp); bd.setTileModeXY(Shader.TileMode.REPEAT, Shader.TileMode.REPEAT); v.setBackgroundDrawable(bd); } }; case VIEW_COLOR_BG: return new ThemedView(v) { @Override public void onChange(View v) { int color = getColor(base + "_bg"); v.setBackgroundColor(color); if (v instanceof ListView) { // There is an android bug in setCacheColorHint // That caused the IndexOutOfBoundsException // look here: // http://code.google.com/p/android/issues/detail?id=12840 // // Moreover, that bug doesn't allow us to setDrawableCacheColor // for recycled views. That's why we need to perform cleaning up // via reflections // // Fixed in android 4.1.1_r1 try { ((ListView) v).setCacheColorHint(color); } catch (IndexOutOfBoundsException ex) { try { Field mRecycler = AbsListView.class.getDeclaredField("mRecycler"); mRecycler.setAccessible(true); Object recycler = mRecycler.get(v); Method m = recycler.getClass().getDeclaredMethod("clear"); m.setAccessible(true); m.invoke(recycler); } catch (Throwable t) { // No need to report this } } } } }; case VIEW_IMAGE_BG: return new ThemedView(v) { @Override public void onChange(View v) { v.setBackgroundDrawable(decodeDrawable(base + "_bg")); } }; case IMAGE_FG: return new ThemedView(v) { @Override public void onChange(View v) { ((ImageView) v).setImageDrawable(decodeDrawable(base + "_bg")); } }; case TEXT_COLOR: return new ThemedView(v) { @Override public void onChange(View v) { final int color = getColor(base + "_fg"); if (v instanceof TextView) { ((TextView) v).setTextColor(color); } } }; case TEXT_HINT: return new ThemedView(v) { @Override public void onChange(View v) { final int color = getColor(base + "_hint_fg"); if (v instanceof TextView) { ((TextView) v).setHintTextColor(color); } } }; case PAGER: return new ThemedView(v) { @Override public void onChange(View v) { int active = getColor(base + "_active_fg"); int inactive = getColor(base + "_inactive_fg"); int footer = getColor(base + "_footer_bg"); TitlePageIndicator pager = (TitlePageIndicator) v; pager.setSelectedColor(active); pager.setTextColor(inactive); pager.setFooterColor(footer); } }; case DIVIDER: return new ThemedView(v) { @Override public void onChange(View v) { int color = getColor(base + "_divider"); ListView lv = (ListView) v; int h = lv.getDividerHeight(); lv.setDivider(new ColorDrawable(color)); lv.setDividerHeight(h); } }; case TABBUTTON_BG: return new ThemedView(v) { @Override void onChange(View v) { StateListDrawable stateDrawable = new StateListDrawable(); Drawable selectedBd = decodeDrawable(base + "_selected"); stateDrawable.addState(new int[]{android.R.attr.state_selected}, selectedBd); stateDrawable.addState(new int[]{android.R.attr.state_pressed}, selectedBd); stateDrawable.addState(new int[]{}, decodeDrawable(base + "_unselected")); v.setBackgroundDrawable(stateDrawable); } }; case EDITTEXT_COLOR: return new ThemedView(v) { @Override void onChange(View v) { int color = getColor(base + "_fg"); EditText edit = (EditText) v; edit.setTextColor(color); int hintColor = getColor(base + "_disabled_fg"); edit.setHintTextColor(hintColor); } }; case GROUP_TINT: return new ThemedView(v) { @Override void onChange(View v) { int tintColor = getColor(base + "_fg"); ImageView imageView = (ImageView) v; imageView.setColorFilter(tintColor, PorterDuff.Mode.SRC_ATOP); } }; default: throw new IllegalArgumentException("Error in layout: no such type \"" + element + "\" (" + base + ")"); } } 

Type.get (तत्व) कोड केवल लोअरकेस स्ट्रिंग में एनम देता है।

दिलचस्प तरीकों में से डिकोडिटमैप, डीकोडेबल और गेटकोलर बने रहे:

  private static ResourceInfo findResource(String base, ResourceType type) { return sCurrentProvider.findResource(base, type); } public static Drawable decodeDrawable(String base) { ResourceInfo info = findResource(base, ResourceType.Drawable); return info.getResources().getDrawable(info.getResId()); } public static Bitmap decodeBitmap(String base) { ResourceInfo info = findResource(base, ResourceType.Drawable); return BitmapFactory.decodeResource(info.getResources(), info.getResId(), Util.newPurgeableBitmapOptions()); } public static int getColor(String base) { ResourceInfo info = findResource(base, ResourceType.Color); return info.getResources().getColor(info.getResId()); } 

ThemeProvider वर्ग का एक ऑब्जेक्ट sCurrentProvider के रूप में कार्य करता है, जिसका एकमात्र कार्य इसके नाम और प्रकार से संसाधन जानकारी प्राप्त करना है।
सरलतम कार्यान्वयन संसाधन नाम में उपसर्ग के रूप में कुछ विषय आईडी जोड़ देगा:

  @Override public ResourceInfo findResource(String name, ResourceType type) { int id = IdUtils.getResId(app().getResources(), mPrefix + "_" + name, type.getType(), PACKAGE_NAME); if (id == 0 && mNext != null) { return mNext.findResource(name, type); } return new ResourceInfo(app().getResources(), id); } 

GetResId विधि Resources.getIdentifier विधि पर एक छोटा आवरण है।
MNext फ़ील्ड भी एक ThemeProvider ऑब्जेक्ट है। यदि संसाधन नहीं मिला था, तो श्रृंखला को खोजने के लिए इसकी आवश्यकता है (अंत में, डिफ़ॉल्ट लिया जाएगा)।

नतीजतन, अगले विषय को बनाने के लिए, आपको बस आवश्यक संसाधनों के सेट को जोड़ने की जरूरत है, किसी प्रकार के उपसर्ग को जोड़ना। उदाहरण के लिए, चैट विंडो पृष्ठभूमि के लिए संसाधन नाम:
def_chat_bg
night_chat_bg
pink_chat_bg
wood_chat_bg

कुल मिलाकर

जैसा कि शुरुआत में उल्लेख किया गया है, न केवल आवेदन से, बल्कि बाहर से भी संसाधनों को लोड करने में सक्षम होना बहुत अच्छा होगा। एक स्रोत, उदाहरण के लिए, एक अन्य अनुप्रयोग हो सकता है। इस मामले में, पैकेज नाम और संसाधन ऑब्जेक्ट को छोड़कर, सब कुछ समान होगा। यह बदले में, PackageManager.getResourcesForApplication के माध्यम से प्राप्त किया जा सकता है।

फिर से याद करें कि हम क्या हासिल करना चाहते थे:

1. डिजाइन स्विच करने की क्षमता - किया
2. परिवर्तन "उड़ान भरने" पर होना चाहिए - आप कर रहे हैं
3. भविष्य में, मैं चाहूंगा कि विषय उपयोगकर्ता की भागीदारी के बिना बदल जाए - परिप्रेक्ष्य दिखाई दे रहा है, कोई बाधाएं नहीं हैं
4. मैं मौजूदा कोड या मार्कअप को महत्वपूर्ण रूप से बदलना नहीं चाहूंगा - कोड, वास्तव में, काफी बदल गया है, लेकिन मुख्य रूप से खोज और प्रतिस्थापित करके, इसलिए यहां आप एक प्लस डाल सकते हैं
5. एप्लिकेशन को अपडेट किए बिना नए विषय अपलोड करें - तैयार, संसाधन किसी भी apk से लोड किए जा सकते हैं

लगता है सब कुछ काम कर गया। उन सभी को धन्यवाद जिन्होंने लेख को अंत तक महारत हासिल की। मुझे आशा है कि कोई व्यक्ति वर्णित तकनीक का उपयोग करके अपने एप्लिकेशन को उपयोगकर्ताओं की मनोदशा के अनुकूल बनाने की क्षमता देगा - मेरा विश्वास करो, वे आपको धन्यवाद देंगे!

पुनश्च: अच्छी तरह से, और, जैसा कि अपेक्षित है, विज्ञापन का एक मिनट - यहां विषयों के साथ एजेंट का आवेदन।