ssRender引擎Preview和Log窗口

效果：

​​​​

介绍：

​​​​:点击移动小车至屏幕右侧。
:查看当前里程，并在Log窗口中输出里程数。

：显示当前车辆油箱情况，指针指向左侧时邮箱为空(根据里程实时变化)。

操作步骤：

设置节点修改属性

节点名称	节点数量
Layer	1
Item	4
Text	3
Button	1

节点名称	Preview显示情况
Car	红色小汽车
Street	红色小汽车下面白色的线
Text0	总里程
Number	总里程右侧数字
Start ​	白色按钮(文字：输出的左侧)
Button0	不显示(与DQ节点的X Y属性值相等，实现Clicked事件)
Pan	红色表盘
Dial	表盘中的指针
DQ	输出(文字）

创建自定义属性，并把自定义属性拖拽到Car节点的Properties窗口中，用于控制Car节点的移动范围，并在X属性绑定时设置缓动效果。

设置绑定

设置Car节点的绑定，选中Car节点在Properties窗口中点击X右侧绑定按钮 ，设置它的绑定，控制Car移动时的范围和持续时间。

---

设置Text节点的绑定，选中Text节点，在Properties窗口中点击Text 右侧绑定按钮 ，设置它的绑定使小车X属性(这里-30是减去小车的默认位置让Text显示默认位置时等于0)，X在变化的时候自身也跟着变化(显示当前小车的位置)。

---

设置Dial节点的绑定，选中Dial节点，在Properties窗口中点击Rotation属性右侧绑定按钮 ，设置指针移动时的缓动时间，跟随自定义属性DialR变化而变化。

---

设置自定义属性DialR的绑定，选中Dial节点，在Properties窗口中点击DialR右侧绑定按钮 ，设置指针范围随着Car节点的变化而变化并且，指针是从右侧向左侧移动,(因为这里Car的X属性和当前Rotation属性值并不一致，所以计算两者之间的百分比，使他们实现：汽车向右侧行驶，指针向左侧旋转)。

---

---

## 设置事件 设置Start节点的Clicked事件，在点击它的时候让小车移动到1550的位置(X=1550)

---

设置Button0节点的Clicked事件，点击它的时候让它在Log窗口中输出当前Text节点的值，符号 + 作为连接符。

---

小结：

本次工程难点在于如何使油箱的指针随着小车变化而变化，并且不能超过自身的最大最小范围，合理的让小车和指针都在移动。其余操作很快就完成了，还有需要注意的一点是想要Text显示整数和小数的时候使用不同的计算方法(/1整数类型 ，/1.00小数类型)。通过练习加深对Preview窗口和Log窗及writeLog的用法。