彩票走势图

使用Altova Mobile Together创建自动支持深色主题的移动应用程序

翻译|使用教程|编辑:况鱼杰|2021-02-18 14:54:16.047|阅读 113 次

概述:Android和Apple移动设备支持称为“深色主题”的显示选项,您可以将其视为普通屏幕显示的几乎是负面图像。 在“深色主题”中,白色为黑色,黑色为白色,并且通常调整色彩强度。 Dark Theme降低了电源需求,可以延长电池充电的运行时间,并且在弱光下更易于查看。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

Altova  Mobile Together为用户所选择的设备提供指定时间内无缝、及时的生产能力。MobileTogether对应用程序进行精心渲染,从所处设备,到外形因素再到屏幕方向,最大限度的为开发人员和终端用户提供功能性与灵活性。

立即下载最新版Altova  Mobile Together


Android和Apple移动设备支持称为“深色主题”的显示选项,您可以将其视为普通屏幕显示的几乎是负面图像。 在“深色主题”中,白色为黑色,黑色为白色,并且通常调整色彩强度。 Dark Theme降低了电源需求,可以延长电池充电的运行时间,并且在弱光下更易于查看。

Altova MobileTogether包括使开发人员可以通过在启动应用程序时检测用户设置来创建自动支持Dark Theme的移动应用程序的功能。

让我们看一个例子:

下面显示的是在同一移动设备上以“浅色主题”和“深色主题”运行的移动应用程序的两个视图。

该应用程序使用户可以通过抄表记录太阳能电池板的生产和电力消耗,并生成图表以说明数据并跟踪一段时间内的剩余电量。

许多住宅太阳能发电系统以零净额计费连接到公用电网。安装在屋顶上的太阳能电池板仅在阳光明媚时才为房屋供电。晚上或需求超过生产量时都来自电网当系统产生的电能超过家庭消耗的电能时,多余的电能将反馈到电网并补充公用事业的发电能力。

Altova MobileTogether使移动开发人员可以轻松地在MobileTogether Designer中创建跨平台的移动应用程序,该应用程序结合了拖放式UI设计工具,功能强大的Action Tree可视化编程语言进行事件处理,以及用于数据选择和处理的标准化功能性编程加工。

该应用程序的每个组件都是高度可定制的,但是默认情况下,诸如文本颜色,按钮,规则,边框甚至窗口背景之类的元素都是在每个设备的系统默认值中实现的。MobileTogether Designer包括一个样式帮助器窗口,开发人员可以在其中指定总体项目设置,包括浅色或深色主题的设置。

主题设置的选项是“使用系统设置”,“强制浅色主题”或“强制深色主题”。 默认值为使用系统设置,因此开发人员可以自动支持Dark Theme,而无需执行任何特殊操作。

在自定义颜色的图表中自动支持深色主题

有些元素可能需要自定义颜色设置,开发人员可以为“浅色主题”和“深色主题”指定替代项。 第一步是检测哪个用户设置有效。

MobileTogether包含全局变量,使开发人员可以在运行时检测用户设备设置并根据设备功能对适当的操作进行编程。 MobileTogether Designer的“全局变量”对话框列出了所选模拟设备的所有全局变量及其值。

上方突出显示了特定Android手机的默认页面背景颜色。 如果设备处于“深色主题”,则此值会更改。十六进制值越低表示阴影越深,值越高则越浅。

十六进制值#808080为阴影50%灰色。 我们可以创建一个XPath表达式来在运行时测试该值,并假设任何默认的背景色深于50%灰色,则表示该设备处于“深色主题”中。Designer Simulation窗口中的XPath Evaluator是一个不错的便笺簿,用于计算表达式的确切语法:

此表达式将十六进制字符串转换为整数,将其与50%灰色的值进行比较,然后根据结果选择黑色或白色的字符串值。 这是一个很好的表达方式,可以自动为“浅色主题”或“深色主题”选择一种文本颜色,因此让我们将其应用于用户功能:

MobileTogether包含的功能可轻松构建在所有平台上具有相同外观的丰富图表。 顶部显示的示例Solar Tool应用程序使用条形图来说明覆盖在显示用电量的面积图上的每日太阳能发电量。 开发人员从一系列“图表创建”对话框中选择这些图表的设置,例如此处显示的“更改外观”对话框:

这些对话框中的许多设置颜色,例如本示例中的背景颜色和边框颜色。 但是,我们具有完全控制权,可以基于动态XPath设置覆盖这些默认值,这些默认值在运行时在客户端设备上进行评估。

单击此按钮将打开一个对话框,其中包含用于为每个图表功能设置XPath值或表达式的选项。 在下图中,我们设置了在“图表设置”对话框中指定为黑色或白色的所有元素的值。 我们将原始白色元素设置为默认背景色,并设置黑色元素(如文本和边框)以使用我们的AutoTextColor()函数。

我们在“创建设置”对话框中将其他元素(例如,每个轴的网格线)设置为适用于任一主题的浅灰色阴影。 每个图表的每一层都有一个单独的“动态XPath设置”对话框,但是一旦它们全部被编辑,就可以了。 将自动为“浅色主题”和“深色主题”正确创建图表。

这是一部Android手机,显示“深色主题”和“浅色主题”中的累积盈余图表:

如果您准备创建基于用户设置自动支持深色主题的用户友好型移动应用程序,只需下载免费的MobileTogether Designer。 并确保查看“ MobileTogether演示”页面,其中包含视频,教程和更多演示应用程序的链接。


如果您想要获得Altova MobileTogether的正版授权产品,可以点击在线客服>>了解


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP