Axure流程图---FloxyYe流程图和链接•概述1.流程图和链接演示2.流程图3.流程组件4.创建流程图5.引用页面6.自动生成流程图流程图和链接演示•打开工程;•在最高级别页面上再建立一个更高级别的页面;•修改页面名称为LoginFlow;•右键LoginFlow,选择DiagramType-Flow;•页面名称左方的图标改变,页面变成流程图;•在Widgetspane拖放Rectangle组件到wireframepane中。流程图和链接演示•继续拖放1个Diamond组件和2个Rectangle组件到wireframe中;•组件的摆放位置同左图;•双击最上方的Rectangle组件,输入LoginPage;•双击Diamond组件,输入Isuseramember?;•双击下左方的Rectangle组件,输入UserProfile;•双击下右方的Rectangle组件,输入Registration。流程图和链接演示•在工具栏使用填充工具,给各个组件修改填充颜色;•同时选中下方2个Rectangle组件;•右键Rectangle组件,选择EditFlowShape-RoundedRectangle,修改组件的边框为圆角;流程图和链接演示•右键上方的Rectangle组件,选择EditFlowShape-EditReferencePage;•在ReferencePage窗口,点击LoginPage页面,点击Ok;•同理,给下方的2个Rectangle组件添加页面链接;流程图和链接演示•也可以直接从Sitemappane拖放页面到wireframepane中;•对直接拖放页面的Rectangle组件进行颜色填充和边框形状修改,使其与原下方的2个Rectangle组件外观相同。•在Sitemappane修改页面名称,在wireframepane对应的Rectangle组件的名称也会同样被修改。流程图和链接演示•在工具栏点击链接件图标;•点击LoginPageRectangle组件下方的链接点,再向下移动鼠标,点击Diamond组件最上方的链接点,2个组件的流程关系被建立;•在工具栏修改线条为虚线、带箭头、蓝色,链接线条的风格被修改,同时,接下来画的线条都全部被修改。流程图和链接演示•双击Diamond组件下方的左线条,输入Yes;•双击Diamond组件下方的右线条,输入No;•如左图,用链接线条链接Diamond组件与下方2个Rectangle组件;•如左图,对各个组件进行线条链接,形成流程图;•拉动线条或组件,不会改变流程关系•按F5生成原型流程图和链接演示•在Web打开原型;•在流程图点击RegistrationForm组件框,或者组件框右下脚的页面链接图标,打开Registration页面。•在页面左边的树形菜单点击页面名称可以打开页面。•通过页面的按钮链接,也也可以跳转到链接页面。流程图•流程图应用于演示多种步骤,包括使用Cases、业务过程、页面流程。流程图经常应用于提供复杂任务的高级浏览,实现通读整个页面设计。•流程在SitemapPane与页面一起管理。要把页面改为流程图,在Sitemappane右键页面,选择DiagramType-Flow。这操作会改变页面在Sitemappane和原型树形菜单显示的页面图标。•创建流程图,不一定要把业务改为流程图类别的。流程组件•在Widgetspane点击工具条的Flow,就可以找到流程组件;•Widgetspane里的多种形状的组件可以用来表示处理的步骤。•在流程图里,各种形状有习惯性的表示,但在AxureRP对形状并没有严格的要求。一般说来,它们得到最佳的使用方法,可以让阅读者很容易理解。创建流程图•与wiregrame组件相似,流程组件可以从Widgetspane拖放到Wireframpane。他们的风格和属性可以使用工具条和右键菜单进行编辑。流程组件的形状可以通过右键,选择EditFlowShape的子菜单进行更改。创建流程图•链接件–流程组件与wireframe组件的区别是它们有链接点被链接件进行链接。–要添加链接件,首先要把Wireframepane改为链接件模式。在工具条点击链接件模式的按钮(F11)更改鼠标为链接件模式。点击指标模式按钮(F9)可以把Wireframepane返回到指标模式。–一旦使用连接件模式,在wireframepane点击、拖动会添加链接线条。–要链接2个流程组件,把鼠标移动到流程组件的链接点,点击、拖动,当鼠标移动到目标流程组件的连接点时,松开鼠标。链接件还可以通过点击、拖动链接线条端点,链接到流程组件。–线条末端的显示方式可以在工具条进行修改。引用页面•流程组件可以指定引用页面。如果流程组件有引用页面,组件上方的文字会被替换为页面的名字。在原型里,点击流程组件可以链接到页面。•从Sitemappane拖放页面到Wireframepane可以创建一个带引用业务的流程组件。•流程组件的引用页面可以通过右键组件,选择EditionFlowShape-EditReferencePage修改或删除引用页面。自动生成流程图•流程图可以在Sitemappane生成等级流程。•首先,创建一个流程图页面,打开进行设计;•右键Sitemappane的根页面,选择GenerateFlowDiagram,可以看到有生成标准图和向右悬挂2个选项;•选择生成流程图方式,点击Ok,在wireframepane自动生成的流程图。