我想在一个带有Pixate的Titanium应用程序中使用实时CSS样式。在他们的文档中,他们提到了一个演示如何在XCode中设置此功能的视频。
另一个视频在Titanium应用程序中演示了这一点,但我没有找到如何实现这一目标的解释。
如何启用实时CSS样式?
Pixate为此维护了一个Titanium模块。
https://github.com/Pixate/Titanium-Pixate经过一番挖掘,我确实找到了这样做的方法。我不确定这是否是预期的方式,但它工作得很好。
把这段代码放到app.js中,当保存CSS文件时,模拟器会立即刷新。
var PX = require('com.pixate.framework');
PX.styleSheetFromFilePathWithOrigin({
monitor: true,
origin: 0,
filename: '/absolute/path/to/app.css'
});
// you can add multiple css files to monitor
PX.styleSheetFromFilePathWithOrigin({
monitor: true,
origin: 0,
filename: '/absolute/path/to/another_file.css'
});