13

我有一个应用程序,我需要在其中实现日/夜主题。不幸的是,没有简单的方法通过使用样式来制作主题,我需要能够更新:布局背景、按钮选择器、文本颜色、文本大小、图像、图标、动画。

据我所知,我有两个选择:

  1. 晚上/白天有不同的 xml 布局文件,比如home_day.xml/ home_night.xml。应用程序中大约有 30 个屏幕,因此最终将有 60 个 xml 布局。在活动/片段 onCreate 上,基于当前时间我可以setContentView。这会添加更多 xml 文件,但避免在活动中添加更多代码

  2. onCreate对于我想要主题化的每个项目,只有一个日/夜布局和活动的findviewById 布局,并根据当前的日/夜更新他的属性。这可能会为许多视图生成大量额外代码、查找视图和应用属性。

我的目标是2。但我愿意接受你的任何建议。那么,你会选择什么,为什么?

4

6 回答 6

19

我将-night用作夜间模式的资源集限定符,将您的夜间特定资源放在那里。

Android 已经有了夜间模式的概念,根据一天中的时间和传感器在夜间和白天模式之间切换。因此,您可以考虑使用它。

例如,要根据模式创建不同的主题,请创建res/values/styles.xmlres/values-night/styles.xml. 在每个文件中都有一个同名的主题(例如,AppTheme),但要根据您想要的白天和夜间模式之间的差异来定制主题。当您通过名称(例如,在清单中)引用您的主题时,Android 将自动加载正确的资源,如果在这些活动运行时模式发生变化,Android 将自动销毁并重新创建您的活动。

现在,如果您想要手动用户控制是否使用以夜间为主题的 UI,-night将无济于事。

于 2013-08-01T21:24:30.730 回答
16

查看本教程以获取完整的分步示例:单击此处

使用 Appcompat v23.2 支持库添加自动切换昼夜主题

build.gradle在文件中添加以下行

compile 'com.android.support:appcompat-v7:23.2.0'

使您的主题样式styles.xml如下

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
        <item name="android:textColorPrimary">@color/textColorPrimary</item>
        <item name="android:textColorSecondary">@color/textColorSecondary</item>
    </style>
</resources>

现在添加以下行代码onCreate()方法来设置整个应用程序的主题。

对于设置默认自动切换夜间模式,请使用

AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_AUTO);

对于设置默认夜间模式使用

AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);

对于设置默认日模式使用

AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);

在此处输入图像描述

于 2016-03-11T08:36:54.687 回答
5

这是我的解决方案:

  • 我想拥有自动昼/夜功能,但不必在 android 中启用繁琐的汽车模式。

-> 从 NOAA 网页中,可以找到算法来计算给定特定位置和日期的地平线上的太阳高度。

--> 使用这些算法,我创建了一个计算太阳在地平线上的高度的方法,给定两个纬度和经度和一个日历

public class SolarCalculations {

    /**
     * Calculate height of the sun above horizon for a given position and date
     * @param lat Positive to N
     * @param lon Positive to E
     * @param cal Calendar containing current time, date, timezone, daylight time savings
     * @return height of the sun in degrees, positive if above the horizon
     */
    public static double CalculateSunHeight(double lat, double lon, Calendar cal){

        double adjustedTimeZone = cal.getTimeZone().getRawOffset()/3600000 + cal.getTimeZone().getDSTSavings()/3600000;

        double timeOfDay = (cal.get(Calendar.HOUR_OF_DAY) * 3600 + cal.get(Calendar.MINUTE) * 60 + cal.get(Calendar.SECOND))/(double)86400;

        double julianDay = dateToJulian(cal.getTime()) - adjustedTimeZone/24;

        double julianCentury = (julianDay-2451545)/36525;

        double geomMeanLongSun = (280.46646 + julianCentury * (36000.76983 + julianCentury * 0.0003032)) % 360;

        double geomMeanAnomSun = 357.52911+julianCentury*(35999.05029 - 0.0001537*julianCentury);

        double eccentEarthOrbit = 0.016708634-julianCentury*(0.000042037+0.0000001267*julianCentury);

        double sunEqOfCtr = Math.sin(Math.toRadians(geomMeanAnomSun))*(1.914602-julianCentury*(0.004817+0.000014*julianCentury))+Math.sin(Math.toRadians(2*geomMeanAnomSun))*(0.019993-0.000101*julianCentury)+Math.sin(Math.toRadians(3*geomMeanAnomSun))*0.000289;

        double sunTrueLong = geomMeanLongSun + sunEqOfCtr;

        double sunAppLong = sunTrueLong-0.00569-0.00478*Math.sin(Math.toRadians(125.04-1934.136*julianCentury));

        double meanObliqEcliptic = 23+(26+((21.448-julianCentury*(46.815+julianCentury*(0.00059-julianCentury*0.001813))))/60)/60;

        double obliqueCorr = meanObliqEcliptic+0.00256*Math.cos(Math.toRadians(125.04-1934.136*julianCentury));

        double sunDeclin = Math.toDegrees(Math.asin(Math.sin(Math.toRadians(obliqueCorr))*Math.sin(Math.toRadians(sunAppLong))));

        double varY = Math.tan(Math.toRadians(obliqueCorr/2))*Math.tan(Math.toRadians(obliqueCorr/2));

        double eqOfTime = 4*Math.toDegrees(varY*Math.sin(2*Math.toRadians(geomMeanLongSun))-2*eccentEarthOrbit*Math.sin(Math.toRadians(geomMeanAnomSun))+4*eccentEarthOrbit*varY*Math.sin(Math.toRadians(geomMeanAnomSun))*Math.cos(2*Math.toRadians(geomMeanLongSun))-0.5*varY*varY*Math.sin(4*Math.toRadians(geomMeanLongSun))-1.25*eccentEarthOrbit*eccentEarthOrbit*Math.sin(2*Math.toRadians(geomMeanAnomSun)));

        double trueSolarTime = (timeOfDay*1440+eqOfTime+4*lon-60*adjustedTimeZone) % 1440;

        double hourAngle;
        if(trueSolarTime/4<0)
            hourAngle = trueSolarTime/4+180;
        else
            hourAngle = trueSolarTime/4-180;

        double solarZenithAngle = Math.toDegrees(Math.acos(Math.sin(Math.toRadians(lat))*Math.sin(Math.toRadians(sunDeclin))+Math.cos(Math.toRadians(lat))*Math.cos(Math.toRadians(sunDeclin))*Math.cos(Math.toRadians(hourAngle))));

        double solarElevation = 90 - solarZenithAngle;

        double athmosphericRefraction;
        if(solarElevation>85)
            athmosphericRefraction = 0;
        else if(solarElevation>5)
            athmosphericRefraction = 58.1/Math.tan(Math.toRadians(solarElevation))-0.07/Math.pow(Math.tan(Math.toRadians(solarElevation)),3)+0.000086/Math.pow(Math.tan(Math.toRadians(solarElevation)),5);
        else if(solarElevation>-0.575)
            athmosphericRefraction = 1735+solarElevation*(-518.2+solarElevation*(103.4+solarElevation*(-12.79+solarElevation*0.711)));
        else
            athmosphericRefraction = -20.772/Math.tan(Math.toRadians(solarElevation));
        athmosphericRefraction /= 3600;

        double solarElevationCorrected = solarElevation + athmosphericRefraction;

        return solarElevationCorrected;

    }


    /**
     * Return Julian day from date
     * @param date
     * @return
     */
    public static double dateToJulian(Date date) {

        GregorianCalendar calendar = new GregorianCalendar();
        calendar.setTime(date);

        int a = (14-(calendar.get(Calendar.MONTH)+1))/12;
        int y = calendar.get(Calendar.YEAR) + 4800 - a;

        int m =  (calendar.get(Calendar.MONTH)+1) + 12*a;
        m -= 3;

        double jdn = calendar.get(Calendar.DAY_OF_MONTH) + (153.0*m + 2.0)/5.0 + 365.0*y + y/4.0 - y/100.0 + y/400.0 - 32045.0 + calendar.get(Calendar.HOUR_OF_DAY) / 24 + calendar.get(Calendar.MINUTE)/1440 + calendar.get(Calendar.SECOND)/86400;

        return jdn;
    } 
}

然后在 MainActivity 我有一个方法每 5 分钟检查一次太阳在给定位置的高度:

 if(displayMode.equals("auto")){
        double sunHeight = SolarCalculations.CalculateSunHeight(lat, lon, cal);
        if(sunHeight > 0 && mThemeId != R.style.AppTheme_Daylight)
        {//daylight mode
            mThemeId = R.style.AppTheme_Daylight;   
            this.recreate();
        }
        else if (sunHeight < 0 && sunHeight >= -6 && mThemeId != R.style.AppTheme_Dusk)
        {//civil dusk
            mThemeId = R.style.AppTheme_Dusk;
            this.recreate();
        }
        else if(sunHeight < -6 && mThemeId != R.style.AppTheme_Night)
        {//night mode
            mThemeId = R.style.AppTheme_Night;
            this.recreate();
        }
    }

此方法设置要使用的当前样式,我有其中的三个。两个代表白天和夜晚,一个代表黄昏,此时阳光开始折射到大气中

<!-- Application theme. -->
<style name="AppTheme.Daylight" parent="AppBaseTheme">
    <item name="android:background">@color/white</item>
    <item name="android:panelBackground">@color/gray</item>
    <item name="android:textColor">@color/black</item>
</style>

<style name="AppTheme.Dusk" parent="AppBaseTheme">
    <item name="android:background">@color/black</item>
    <item name="android:panelBackground">@color/gray</item>
    <item name="android:textColor">@color/salmon</item>
</style>

<style name="AppTheme.Night" parent="AppBaseTheme">
    <item name="android:background">@color/black</item>
    <item name="android:panelBackground">@color/gray</item>
    <item name="android:textColor">@color/red</item>
</style>

这一直运作良好,并考虑到夏令时校正。

资料来源:

NOAA 日出 日落

朱利安日

于 2014-04-17T02:57:18.950 回答
4

实际上,您似乎也可以使用主题来描述自定义可绘制对象。看一看:如何在 Android 上切换夜间模式和日间模式主题?. 您可以使用样式块创建主题,然后在 xml 布局中使用 ?attr 在主题中指定某些内容。然后您应该能够在下一个活动中调用 setTheme(R.styles.DAY_THEME) 并且所有内容都应该更新。

于 2013-08-01T18:41:07.407 回答
1

更新的答案

  1. 启用深色主题:

    AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
    
  2. 强制禁用深色主题:

    AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)
    
  3. 根据暗模式的移动设置设置应用主题,即如果启用暗模式,则主题将设置为暗主题,否则将设置为默认主题,但这仅适用于版本> = Android版本Q

    AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_FOLLOW_SYSTEM)
    

笔记:

  1. 您的应用程序/活动的基本主题应该是

“主题.AppCompat.DayNight”

喜欢

<style name="DarkTheme" parent="Theme.AppCompat.DayNight">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>
  1. 您的 res 文件夹的名称将以 -night 结尾,以便您可以为白天和夜间主题设置不同的颜色和图像,例如

drawable & drawable-night,
values & values-night

于 2020-05-19T10:22:36.323 回答
0
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
于 2020-02-12T10:10:02.037 回答