android 白天模式/夜间模式切换

在android中,实现白天模式和夜间模式的切换,实际是两个主题的切换,主题之间的切换可以参考文章《android 在各种版本下实现切换主题》
谈论到此,如何实现白天模式和夜间模式的切换,就只剩下这两个主题的定义问题了!
如何定义呢?

一。定义主题的属性

通常情况下,在主题文件style里,定义主题属性,都是系统默认的熟悉,例如:

  <style name="DayTheme" parent="@style/Theme.AppCompat.NoActionBar">
        <item name="android:dialogTheme">@android:style/Theme.Holo.Light.Dialog</item>
    </style>

但是这种定义,是针对app中所有使用到该地方的属性,并不能做到差异化设置。如果想做到差异化设置 ,就需要自己设置属性,有差异的设置值了。
定义主题的属性,首先需要在values文件夹下建一个以resources为根节点的资源文件,例如我们要建一个布局文件根节点的背景属性,:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!--白天夜晚主题:布局文件根节点的背景属性-->
    <attr name="layoutparentbg" format="color"/>
</resources>

该属性就已经建立好了,下面就需要在style文件里使用了!

二。如何引用自定义的主题属性

上面创建的一个自定义主题属性,需要引用到布局文件根节点的地方,可以这么引用,进行设置布局文件的背景:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"  

android:background="?layoutparentbg"

    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <include
        layout="@layout/toolbar_title_only"
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"/>

    <TextView
        android:id="@+id/line0"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/toolbar"
        android:layout_marginTop="@dimen/intro_margin_15"
        android:background="@color/common_line"/>
        </RelativeLayout>

该文件的背景是这么设置的:android:background=”?layoutparentbg”,引用的是主题值,所以不指定具体的,而具体的值在主题里指定!(布局文件的Demo无实际意义,仅作示例)

三.创建主题文件style

在创建主题时,如果该主题的属性针对app的整个所有属性,使用系统属性;如果该属性只针对某一个地方几个地方使用,推荐使用自定义属性!
现在针对Demo 需要,写一个简单地style文件:

<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <!--白天主题-->
    <style name="DayTheme" parent="@style/Theme.AppCompat.NoActionBar">
        <item name="android:dialogTheme">@android:style/Theme.Holo.Light.Dialog</item>
        <item name="layoutparentbg">@color/white</item>
    </style>
    <!--夜晚主题-->
    <style name="NightTheme" parent="@style/Theme.AppCompat.NoActionBar">
        <item name="android:dialogTheme">@android:style/Theme.Holo.Light.Dialog</item>
        <item name="layoutparentbg">@color/deep_black</item>
    </style>
    </resources>

通过这三步,主题的使用就基本可以了!
参考文档:http://www.mamicode.com/info-detail-1013910.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值