夜间模式实现
所谓的夜间模式,就是能够根据不同的设定,呈现不同风格的界面给用户,而且晚上看着不伤眼睛,实现方式也就是所谓的换肤(主题切换)。对于夜间模式的实现网上流传了很多种方式。也反编译了几个新闻类(你懂得)夜间模式实现的比较的好的App,好歹算是实现了。方式有很多,我现在把我所实现原理(内置主题的方式)分享出来,希望能帮到大家,不喜勿喷(近来笔者小心肝不太安生),有更好的方法也欢迎分享。
实现夜间模式的时候,我一直纠结下面几个问题
选中夜间模式,如何才能使当前所看到的页面立即呈现出夜间模式的效果又不闪屏
其他页面如何设置,特别是在Actionbar上的或者有侧边栏Menu的,比如使用了(actionbar――sherlock)库。
上面的问题咱们先一个一个解决:
其一:从何处着手
1.1定义属性
要想根据主题的不同,设置不同属性,我们至少需要定义下属性的名字吧。要不然系统怎么知道去哪找啊!
定义属性,是在values下进行。
在attrs.xml里定义了几种属性。
<?xml version="1.0" enCoding="utf-8"?> <resources> <attr name="colorValue" format="color" /> <attr name="floatValue" format="float" /> <attr name="integerValue" format="integer" /> <attr name="booleanValue" format="boolean" /> <attr name="dimensionValue" format="dimension" /> <attr name="stringValue" format="string" /> <attr name="referenceValue" format="color|reference" /> <attr name="imageValue" format="reference"/> <attr name="curVisibility"> <enum name="show" value="0" /> <!-- Not displayed,but taken into account during layout (space is left for it). --> <enum name="inshow" value="1" /> <!-- Completely hIDden,as if the vIEw had not been added. --> <enum name="hIDe" value="2" /> </attr> </resources>
从上面的xml文件的内容可以看到,attr里可以定义各种属性类型,如color、float、integer、boolean、dimension(sp、dp/dip、px、pt...)、reference(指向本地资源),还有curVisibility是枚举属性,对应vIEw的invisibility、visibility、gone。
1.2定义主题
接着,我们需要在资源文件中定义若干套主题。并且在主题中设置各个属性的值。
本例中,我在styles.xml里定义了Daytheme与Nighttheme。
<style name="Daytheme" parent="theme.Sherlock.light">> <item name="colorValue">@color/Title</item> <item name="floatValue">0.35</item> <item name="integerValue">33</item> <item name="booleanValue">true</item> <item name="dimensionValue">16dp</item> <!-- 如果string类型不是填的引用而是直接放一个字符串,在布局文件中使用正常,但代码里获取的就有问题 --> <item name="stringValue">@string/action_settings</item> <item name="referenceValue">@drawable/bg</item> <item name="imageValue">@drawable/launcher_icon</item> <item name="curVisibility">show</item> </style> <style name="Nighttheme" parent="theme.Sherlock.light"> <item name="colorValue">@color/night_Title</item> <item name="floatValue">1.44</item> <item name="integerValue">55</item> <item name="booleanValue">false</item> <item name="dimensionValue">18sp</item> <item name="stringValue">@string/night_action_settings</item> <item name="referenceValue">@drawable/night_bg</item> <item name="imageValue">@drawable/night_launcher_icon</item> <item name="curVisibility">hIDe</item> </style>
1.3在布局文件中使用
定义好了属性,我们接下来就要在布局文件中使用了。
为了使用主题中的属性来配置界面,我定义了一个名为setting.xml布局文件。
<?xml version="1.0" enCoding="utf-8"?> <linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" androID:background="?attr/referenceValue" androID:orIEntation="vertical" > <TextVIEw androID:ID="@+ID/setting_color" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:text="TextVIEw" androID:textcolor="?attr/colorValue" /> <CheckBox androID:ID="@+ID/setting_show_answer_switch" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:checked="?attr/booleanValue"/> <TextVIEw androID:ID="@+ID/setting_Title" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:textSize="?attr/dimensionValue" androID:text="@string/text_Title" androID:textcolor="?attr/colorValue" /> <TextVIEw androID:ID="@+ID/setting_Text" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:text="?attr/stringValue" /> <ImageVIEw androID:ID="@+ID/setting_Image" androID:layout_wIDth="wrap_content" androID:layout_height="wrap_content" androID:src="?attr/imageValue" /> <VIEw androID:ID="@+ID/setting_line" androID:layout_wIDth="match_parent" androID:layout_height="1dp" androID:visibility="?attr/curVisibility" /> </linearLayout>
从这个布局文件中可以看到,通过“?attr/……” 格式来引用主题中的值,包括(字符串、图片、bool类型、尺寸设置等)。
1.4设置主题及布局文件
布局文件与主题都写好了,接下来我们就要在Activity的onCreate方法里使用了。
大致应该像这样子的:
@OverrIDe protected voID onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); if(MyApplication.appConfig.getNightmodeSwitch()){ this.settheme(R.style.Nighttheme); }else{ this.settheme(R.style.Daytheme); } setContentVIEw(R.layout.setting); …… }
ps:
如果你使用的fragment 大致应该像下面的样子:
@OverrIDe public VIEw onCreateVIEw(LayoutInflater inflater,VIEwGroup container,Bundle savedInstanceState) { if(MyApplication.appConfig.getNightmodeSwitch()){ getActivity().settheme(R.style.Nighttheme); }else{ getActivity().settheme(R.style.Daytheme); } final VIEw vIEw = inflater.inflate(R.layout.setting,null); …… }
ps:建议放到onCreateVIEw(……)方法里面。
值得注意的是,要是默认主题里没那些属性,解析布局文件时候是会crash。这点在配置多个不同style时要主题时,属性可以多,但一定不能少。
比如在attrs.xml文件中
<item name="floatValue">1.44</item> <item name="integerValue">55</item>
这两个属性没有用到,但却没有问题。
如果按照上面的 *** 作完毕之后,程序运行起来应该就会看到效果了
那第二个问题呢?
直接看源码
源码地址:NightModel_jb51.rar
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。
总结以上是内存溢出为你收集整理的Android 夜间模式的实现代码示例全部内容,希望文章能够帮你解决Android 夜间模式的实现代码示例所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)