ssRender引擎制作汽车空调控制界面

最终效果：

第一步：    打开ssRenderEditor                  新建一个工程。

第二步：创建设置节点属性：

创建3个text节点，用于显示功能（temp：当前温度、settemp：空调设定温度、wind：空调风力）

创建5个Item节点，用于显示数值

创建6个button节点用于按钮功能

再创建3个item节点用于存放自定义property。重命名为Itemset、Itemtemp和itemwind如图所示

 

 将图片导入至各个节点，并设置X、Y、width、height，将其布置在合适的位置。效果如图

 

 创建自定义property：temp、settemp和wind。用于控制数值的改变。

设置空调温度可设置范围16—29

温度显示范围0-39

风力范围0-5

 其他两个自定义变量一样的操作

将3个自定义property分别放入不同的空的item节点的Customization处

 

 进行事件绑定

点击New Binding或者source后的∞ 进行事件绑定，用自定义变量settemp的数值变化去控制数值的变化，不同的数值显示不同的图片，达到数值增减的效果。这里绑定的是十位数字的显示。同样的操作对其余数字进行事件绑定。

 

 进行以上设置以后，temp、settemp、wind的数值就可以随着自定义变量的改变而改变。那么，settemp、wind这种需要手动调节的又如何通过按钮的控制进行增大减小呢

Button按钮的event事件绑定

 以settemp的减小按钮button4为例，设置一个clicked事件，将自定义变量settemp与按钮的点击绑定。点击按钮一次，数值减小1，直至设定的最小值16.使用相同的操作对其他按钮进行设置。

 

 接下来设置空调的开启与关闭

为表示空调开关状态的button按钮设置clicked事件。

点击button1按钮时，将button1按钮的visible设为0，表示空调关闭，此时屏幕只剩下button0按钮，点击button0按钮，将button1按钮的visible设置为1，表示空调开启，其余节点显示，button0被button1覆盖。

 

 为所有的按钮（除了表示开关的按钮）设置visible事件，将这些按钮的visible与开关按钮的visible绑定。空调关闭时，其余节点均不显示，空调打开时，其余节点显示。

 以上就是整个空调显示系统的创建过程

xi

难点:首先明确要做什么效果？依据这个效果我们需要哪类节点，大概需要几个？理清工程结构。

           个人感觉难点不在于软件的操作上，因为不需要编写大量代码，拖拽就可以实现效果，只要理清思路和操作顺序，操作起来会很快很容易。

            注意:操作时看好当前选中节点再进行操作，很多错误都是由此出现的而且排查时很容易忽略。