Android主题切换实现夜间模式

一直很希望Android有个系统全局功能：夜间模式。

就是在设置里提供一个ToggleButton，打开或者关闭夜间模式。同时在新的API里提供接口，对所有支持夜间模式的应用进行统一调度。打开总开关，默认开启其他第三方应用的夜间模式。然后也设置一个规则，可忽略某个软件。再自动化一些，可以设置个时间段，即默认开启夜间模式的时间段。

这个Feature的实现必然要第三方开发者支持。虽然有时候夜间模式看起来可有可无，但是对于喜欢睡前玩一下手机的人来说，也是个挺人性化的功能呢。

当然目前Android API还没有这个，不过我们还是可以在自己应用中给用户接口，让用户选择夜间模式，或者设置个时间段触发该功能。

写了个小Demo，简单了实现了切换夜间模式，总结一下：

在工程目录res/values/下新建attrs.xml，内容如下：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.   
4.     <attr name="btnColor" format="color" />  
5.     <attr name="mainBackground" format="color" />  
6.     <attr name="mainTextColor" format="reference|color" />  
7.     <attr name="textString" format="string" />  
8.   
9. </resources>  

然后就是在style中定义两种主题，每一种主题都要至少包含以上attrs中的几种属性：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.   
4.     <!-- 默认 -->  
5.     <style name="MyThemeDefault" parent="@android:style/Theme">  
6.         <item name="btnColor">#00ff00</item>  
7.         <item name="mainBackground">#ffffff</item>  
8.         <item name="mainTextColor">#000000</item>  
9.         <item name="textString">默认主题</item>  
10.     </style>  
11.   
12.     <!-- 夜间 -->  
13.     <style name="MyThemeNight" parent="@android:style/Theme">  
14.         <item name="btnColor">#0000ff</item>  
15.         <item name="mainBackground">#000000</item>  
16.         <item name="mainTextColor">#ffffff</item>  
17.         <item name="textString">夜间主题</item>  
18.     </style>  
19.   
20. </resources>  

主题定义好了，然后就是在布局文件中引用了，里面有？号的地方就是引用以上定义的label：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent"  
5.     android:background="?mainBackground"  
6.     android:orientation="vertical" >  
7.   
8.     <TextView  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="wrap_content"  
11.         android:text="?textString" />  
12.   
13.     <ImageView  
14.         android:id="@+id/ivBook"  
15.         android:layout_width="62dip"  
16.         android:layout_height="42dip"  
17.         android:layout_gravity="center"  
18.         android:layout_marginTop="0dip"  
19.         android:gravity="center"  
20.         android:src="?btnColor" />  
21.   
22.     <Button  
23.         android:id="@+id/btnSet"  
24.         android:layout_width="wrap_content"  
25.         android:layout_height="wrap_content"  
26.         android:layout_marginTop="50dp"  
27.         android:text="改变主题" />  
28.   
29.     <Button  
30.         android:id="@+id/btnGet"  
31.         android:layout_width="wrap_content"  
32.         android:layout_height="wrap_content"  
33.         android:layout_marginTop="50dp"  
34.         android:text="Get Flag" />  
35.   
36. </LinearLayout>  

下面就是在Activiy中定义要使用那种主题了：

[java]  view plain copy

1. public class MainActivity extends Activity {  
2.     private boolean blFlag = false;  
3.     private ImageView ivBook;  
4.     private Button btnSet;  
5.     private Button btnGet;  
6.   
7.     @Override  
8.     public void onCreate(Bundle savedInstanceState) {  
9.         super.onCreate(savedInstanceState);  
10.         this.setTheme(R.style.MyThemeDefault);  
11.         setContentView(R.layout.main);  
12.         btnSet = (Button) findViewById(R.id.btnSet);  
13.         btnGet = (Button) findViewById(R.id.btnGet);  
14.         ivBook = (ImageView) findViewById(R.id.ivBook);  
15.         btnSet.setOnClickListener(new onClickListenerImp());  
16.         btnGet.setOnClickListener(new onClickListenerImp());  
17.         ivBook.setOnClickListener(new onClickListenerImp());  
18.   
19.     }  
20.   
21.     class onClickListenerImp implements OnClickListener {  
22.         @Override  
23.         public void onClick(View v) {  
24.             // TODO Auto-generated method stub  
25.             if (v == btnSet || v == ivBook) {  
26.                 if (blFlag) {  
27.                     setTheme(R.style.MyThemeDefault);  
28.                     blFlag = false;  
29.                 } else if (!blFlag) {  
30.                     setTheme(R.style.MyThemeNight);  
31.                     blFlag = true;  
32.                 }  
33.                 setContentView(R.layout.main);  
34.                 btnSet = (Button) findViewById(R.id.btnSet);  
35.                 btnGet = (Button) findViewById(R.id.btnGet);  
36.                 ivBook = (ImageView) findViewById(R.id.ivBook);  
37.                 btnSet.setOnClickListener(new onClickListenerImp());  
38.                 btnGet.setOnClickListener(new onClickListenerImp());  
39.                 ivBook.setOnClickListener(new onClickListenerImp());  
40.             } else if (v == btnGet) {  
41.                 Toast.makeText(MainActivity.this, "blFlag: " + blFlag,  
42.                         Toast.LENGTH_SHORT).show();  
43.             }  
44.         }  
45.   
46.     }  
47.   
48. }  

要注意的是，在onClickListenerImp()类中的

[java]  view plain copy

1. setContentView(R.layout.main);  

这句后面，要重新绑定各组件及其监听器，不然只能监听一次。这是因为在setContentView后，组件不是之前那个组件了。

到此，就实现了一个简单的主题切换实现夜间模式的小Demo。

有不明白的地方，欢迎交流。