第十三章 新版UIDesigner(2.0)使用帮助文档.pdf

UIDesigner 使用手册 目录 第一章 简介4 第二章 UIDesigner 基础 5 一、 UIDesigner 主界面介绍 5 1) 菜单栏 5 2) 常用操作栏 10 3) 工具栏视图 11 4) 属性视图 12 5) 控件库视图 13 6) 样式库视图 14 7) 组件库视图 15 8) 项目管理视图 16 9) 原型备注视图 17 10) 控件层视图 18 11) 放大镜视图 19 12) 响应事件视图 20 13) 高级属性视图 21 二、 工作目录 22 1) 什么是工作目录 22 2) 工作目录结构 22 i. Online 文件夹 22 ii. Local 文件夹 23 iii. 项目文件夹 23 iv. 任务文件夹 23 3) 如何创建工作目录 23 i. UIDesigner 提示选择工作目录，点击选择按钮进行选择： 24 ii. 选择文件夹或新建文件夹作为工作目录： 24 iii. 选择完毕，点击下一步完成工作目录的创建： 25 iv. 点击下一步，创建完成。 25 4) 如何修改工作目录。 25 i. 打开UIDesigner，选择主菜单的项目菜单下的环境设置 25 ii. 选择服务器设置选项卡 26 iii. 点击工作目录后面的按钮，打开文件夹选择窗口，重新选择工作目录 27 iv. 最后点击确定即可。 27 三、 自定义控件样式 27 1) 控件 27 2) 自定义控件样式 27 3) 目前UIDesigner 支持创建自定义控件样式 28 4) 自定义控件样式编辑器 28 第三章 新手教程 28 一、 教程：创建自定义控件样式 28 1) 创建自定义窗口 30 2) 创建自定义按钮 34 3) 创建自定义选项卡 35 4) 创建自定义文本框 37 5) 创建自定义单选框 37 6) 创建自定义复选框 38 7) 创建自定义下拉框 39 8) 创建自定义分割按钮41 9) 创建自定义水平滚动条43 10) 创建自定义垂直滚动条44 二、 教程：创建第一个设计稿45 1) 启动UIDesigner 应用程序45 2) 进入引导页45 3) 创建项目46 4) 新建窗口46 5) 完成窗口的创建47 6) 使用控件48 7) 预览窗体 50 8) 保存设计稿 51 9) 完成 52 三、 教程：让设计稿动起来，创建响应事件。 52 1) 创建响应事件。 52 2) 编辑响应事件。 52 3) 确认和修改响应事件 53 4) 预览和输出原型。 53 第四章 团队协作 54 一、 交互设计师： 55 二、 视觉设计师 59 三、 用户研究设计师 63 第五章 联系我们 64 一、 官方网站 64 二、 官方微博 64 三、 官方体验群 64 第一章 简介 UIDesigner 是腾讯 CDC 专门为提高设计团队工作效率的快速原型工具。UIDesigner 提供三大主要 功能： 1) 设计团队在线协作，版本迭代； 2) 自定义设计规范控件库； 3) 快速原型设计，输出 Demo。 产品设计原型 控件库规范 UIDes