- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试在我们的 iOS 13 及更高版本的应用中实现深色模式主题。我已点击此链接 Dark Mode in iOS 13 .但我面临一些问题。我附上了下面的示例代码。我期望如果我更改启用深色外观,那么它应该根据语义颜色文件更改窗口的颜色。
var deviceDetect = require('./deviceDetect');
var dialog = require('./dialogueBox');
var currentStyle = deviceDetect.isIos() ? Ti.App.iOS.userInterfaceStyle : undefined;
var colorWindow = Ti.UI.fetchSemanticColor("backgroundColor");
var win = Ti.UI.createWindow({
title: 'Demo App',
backgroundColor: colorWindow,
layout: 'vertical'
});
var top = Ti.UI.createView({
backgroundColor: 'red',
layout: 'horizontal',
height: Ti.UI.SIZE,
width: Ti.UI.FILL,
top: deviceDetect.isAndroid() ? 0 : '50%'
});
var view = Ti.UI.createView({
center: { x: 205, y: 250 },
height: 400,
width: 300,
backgroundColor: colorWindow,
layout: 'vertical',
top: '20%'
});
var img = Titanium.UI.createImageView({
center: { x: 150, y: 110 },
image: './logo.png',
width: Ti.UI.SIZE,
height: Ti.UI.SIZE
});
view.add(img);
var emailField = Ti.UI.createTextField({
width: Ti.UI.FILL,
height: 30,
top: 30,
left: 10,
right: 10,
borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
returnKeyType: Ti.UI.RETURNKEY_DONE
});
var passField = Ti.UI.createTextField({
width: Ti.UI.FILL,
height: 30,
top: 10,
left: 10,
right: 10,
borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
returnKeyType: Ti.UI.RETURNKEY_DONE
});
view.add(emailField);
view.add(passField);
if (deviceDetect.isIos() && currentStyle === Ti.App.iOS.USER_INTERFACE_STYLE_DARK) {
// dark mode
console.log("I am here", colorWindow, colorWindow[Ti.UI.semanticColorType]);
//win.backgroundColor = 'green';
}
if (deviceDetect.isIos()) {
Ti.App.iOS.addEventListener('traitcollectionchange', function (event) {
if (currentStyle !== Ti.App.iOS.userInterfaceStyle) {
currentStyle = Ti.App.iOS.userInterfaceStyle;
if (currentStyle == 2) {
//tfAmount.color = 'white';
// dark mode
//win.backgroundColor = colorWindow;
//view.backgroundColor =
} else {
//win.backgroundColor = '#AAAAFF';
//view.backgroundColor = '#90EE90';
}
//console.log(colorWindow);
//win.backgroundColor = colorWindow;
//Ti.API.info('User Interface Style changed: ' + currentStyle);
}
});
}
win.add(view);
win.add(top);
win.open();
这是 semantic.colors.json 文件内容:
{
"backgroundColor": {
"light": "#ffffff",
"dark": "#000000"
}
}
提前致谢!!!如果我遗漏了什么,请告诉我。
最佳答案
我已经精简了示例以仅查看需要的部分并且它工作正常(iOS + Android [我已经使用过 9.1.0]):
/app/controllers/index.js
var colorWindow = Ti.UI.fetchSemanticColor("windowBackgroundColor");
var bgColor = Ti.UI.fetchSemanticColor("viewColor");
var win = Ti.UI.createWindow({
title: 'Demo App',
backgroundColor: colorWindow
});
var view = Ti.UI.createView({
height: 300,
width: 300,
backgroundColor: bgColor
});
win.add(view);
win.open();
/app/assets/semantic.colors.json
{
"windowBackgroundColor": {
"dark": "#666666",
"light": "#ff0000"
},
"viewColor":{
"dark": "#00ff00",
"light": "#0000ff"
}
}
确保使用 9.0.3.GA(或更高版本)。
它会显示灰色/绿色或红色/蓝色屏幕,具体取决于您的手机设置。还要确保在 Android 上更改暗模式时关闭窗口。
关于titanium - iOS 13 暗模式无法使用 Titanium 经典框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63398812/
在 Alloy 文档中,它提到您可以拥有一个集合的单例或实例。您可以使用实例标签定义一种或另一种方式: 我理解单例 vs 实例背后的一般思想....
如何为 Titanium 应用程序创建自动用户界面测试?该框架是否包含用于此的内容?有没有有用的第三方工具? 最佳答案 你看过titanium-jasmine? 我从来没有亲自使用过它,但我听说它对这
我使用以下代码在 Titanium 中绘制了一个圆。 var wheelTop = Ti.UI.createImageView({ width: 100, height
如何通过 Titanium 移动应用程序发送电子邮件。 我收到“本地主机被拒绝”的错误 最佳答案 我猜你用的是类似 mailto:email@mydomain.com 的东西. 您应该使用电子邮件对话
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, over
我使用的是 Titanium 3.1.3 GA 版本。 在项目中包含移动应用程序跟踪模块时,收到“构建失败”错误消息。 尝试新项目也遇到同样的错误。 [ERROR] : ** BUILD FAILE
是否有用于 Titanium 的 rails console 之类的东西,我可以在那里玩一点 API?或者更好的调试器? 或者您可以向我推荐一个不同的工作流程,而不必编辑源代码 > 编译 > Ti.A
我刚刚开始使用 Appcelerator 的钛合金。 如何为我的 添加样式 Controller /index.js 这是代码: var title = Titanium.UI.createLabel
我的团队在过去几个月一直在开发 Titanium,现在我们面临一个问题:当我们对 View 代码进行更改(更改其字体、背景或大小)时,需要很长时间(大约 1分钟),直到我们看到结果显示在设备上。这真是
我想为我正在使用 Titanium 框架开发的移动应用程序添加一个计时器。我在文档中没有找到任何相关的东西。任何人都可以为这个问题提出一个解决方案。 感谢 最佳答案 如果您是指稍后执行代码的计时器,只
下面是我的代码。它在 iPhone 上完美运行,但图像在 Android 上被拉伸(stretch),所以它没有显示标签。 var friendsButton = Titanium.UI.create
我在 tableview 中用图像和几个按钮自定义了一个 tableviewrow。我已经获得了我点击的行的索引,但我需要这样做,以便当我点击 tableviewrow 中的按钮时,它将返回该行的索引
我需要向我的用户添加照片,通过从网络界面执行此操作,我将照片设置为名为 photo 的字段,但如果我尝试以编程方式执行相同的操作移动应用程序不起作用。 photonativePath 是我的相机或图库
如何在钛合金中使用 Proguard 或者是否有任何类似的功能以使代码反编译更难实现?有什么建议吗? 最佳答案 我自己研究了一下,发现是可以做到的。然而,Appcelerator 的 jira 中有关
我正在将恢复事件附加到应用程序,我想检测当前聚焦的窗口 Ti.App.addEventListener('resume', function(e) { // what window is focu
我在 tableview 中用图像和几个按钮自定义了一个 tableviewrow。我已经获得了我点击的行的索引,但我需要这样做,以便当我点击 tableviewrow 中的按钮时,它将返回该行的索引
对于条形码扫描,有可用的模块,如 Redlaser , Scandit ..ETC。有没有从数字生成条形码的模块(反向过程)? 谢谢。 最佳答案 避免使用 main of modules 的好方法是,
我一直在使用此代码将图像从 imageviewer 存储到设备内存。 blobObj = imageView.toImage(); var f = Titanium.Filesystem.getFil
我是钛的新移动应用程序开发人员。我想看一行一行的调试。检查一些循环或代码。 (特别是“ANDROID”) 用于检查我的应用程序在哪里“崩溃”。请帮我, 提前致谢 最佳答案 您必须设置 切换中断 通过右
我正在尝试在我们的 iOS 13 及更高版本的应用中实现深色模式主题。我已点击此链接 Dark Mode in iOS 13 .但我面临一些问题。我附上了下面的示例代码。我期望如果我更改启用深色外观,
我是一名优秀的程序员,十分优秀!