云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

京东云_网宿cdn_企业级

小七 141 0

灵感:

你会看到你的一些应用程序(如谷歌地图)、笔记本电脑背景屏幕(如Mac电脑)在晚上自动将背景颜色/整体主题从明暗模式更改为明暗模式,并在早上更改回来。

如果我们能在你的UI5应用程序上做这样的事情,那会有多酷?

最终结果:

黑暗和光明模式

这个想法是这样的-一旦应用程序加载,它得到你的地理位置,淘客联盟,然后根据它确定该位置的日落时间,如果你的当前时间大于日落时间,更改为深色主题或浅色主题。

优点:

由于应用程序完全基于您的地理位置,因此您不需要任何特定于国家/地区的编码来查找日落时间或更改模式,等等

对于在应用程序上花费大量时间而忘记时间的用户来说,这是一个非常好的视觉帮助,可以让他/她知道它的夜晚/过去的日落。

技术方法:

我们正在使用window.navigator.geolocation找到你的坐标,并使用开源的sunrise-sunset api获取该地理位置的日落时间。

首先,假设我们有一个函数fnChangeTheme,我们将在呈现第一个视图时调用该函数,我们每分钟都调用该函数,以不断检查我们的时间是否已超过日落时间。

现在我们的fnChangeTheme()函数是什么

我们称之为navigator.geolocation.getCurrentPosition()函数,fnGetSunset作为我们获取当前位置后的回调函数。

fnGetSunset接受当前位置并调用开源sunrise-sunset api,考虑传递的位置,我们只关心日落时间返回。

只是一个粗略的代码-如果当前时间小时大于或等于日落时间小时,这意味着我们已经越过了日落,好评返现图片,所以将主题更改为黑暗主题,否则将其更改为光明主题。

就差不多了。

结论:

在编码方面有很多改进点或更好的方法,但是这只是一个简单的方法,让一个想法到位。欢迎就如何增强或改进方法提出建议。

代码可在GitHub上获得

快乐学习!

干杯!

更新:6月30日

我得到一些反馈,也有一些方法,怎么做淘客,使它成为一个简单的可配置的FLP插件,物联网的应用实例,如果说公司有一个政策,让人们知道它的晚上/长时间工作时间后1600小时(下午4点),云报,那么你可以简单地配置插件在FLP与参数configHrs=16和插件将负责转移下午4点主题

我假设创建一个shell插件我不需要解释,因为同一个插件上有足够多的文章