第六章 多人协助和版本管理
第1节 Axure 共享工程(Shared Project)
1. 什么是共享工程
一个共享工程是可以被多人同时编辑,共享工程中也保存着工程被修订的历史。
一个共享工程是被存储在一个普通的文件目录中,该目录可以被那些允许访问共享工程 的网络上的人所访问。Axure 共享工程所存储的服务器或计算机上不需要安装额外的软件。
在 Axure 中操作一个共享工程和在版本控制系统中操作文件是类似的,每个人在自己本 地计算机上都有一个共享工程的副本。如果要修改页面、模块、或工程属性,首先需要对这 些项目进行检出(checked out),等完成修改后,再进行检入(checked in)到共享工程中,
其它人就可以在本地获取所更新的共享工程了。事实上,就是用 SVN 在进行共享工程的版本 控制。
2. 创建共享工程
在主菜单中,通过 File->New Shared Project,就可以创建一个新共享工程。这时会 弹出一个创建共享工程的对话框,根据指示去输入工程名、共享工程的目录地址、本地共享 工程的副本。
创建共享工程后,在你的本地计算机上会有一个[ProjectName].rpprj 文件,并会自动 打开。今后只要打开这个[ProjectName].rpprj 文件,就可以操作共享工程,而不需要再从 远程的共享工程中去获取,除非你想创建一个新的副本。
本地共享工程目录中,有一个.rpprj 文件和一个 DO_NOT_EDIT 文件夹,该文件夹中包 含了工程数据和版本控制信息,不能在 Axure 以外进行编辑。如果你要移动.rpprj 文件,
同时你也要一起移动 DO_NOT_EDIT 这个文件夹。
在网络共享目录中,包含有共享工程,该共享工程中包含有和 SVN 关联的一系列文件和 目录。如果你不熟悉 SVN,也不应该直接去修改这些目录中的内容。
3. 从已有 RP 文件创建共享工程
已有的.rp 文件可以被转化为共享工程。打开.rp 文件,然后选择主菜单 Share->Create Shared Project from Current File。这时也会打开创建共享工程的对话框,进行工程的设 置。
在共享工程创建之后,在你的本地目录中会有一个[ProjectName].rpprj 文件,打开这 个文件就可以操作共享工程。原来的.rp 文件和共享工程没有产生关联。
4. 获取共享工程
为了操作一个共享工程,你使用的计算机上必须有一个共享工程的本地副本。要获得共 享工程的一个本地副本,在主菜单中 Share->Get and Open Shared Project,这时会弹出 获取共享工程的对话框
如 果 在 你 的 计 算 机 上 已 经 有 一 个 原 先 创 建 的 共 享 工 程 的 副 本 文 件 , 即 [ProjectName].rpprj 文件,你可以直接打开该文件就可以操作共享工程。
如果从一个计算机上直接拷贝共享工程的本地副本到另一计算机上,会导致工程的冲突。
如果你在多个计算机上工作,可以在还没有共享工程本地副本的计算机上通过主菜单 Share->Get and Open Shared Project 获取和开打共享工程。
5. 编辑共享工程
notes fields, variables, styles, and generators)也需要检出(checked out)以进行 修改。而 sitemap 和 master 面板中的列表是个例外,它们可以不用检出就可以修改,这样 可以让团队能够同时添加、删除、组织页面。检出(Check Out)
要在一个共享工程中编辑页面、模块、或工程属性,要先进行检出。要检出一个页面,
要从共享工程中获取页面、模块、工程属性的最新修改,在页面导航面板中的页面上右 键选择“Get Changes”。当获取页面的修改时,一些工程属性也可能会同时更新。通过主菜 单“Share->Get All Changes from Shared Directory”或工具栏上的“Get All Changes”
按钮达到更新。
要提交对页面和模块列表的修改,选择主菜单“Share->Send All Changes to Shared Directory”或“Share-> Check In Everything”将页面、模块、属性的所有修改发送到共 享工程中。要更新本地副本,选择主菜单“Share->Get All Changes from Shared Project”。
以下是一个页面的编辑和修改共享的典型流程:
6. 导出 RP 文件
打开一个共享工程后,在主菜单选择“File->Export Shared Project to File”,就可 以导出一个共享工程到一个 RP 文件。导出后,这个 RP 文件就可以像普通的 RP 文件一样被
要 将 RP 文 件 做 的 修 改 合 并 到 一 个 共 享 工 程 中 , 可 以 打 开 共 享 工 程 后 然 后 使 用
“File->Import”。但注意,如果你要用导入的页面替换共享工程中的页面,必须先要对共 享工程中的页面进行检出。
7. 查看共享工程的历史
每次检入都会在一个共享目录中创建一个新的修订记录。对于每次检入,你可以添加备 注,在修订中保留所作修改的追踪。
要查看和获取一个共享工程的修订历史,可使用主菜单“Share->Browse Shared Project History”。
在上面的历史浏览窗口中,你可以查看共享工程的所有历史修订和每次修订时的备注。
你也可以导出一个修订到 RP 文件中进行查看。
8. 使用共享工程管理器
使用主菜单“Share->Manage Shared Project”,可以打开一个共享工程管理器对话框,
在该对话框中你可以查看共享工程中每个项目的状态,例如哪个团队成员在对哪个页面或模 块进行检出。
右键单击刷新按钮你可以重新获取页面、模块、共享工程的文档属性。你也可以右键单 击某个项目(行),选择检入、检出、获取最近更新。
9. 移动共享工程目录
如果一个共享工程被移动或共享工程的目录路径被改变,那么已有的共享工程的本地副 本将不再指向正确的地址。强烈建议在共享工程目录改变前对每个本地共享工程的副本先进 行检入。
要重新指向一个已有的本地共享工程到新的共享工程目录上,可打开已存在的副本,然 后使用主菜单“Share->Repoint to Moved Shared Directory”。
使用主菜单“Share->Get Shared Project”,你也可以获取一个新的本地副本,但是如 果你进行了任何的本地修改或任何页面被检出,当共享工程被移动了时,这些修改和检出状 态将不再被保留。
案例篇(未完 )
案例一 简单登陆界面
案例描述
这是一个较为简单的登陆界面,输入用户名、密码后,点击登陆按钮进行登陆校验:
1. 如果未输入用户名或密码,则提示“请输入用户名和密码”,蓝色字体;
2. 如果用户名或密码错误,则提示“用户名或密码错误”,红色字体;
3. 如果用户名和密码都匹配,则提示“您好,【
用户名
】”,黑色字体。实现步骤
步骤一、绘制线框图
1、 打开 Axure 软件,新建一个 RP 文件;
2、 拖动控件面板中的控件到线框图面板中,绘制登陆界面如下图:
所用到的控件清单如下:
控件名 作用 文本内容 标识符 其它属性
Rectangle 装饰底板 底色:灰色
Text Panel 信息提示 默认:登陆窗口 logInfo
Text Panel 信息提示 用户名:
Text Panel 信息提示 密码:
Text Field 输入用户名 userName
Text Field 输入密码 passWord
Button 点击登录 登陆 submitButton
步骤二、设计控件交互
1、 选中登陆按钮,在控件交互和注释面板中鼠标双击 onClick 事件;
2、 在弹出的“交互场景属性”对话框中,点击“添加场景…”这个链接;
3、 在弹出的“条件创建”对话框中,添加条件如下:
4、 回到“交互场景属性”对话框中,Step 2 中选择动作“Set Variable and Widget value equal to Value”,并点击 Step 3 中的链接;
5、 在弹出的“设置变量和控件值”对话框中,设置如下:
点击 Edit text…链接,输入“请输入用户名或密码”,并设置为蓝色;
6、 确定和关闭所有对话框,这时控件交互和注释面板如下:
以上我们实现了第一个场景:如果未输入用户名或密码,则提示“请输入用户名和密码”,
蓝色字体;
接下去,我们实现第 2、3 个场景,其步骤和实现场景 1 类似,只是要注意各个场景之 间是“If else”关系。最终控件面板上的场景、条件、动作如下:
步骤三、生成原型
1、 点击主菜单“Generate->Prototype…(F5)”,选择要生成的原型地址,确定后就可以 在浏览器中查看原型了。
2、 输入用户名和密码,点击登陆按钮,进行原型体验。
Scrollbars on Tables and Other Widgets Using the Dynamic Panel
There are a couple ways to represent scrollbars on tables or other sections in wireframes in Axure RP. The first is to simply use an image of a scrollbar on the wireframe, but with this method the scrollbars are static in the prototype.
The second way is to use the dynamic panel. This tutorial will go through the steps to put a scrollbar on a table widget, but it can be used in general for any widget or collection of widgets on a wireframe.
1. Drag a dynamic panel from the Widgets pane onto the wireframe.
2. Right-click on the dynamic panel and select Edit Dynamic Panel -> Show Scrollbars As Needed. This will show scrollbars on the dynamic panel in the designer.
3. Double-click the dynamic panel to open the Dynamic Panel State Manager.
4. Double-click on State 1 in the Panel State list to design the wireframe for the panel state.
5. Drag a table from the Widgets pane onto the wireframe.
6. Specify the number of rows and columns. The width and/or height need to be wider or taller than the dimensions of the dynamic panel for the scrollbars to appear in the prototype.
7. Design the table as desired and resize the dynamic panel as needed.
8. Generate the prototype (F5) and you will see scrollbars on the dynamic panel surrounding the table (if the table is wider or taller than the panel).
Illustrator 中的物件,粘贴到 Axure RP 中。一般来说,这些粘贴的对象会变成 Wireframe 中的图形对象。反之亦然,也可以复制 Axure 中的对象或画面,粘贴到其他应用程序。
5、 单选群组(Radio Button Group)
您可以一次选取多个 Radio Button,按下鼠标右键,并选择“Edit Radio Button->Assign Radio Group”来设定 Radio Button 的群组关系。如此一来,当这些 Radio Button 输出到 Prototype 时,就会形成真正的单选用户接口。
6、 解除 IE 中的 Active X 警告讯息
使用 IE 打开在自己计算机里头的 HTML 原型时,浏览器中可能会出现 Active X 警告讯 息,想要暂时解除 IE 中的警告讯息,请点选 IE 浏览器出现的 Active X 警示讯息,接着选 择“允许被封锁的内容”,这样就可以在 IE 浏览器上看到自己计算机里头的 HTML 原型了。
7、 只要输出必要的项目到规格书中
规格文件输出时如果选择输出的项目太细,很有可能会产出一份好几百页的 Word 文件,
难以阅读。因此,输出之前最好通过格式的设定将不需要的项目取消勾选,只保留有意义的 部份。
8、 默认规格书标题改成中文
将 Axure 设置格式的文件标题改成中文,比如将 Pages 格式设定的 Section Header 名 称 “Pages” 改 成 “ 软 件 规 划 说 明 ” , 把 “Page Tree” 改 成 “ 界 面 列 表 ” ; 或 者 把 Screenshot 格式设定的 Section Header 名称“User Interface”改成 “用户画面”。如 此一来输出成规格文件时,会更方便阅读这些段落标题。