在Titanium开发中使用JSS

移动开发
只要是做过网页的朋友,就应该知道CSS,但对于JSS,不知道了解的人又多不多呢?到底什么是JSS呢?一个比较完整的定义,JSS是一种新的样式语言,它在CSS标准语法的基础上增加了常量、函数、分组、封装以及Hack等特性。有助于提高前端开发效率,减少代码体积。

在本文里我主要是说一下如何在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文件名就不需再加上设备名了,这样管理起来也会方便很多:wink<span class=:">

2.修改或者添加了JSS文件后,必须重新clean一次项目,然后重新运行才能生效。

也许Titanium是一次性将JSS都编译好了,所以如果你不做一次清除工作,无论你如何修改JSS都不会生效的,这个当时我就被忽悠了一把,这么重要的一步,官网上居然都没提及,弄得我刚开始弄了很久都没效果出来,还以为用不了:getlost<span class=:">

顺便一提的是,你还可以直接在JSS文件里写Titanium控件的一些样式代码,如指定一个TableViewRow控件的高度和字体等:

  1. .rowStyle{ 
  2. rowHeight:20, 
  3. font-size:30 

另外其实每个控件都支持className这一属性,虽然很多并没有直接在API文档写出来,但一般只需直接写上就可生效了,当然你也可以用控件的id去应用其JSS,用法就和CSS一样,在此就不多说了:biggrin<span class=:">

责任编辑:佚名 来源: 移动web开发社区
相关推荐

2012-04-20 11:07:12

Titanium

2018-03-26 14:25:55

KubernetesSkaffold命令

2009-07-16 14:22:02

Windows Emb

2023-12-22 09:11:45

AndroidNFC移动开发

2012-04-19 10:52:52

2020-07-07 09:19:28

Android 协程开发

2020-04-08 09:06:34

Android 协程开发

2022-06-07 19:48:07

TraefikProxy插件

2012-04-19 16:55:48

Titanium视频jQuery Mobi

2012-02-13 14:22:22

MonoTouchiOS应用Visual Stud

2012-04-19 16:17:24

TitaniumAndroidtabbar

2012-02-09 17:07:50

Titanium MoTitaniumWindows 7

2012-02-14 09:59:39

Titanium MoTitaniumMac

2010-10-18 13:16:24

GalleryAndroid

2011-06-23 10:39:43

ibmdw虚拟化敏捷开发

2020-04-23 09:33:32

Android 协程开发

2012-04-19 11:40:21

Titanium

2009-06-25 16:49:24

Hibernate

2013-12-13 17:21:14

Lua脚本语言

2023-04-12 15:25:09

Bytrace鸿蒙
点赞
收藏

51CTO技术栈公众号