如何使用Titanium和Pixate的实时CSS样式

时间:2013-04-18 10:42:25

标签: ios titanium appcelerator pixate

我想在Pixate的Titanium应用程序中使用实时CSS样式。在他们的文档中,他们提到了a video,它演示了如何在XCode中设置它。

Another video在Titanium App中演示了这一点,但我没有找到解释如何实现这一点。

如何启用实时CSS样式?

2 个答案:

答案 0 :(得分:0)

Pixate为此目的维护了一个Titanium模块。

https://github.com/Pixate/Titanium-Pixate

答案 1 :(得分:0)

经过一番挖掘,我确实找到了做到这一点的方法。我不确定这是否是预期的方式,但它工作正常。

将此代码放入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'
});