英特尔XDK App设计师主题矛盾的行为

Question

我为本地商店设计了一个应用程序，一切都很好，只是标准主题表现得很奇怪。我正在使用App设计器UI框架，其中选择了默认主题和设备本机选项。但无论我选择什么选项，默认主题都会像一样 虽然主题看起来像 在设计师的观点。带有“绿色”类设置的按钮颜色也不会显示为绿色。这只发生在Android上。还有其他人遇到过吗？

Answer 1

看起来App Framework发生了变化，因此需要设置$.ui.useOSThemes = false。似乎默认情况下，它会与它认为类似于运行的任何设备的主题一起使用，因此如果您在模拟器上尝试并且设备设置为Android设备，它将始终看起来像“Android Dark” ，同样在真实设备上进行测试。要避免此默认设置，您需要将useOSThemes设置为false。这需要在App Designer中修复，但与此同时，您可以在头部的末尾添加此行（在</head>之前）：

<script>$.ui.useOSThemes = false</script>

至少那对我有用。

Answer 2

Ian Maffet的评论有答案。

您已在App Designer中选择“设备本机”主题。这意味着外观将根据设备而改变。当你去Android时，你会发现它看起来像Android。在App Designer本身（不是设备）中，它只使用默认的App Framework主题。

如果您想在App Designer中了解它的外观，请简要选择设备主题。例如，选择Android Dark，您将看到在模拟器中看到的相同内容。

如果您希望App Designer中现在看到的内容与设备上的内容一致，请选择“App Framework”主题。

对于绿色按钮，Android Dark会“抑制”这种绿色风格。这不是一个错误，这是预期的行为。如果您激活Android Dark主题选项，您也可以在App Designer中看到它。