एंड्रॉइड एप्लिकेशन में एक त्वचा प्रणाली को लागू करना या एक क्लिक में रंग योजना को बदलना

सभी हैब्रचियंस को बधाई!

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

कार्य

सभी एप्लिकेशन विचारों को गतिशील बनाएं, साथ ही रनटाइम में खाल बदलें।

समाधान का विचार

गतिविधि बनाते समय, सिस्टम पहले xml मार्कअप को पार्स करता है और जब यह मार्कअप से संसाधनों के लिए एक लिंक का सामना करता है तो लगातार overResid getResources () विधि प्राप्त करता है। यह इस कड़ी में ठीक है कि हम अपने स्वयं के संसाधनों को सिस्टम में हस्तक्षेप कर सकते हैं, और न कि यह अनुरोध करता है। उसी समय, चाल को नोट किए बिना, सिस्टम आवश्यक संसाधनों को विचारों पर लागू करेगा। और यह वही है, जिसे हमने वास्तव में मांगा है।

विचार का क्रियान्वयन

पूर्वगामी के आधार पर, हमें आवश्यकता है:

1) मार्कअप में, संसाधनों के लिंक (जैसे कि अंतर्निहित) को इंगित करना अनिवार्य है। खैर, यह स्पष्ट है कि सब कुछ ड्रॉबल के साथ-साथ रंगों के माध्यम से इंगित किया गया है

android:background="@color/color_tabbar_background" 

2) बेस क्लास BasicActivity बनाएं, जो एक्टिविटी से विरासत में मिले और जिसमें से हमारी सारी एक्टिविटीज इनहेरिट हों, इसमें getResources () मेथड ओवरराइड करें।

3) इसके अलावा, हमें एक वर्ग की आवश्यकता है, चलो इसे रेसोर्समैनजर कहते हैं, जो रिसोर्स से विरासत में मिला है।

आइए अधिक विस्तार से विचार करें कि getResources () पद्धति गतिविधि में क्या करती है। यह वही है जो आधिकारिक स्रोत हमें बताता है। यानी यह प्रकार के संसाधनों की एक वस्तु लौटाता है, इसलिए हमें अपने मूलभूत सक्रियता वर्ग में जांच करने की आवश्यकता होती है redefined विधि getResources () में कौन सा विषय वर्तमान है और क्या यह सभी पर लागू होता है, यदि ऐसा है, तो फिर रेसार्टमैन क्लास का अपना उदाहरण बनाएं। यहाँ स्पष्टता के लिए एक नमूना कोड है

 public class BasicActivity extends Activity { private ResourceManager manager = null; @Override public Resources getResources() { if (App.checkCurrentSkin()) { if (manager == null) { manager = new ResourceManager(super.getResources()); } return manager; } else return super.getResources(); } } 

यह सब आपको बुनियादी गतिविधि में करने की आवश्यकता है।
अब हमारे ResourseManager पर जाएं। इसमें, हमें निश्चित रूप से एक कंस्ट्रक्टर की आवश्यकता होती है, साथ ही ओवरराइड विधियों getColor (int id), loadDrawable (TypedValue value, int id), getColorStateList (int id) की आवश्यकता होती है। पिछले दो तरीकों से हमें छोटी समस्याएं हैं - वे बैच हैं। इसका मतलब है कि हमारे पास उनकी पहुंच नहीं है। लेकिन ऐसे मामलों में, JAVA प्रतिबिंब हमारी सहायता के लिए आता है! यह कैसे काम करता है, आप खुद को परिचित कर सकते हैं, मैं नहीं बताऊंगा, क्योंकि यह मेरे लेख का विषय नहीं है। बस आपको एक बेहतर समझ के लिए कोड देना चाहिए।

 public class ResourceManager extends Resources { Skin mSkin = App.getCurrentSkin(); Method loadDrawable; Method loadColorStateList; Resources mBaseResources; public ResourceManager(Resources baseResources) { super(baseResources.getAssets(), baseResources.getDisplayMetrics(), baseResources.getConfiguration()); mBaseResources = baseResources; Method[] methods = Resources.class.getDeclaredMethods(); for (Method method : methods) { if (method.getName().equals("loadDrawable")) { loadDrawable = method; loadDrawable.setAccessible(true); } else if (method.getName().equals("loadColorStateList")) { loadColorStateList = method; loadColorStateList.setAccessible(true); } } } 

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

 @Override public int getColor(int id) throws NotFoundException { String color; switch (id) { case R.color.chat_in: color = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_RECEIVE_MESSAGE_BUBLE).getBackgroundColor(); //    #b7c0c7 return Color.parseColor(color); case R.color.chat_send: color = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_SEND_MESSAGE_BUBLE).getBackgroundColor(); return Color.parseColor(color); …. 

अगली विधि

 public Drawable loadDrawable(TypedValue value, int id) { Drawable d = null; String color; String colorSel; GradientDrawable result; switch (value.resourceId) { case R.color.color_background_main: color = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_VIEW).getBackgroundColor(); return new ColorDrawable(Color.parseColor(color)); case R.drawable.button_blue_selector: color = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_BUTTON_BLUE).getBackgroundColor(); colorSel = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_BUTTON_BLUE).getHighlightedBackgroundColor(); return createSelector(Color.parseColor(color), getDarkerColor(color), colorSel); case R.drawable.chat_in: color = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_RECEIVE_MESSAGE_BUBLE).getBackgroundColor(); result = new GradientDrawable(Orientation.TOP_BOTTOM, new int[]{Color.parseColor(color), Color.parseColor(color)}); result.setCornerRadius(25); return result; case R.drawable.list_view_selector: colorSel = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_TABLE_VIEW_CELL) .getHighlightedBackgroundColor(); ColorDrawable drawable = new ColorDrawable(Color.parseColor(colorSel)); StateListDrawable listDrawable = new StateListDrawable(); listDrawable.addState(new int[]{android.R.attr.state_pressed}, drawable); return listDrawable; case R.drawable.button_last_menu_selector: color = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_TABLE_VIEW_CELL).getBackgroundColor(); colorSel = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_TABLE_VIEW_CELL) .getHighlightedBackgroundColor(); return createSelectorForDifferentCorers(Color.parseColor(color), getDarkerColor(color), colorSel, 0, 0, 15, 15); default: break; } try { d = (Drawable) loadDrawable.invoke(mBaseResources, value, id); } catch (IllegalArgumentException e) { e.printStackTrace(); } catch (IllegalAccessException e) { e.printStackTrace(); } catch (InvocationTargetException e) { e.printStackTrace(); } return d; } 

और आखिरी

 @Override public ColorStateList getColorStateList(int id) throws NotFoundException { String color; String colorSel; ColorStateList res; switch (id) { case R.drawable.tab_text_selector: color = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_TABBAR_ITEM).getTextColor(); colorSel = mSkin.getControlWithType(SkinConstants.SKIN_CONTROL_TABBAR_ITEM).getHighlightedTextColor(); res = new ColorStateList(new int[][]{new int[]{android.R.attr.state_selected}, new int[]{-android.R.attr.state_selected}}, new int[]{Color.parseColor(colorSel), Color.parseColor(color)}); return res; default: break; } return super.getColorStateList(id); } 

इस कोड से यह स्पष्ट है कि हम प्रोग्रामेटिक रूप से सभी ड्राबल्स बनाते हैं। उदाहरण के लिए

 private Drawable createSelectorForDifferentCorers(int startColor, int endColor, String colorSel, float topLeft, float topRight, float bottomRight, float bottomLeft) { StateListDrawable drawable = new StateListDrawable(); GradientDrawable gradientDrawable1 = new GradientDrawable(Orientation.TOP_BOTTOM, new int[]{startColor, endColor}); GradientDrawable gradientDrawable2 = new GradientDrawable(Orientation.TOP_BOTTOM, new int[]{ Color.parseColor(colorSel), getDarkerColor(colorSel)}); gradientDrawable1.setShape(GradientDrawable.RECTANGLE); gradientDrawable1.setCornerRadii(new float[]{topLeft, topLeft, topRight, topRight, bottomRight, bottomRight, bottomLeft, bottomLeft}); gradientDrawable1.setStroke(1, endColor); gradientDrawable2.setShape(GradientDrawable.RECTANGLE); gradientDrawable2.setCornerRadii(new float[]{topLeft, topLeft, topRight, topRight, bottomRight, bottomRight, bottomLeft, bottomLeft}); gradientDrawable2.setStroke(1, endColor); drawable.addState(new int[]{android.R.attr.state_pressed}, gradientDrawable2); drawable.addState(new int[]{android.R.attr.state_checked}, gradientDrawable2); drawable.addState(new int[]{-android.R.attr.state_selected}, gradientDrawable1); return drawable; } 

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

 Drawable example = ImageManager.blendColorDrawable(this, R.drawable.arrow, R.color.color_2_end); 

और हम इसके साथ कुछ भी कर सकते हैं। कम से कम टैब पर एक आइकन डालें।

 public static Drawable blendColorDrawable(Context context, int baseId, int colorId) { Resources res = context.getResources(); BitmapFactory.Options options = new BitmapFactory.Options(); options.inPreferredConfig = Bitmap.Config.ARGB_8888; Bitmap base = BitmapFactory.decodeResource(res, baseId, options); Bitmap blend = Bitmap.createBitmap(base.getWidth(), base.getHeight(), Config.ARGB_8888); blend.eraseColor(context.getResources().getColor(colorId)); Bitmap result = base.copy(Config.ARGB_8888, true); Paint p = new Paint(); p.setXfermode(new PorterDuffXfermode(Mode.MULTIPLY)); p.setShader(new BitmapShader(blend, TileMode.CLAMP, TileMode.CLAMP)); Canvas c = new Canvas(); c.setBitmap(result); c.drawBitmap(base, 0, 0, null); c.drawRect(0, 0, base.getWidth(), base.getHeight(), p); return new BitmapDrawable(context.getResources(), result); 

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

पुनश्च याद रखें, परिवर्तनों को प्रभावी करने के लिए, आपको गतिविधि को फिर से बनाने की आवश्यकता है

अद्यतन: मैं यह नोट करना चाहता हूं कि यह तरीका उन लोगों के लिए है जिनके पास खाल (थीम) हैं - ये गतिशील वस्तुएं हैं जिन्हें आप अग्रिम में xml में नहीं लिख सकते हैं।