在本文里我主要是说一下如何在Titanium里使用JSS,关于JSS的更多细节和用法,大家可到http://classtyle.com/jss/了解详情!
Titanium本身就支持JSS文件,使用起来也非常简单,不过必须要注意以下2点:
1.JSS文件必须要与相应的JS文件同名。请看以下例子:
如一个项目里有多个JS文件,分别是app.js,home.js,profile.js,这时你想为home.js文件里的代码套用JSS,那么就必须建立一个名为home.jss的文件。由于Titanium同时支持多种移动设备,这时为了区分不同设备的JSS文件,可以在JSS文件名上添加设备名,如要为iphone应用的JSS,那么就应该写成home.iphone.jss。
但如果你的项目比较大,JS文件很多的话,将所有JSS都放到根目录就感觉太乱了,解决办法是将对应的JSS文件放到设备目录里,titanium默认就会创建了android和iphone这2个目录,这时你只需将jss放到iphoneorandroid目录下就可以,因为已归档了目录,所以jss文件名就不需再加上设备名了,这样管理起来也会方便很多:">
2.修改或者添加了JSS文件后,必须重新clean一次项目,然后重新运行才能生效。
也许Titanium是一次性将JSS都编译好了,所以如果你不做一次清除工作,无论你如何修改JSS都不会生效的,这个当时我就被忽悠了一把,这么重要的一步,官网上居然都没提及,弄得我刚开始弄了很久都没效果出来,还以为用不了:">
顺便一提的是,你还可以直接在JSS文件里写Titanium控件的一些样式代码,如指定一个TableViewRow控件的高度和字体等:
- .rowStyle{
- rowHeight:20,
- font-size:30
- }
另外其实每个控件都支持className这一属性,虽然很多并没有直接在API文档写出来,但一般只需直接写上就可生效了,当然你也可以用控件的id去应用其JSS,用法就和CSS一样,在此就不多说了:">