デザインのテーマ。 ブラックジャックとウィークリファレンスを使用

かつて、私の前に、タスクはAndroidのアプリケーションのテーマを作成することでした。 私が手に入れたかったもの：

1. 外観を切り替える機能-いくつかの色とグラフィックを変更する
2. 変更はオンザフライで行う必要があります。ユーザーはデザインのみを変更し、他のすべて（入力フィールドの内容、リスト内の要素の位置など）は変更しないでください。
3. 将来的には、たとえば時間帯など、ユーザーの参加なしにトピックを変更できるようにしたい
4. 既存のコードやマークアップを大幅に変更したくありません。 理想的には、何らかの方法でマークアップの要素をマークしたいだけです
5. アプリケーションを更新せずに新しいトピックをアップロードできると便利です。

何が達成され、どのように実装されたかについて-カットの下で。







Stack OverflowとAndroidのドキュメントが提供している最も明白な方法は、Context.setThemeです。 ワンキャッチ-すべてのビューを作成する前にテーマをインストールする必要があります。 トピックをその場で切り替えることができないことはすぐにわかります。ユーザーはアクティビティ全体の完全な再作成に間違いなく気付くでしょう。 はい。各アクティビティのコードを何らかの方法で修正する必要があります。 インターネット上で他の推奨事項は見つかりませんでした（情報があれば、リンクに感謝します）。



さて、実装を書きましょう。 ブラックジャックとWeakReferenceを使用。



ポイント4から進めます。私は自分がコードを書きたくない開発者であると考えています。 私はコードを書くのが好きではないので、将来それを書かないために、たくさんのコードを書く準備ができています。 私は自分自身を助けることはできません。次のウィンドウが動的なデザイン変更の影響を受けやすいように表示されるとき、相互作用ロジックを考えたくありません。 要素の横のマークアップで、たとえば、その色が背景色と等しくなることを示したいだけです。



tagプロパティはこれに役立ちます。 たとえば、ListViewでアダプターを最適化するためのHolder'ovとして、アプリケーションタグのどこかで使用されている場合は問題ありません。 コードでは、setTag / getTagをidパラメーターと共に使用できます。 そのような場所がたくさんある場合は、検索と置換が役立ちます。



次に、簡単なタグの形式を考えます。 まず、穀物をもみ殻から分離し、このタグが実際にテーマの使用を示していることを簡単に確認します。タグは常に「！」記号で始まります。 これには、リソースの名前が続きます（「background」など）。 次に、セパレータ、「|」などのリソース、およびテキストの色、背景画像、背景色などのリソースのタイプ。 たとえば、「！Chat | tiled_bg」というタイリングを使用したチャットウィンドウの背景。 たぶん、見た目の美しさではないかもしれませんが、すぐに解析します。 このようなタグを記述するときにミスを最小限に抑えるには、それらを文字列リソースに入れて再利用することをお勧めします-アプリケーションではリソースを使用します！Primary | text_fgは77回使用されます。



最も難しい部分は背後にあり、何らかの方法でこれらのタグを処理するだけです。このようなタグを持つ要素は、「膨張」ビュー中にすぐに処理し、その後テーマを変更するたびに処理する必要があります。 「膨張」は、アクティビティのsetContentViewとLayoutInflaterの使用の2つの方法で発生します。 setContentViewから始めましょう。



このアプリケーションでは、すべてのアクティビティは少数の基本アクティビティから継承されます。 setContentViewメソッドをオーバーライドするだけです：

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

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

getDecorViewメソッドは、View階層の「ルート」を返します。

LayoutInflaterを使用してビューを作成するときに同じことを行うには、ラップします。

 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); } } } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ご覧のとおり、タグを含むビューは階層から引き出されています。 念のため、複数のセパレータ「|」が存在する可能性があると考えています。その場合、リソースは各タイプに適用されます（これは有用であることが判明する可能性があります）。



さらに、これらの要素は特定のThemedViewに変わり、すべての魔法を担当します。 notifyChangeメソッドは、現在のテーマをこのビューに適用します。 トピックの変更を通知するために、将来のためにThemedViewを保存してください。複雑なことは何もありません。

ThemedViewクラス自体は、Viewの単純なラッパーであり、コンテキストリークを防ぎます。

 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(); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

ThemedViewに戻りましょう。その子孫で、onChangeメソッドで、Viewで何が起こるかを正確に決定します。

  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 + ")"); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

types.get（要素）コードは、単に小文字の文字列でenumを返します。



おもしろいメソッドdecodeBitmap、decodeDrawable、およびgetColorは残りました。

  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として機能します。sCurrentProviderの唯一のタスクは、名前とタイプによってリソース情報を取得することです。

最も単純な実装では、いくつかのトピックIDをリソース名のプレフィックスとして追加します。

  @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



合計



冒頭で述べたように、アプリケーション自体からだけでなく、外部からもリソースをロードできることは素晴らしいことです。 ソースは、たとえば別のアプリケーションです。 この場合、パッケージ名とResourcesオブジェクトを除き、すべてが同じように機能します。 次に、PackageManager.getResourcesForApplicationから取得できます。



達成したいことをもう一度思い出してください。

1. デザインを切り替える機能-完了
2. 変更は「オンザフライ」で実行する必要があります-これで完了です
3. 将来的には、ユーザーの参加なしにトピックを変更したいと考えています-視点が見え、障害はありません
4. 既存のコードやマークアップを大幅に変更したくありません。実際、コードは大幅に変更されていますが、主に検索と置換を行うため、ここにプラス記号を追加できます。
5. アプリケーションを更新せずに新しいトピックをアップロード-準備完了

すべてがうまくいったようです。 最後まで記事をマスターした皆さんに感謝します。 誰かが説明されたテクニックを使用して、アプリケーションがユーザーの気分に適応する能力を与えることを願っています-信じてください、彼らはあなたに感謝するでしょう！



PS：さて、そして、予想通り、1分間の広告- ここにテーマを持つエージェントのアプリケーション。