快思聪smartui设计说明文档.docVIP

Smart Graphics UI 设计指引说明 版本号：V1.4.1 更新日期：2015 年 05 月 07 日‘ 更新内容： 三：控件详解 list - Subpage Reference List 子页引用列表 - Spinner List 微调下拉列表 [ Crestron Beijing Office 2013 ] 目录 一：软件安装环境 1 二：新建一个 Smart Graphics 界面 2 1：新建项目 2 2：新建控件 2 三：控件详解 4 1：Buttons 5 2：Images10 3：Lists12 4：Widgets14 5：Keypad16 6：Gauges16 7：Slider18 8：Text19 9：Applications24 四：编辑与自定义25 1：样式25 2：文字28 3：图片31 4：Page Resize33 五：Crestron App 34 1：付费版免费版34 2：创建新项目34 3：旋转设计35 六：标准样式参考39 七、Smart Graphics 编程事项47 1：Smart ID47 2：Simpl Windows 中加载 Smart Graphics 组控件的 CED 文件方法48 4：Smart Graphics 中添加音频编程方法 50 5：控件显示格式设置50 6：IOS 系统之 VOIP 设置及编程以 iPad 为例51 八：常见问题解决53 1：文字丢失53 2：软件崩溃54 3：其他问题54 一：软件安装环境 1：必要的快思聪软件 1 / 55 [ Crestron Beijing Office 2013 ] ? Crestron _ database ? Crestron _ device _ database ? Vt_pro-e ? Crestron _ toolbox ? Simpl _ windows ? Crestron_SmartGraphics Tips: 请保持你的触摸屏主机固件为最新版本 二：新建一个 Smart Graphics 界面 1：新建项目 例：选择（如图 1）一个带有 Smart Graphics 后缀描述的项目即可。 （图 1） Tips： ? iPad，iPhone 设备需选择“Crestron App”项目来支持 Smart Graphics ? 不是全部触摸屏都支持 Smart Graphics，具体设备以数据库列表为准 2：新建控件 如（图 2），点击红色框内图标弹出 Smart Graphics 专用控件工具栏。 Tips： （图 2） ? 在 Smart Graphics 界面中，不支持传统界面中的 Button，Image，Timer，Gauge，Slider 工具… ? 不支持快捷修改按钮样式工具，为灰色禁止操作 如（图 3），点击图标后出现下图中所有控件列表，按功能需求点击相应菜单栏，拖入相应控件即可。 [ Crestron Beijing Office 2013 ] （图 3）Smart Graphics 控件栏 如（图 4）拖入一个 “Advanced Button”后效果。 （图 4） 如（图 5）在 Smart Graphics 中所有控件均需要点开工具栏-属性面板进行设置调节，不可以使用鼠标右键。 （图 5）属性面板 3 / 55 [ Crestron Beijing Office 2013 ] 3：中文界面 如下图所示，在新建一个界面项目后，需选择：Standard Theme International.xml 即可支持输入中文界面 (或选择 Int 开头的主题均可支持中文版本界面 例如：Int_CT_Slate.xml) 选择国际版主题 支持中文显示 4 / 55 [ Crestron Beijing Office 2013 ] 三：控件详解 1：Buttons Buttons 分为 6 种不同用法，它们基本属性相同（都是按钮功能），但用途各有不同。可以从按钮的描述中看出， 它基本功能含义，下面针对一个高级按钮如何使用进行详解。 按钮控件 Advanced Button 的用法 用途：可以用在多状态显示，自定义的状态设计，自定义状态文字等。 ? 唯一可以使用自定义图片的按钮，其他按钮均不具备该功能； ? 该按钮分为三种状态：Normal（未激活），Pressed（手指按下时），Selected（激活状态） 样例：如下图，分别为高级按钮的三种不同状态的显示 按钮三种状态 5 / 55 [ Crestron Beijing Office 2013 ] Advanced Button 的用法 - 自定义图片 *以下内容适用于 Smart