本文主要讲解AxureRP8的网格、引导线、辅助线和捕捉的使用,一起来看看 词典: Configure:配置;设定;使成形;使具一定形式 onthecanvas:被击倒 widget:小器具、装饰品、窗口小部件 snapping:显著地、强烈地、非常地;拍照;猛地咬住(snap的现在分词);发出尖厉声音地突然断裂〔打开,关闭〕;厉声地说 behaviors:行为(behavior的名词复数);态度;运转状态;反应 diagrams:图解、简图、图表(diagram的名词复数) tidy:整洁的、整齐的;相当大的;相当好的;健康的;盛零碎物品的容器;椅子的背罩;使整洁;弄整齐;使有条理;整理、收拾 editing:编辑的;编辑(edit的现在分词);剪辑;主编 guides:导游;向导;指导者(guide的名词复数);有指导意义的事物;指导;引路(guide的第三人称单数);操纵;影响 entirefile:整个文件 appearin:出版;出庭;表演;在出现 widgets:小器具、装饰品、窗口小部件(widget的名词复数) onthecanvas:被击倒 bydefault:缺席、不到场 render:给予;使成为;递交;表达 Toggle:棒形纽扣;套索扣;转换键;切换键;切换 settingin:开始、涨潮 Arrange:整理;把分类;改编;达成的协议;达成协议、商定(withapersonabout或forathing);改编乐曲 inBack:在后面 command:命令、指挥;司令部、指挥部;指令;控制力;命令;指挥、控制 GRID,GUIDES,ANDSNAPPING:网格,引导线和(部件)捕捉 概述 Configuregridandguidelinesonthecanvasandwidgetsnappingbehaviorstokeepyourdiagramstidywhileediting。Youcancreatepageguidesforindividualpagesandglobalguidesfortheentirefile。 在画布上配置网格和引导线,并在编辑时使用部件(组件,例如:编辑框、标签等)捕捉(系统自动调整部件贴近网格线)行为以保持图表整洁。您可以为每个页面创建页面指南和整个文件的全局指南。 THEGRID(网格) ShoworhidethegridviatheArrangeamp;gt;GridandGuidesamp;gt;ShowGridcheckbox。 通过Arrange(安排,在菜单栏目)amp;gt;GridandGuides(网格和引导线)amp;gt;ShowGrid(显示网格)来显示或隐藏网格。 Bydefault,thegridis10pxby10pxandisdrawnasdots。SetacustomgridintervalorswitchtogridlinesinsteadofgriddotsviatheArrangeamp;gt;GridandGuidesamp;gt;GridSettingsmenucommand。UsetheSpacingdropdowntochangethespacingofthegrid。IntheStylesection,youcanchangethestyleofthegridtolinesthatcrossthefullpagewidthandheight,insteadofdotsattheintersection,andyoucanchangethecolorofthegridusingthecolorpicker。 默认情况下,网格是1010(单位:px),并绘制为点。通过Arrangeamp;gt;GridandGuidesamp;gt;GridSettings菜单命令,设置自定义网格间隔或切换到网格线,而不是网格点。使用间距下拉来改变网格的间距。在样式部分中,可以将网格的样式更改为横过整个页面宽度和高度的线条,而不是交叉点上的点,并且可以使用颜色选择器更改网格的颜色。 Youcanalsotogglesnappingtothegrid,eitherviatheArrangeamp;gt;GridandGuidesamp;gt;SnaptoGridmenucommandorviatheGridSettingsdialog。Withthissettingenabled,awidgetwillsnaptoagridlinewhenitisdraggedintocloseproximitywhilemovingorresizing。 您还可以通过Arrangeamp;gt;GridandGuidesamp;gt;SnaptoGrid菜单命令或通过网格设置对话框切换到网格。启用此设置后,在移动或调整大小时,部件将被捕捉到网格线附近。 GUIDES(引导线) Guidesarelinesaddedtothecanvasthathelpmarkwherewidgetsshouldbeplaced。They’reonlyvisibleinAxureRP;youwon’tseethemwhenviewingtheHTMLoutputinthebrowser。 guides(页面引导线)是添加到画布中的线条,帮助标记应该放置的部件。它们只在AxureRP中可见;在浏览器中查看HTML输出时,您不会看到它们。 PAGEGUIDES(页面引导线) Pageguidesappearonjustonepage。Toaddaguidetoapageopenonthecanvas,dragfromeitherthehorizontalorverticalrulernexttothecanvasandthendropatthedesiredpixelvalue。Pageguidesaretealbydefault。 页面引导线显示在一个页面上,若要在画布上打开一个页面的引导线,可以从画布旁边的水平或垂直标尺拖动,然后拖动到所需的像素值,页面指南默认为蓝绿色。 TogglepageguidevisibilityviatheArrangeamp;gt;GridandGuidesamp;gt;ShowPageGuidescheckbox。Formoreguidesettings,liketochangeguidecolor,opentheGuideSettingsdialogviaArrangeamp;gt;GridandGuidesamp;gt;GuideSettings。 通过Arrangeamp;gt;GridandGuidesamp;gt;ShowPageGuides复选框引导可视性。对于更多的引导设置,如改变引导颜色,打开指南设置对话框通过Arrangeamp;gt;GridandGuidesamp;gt;GuideSettings。 GLOBALGUIDES(全局引导线) GlobalguidesareguidelinesthatalwaysappearonthecanvasinyourRPfileoneverypage,master,anddynamicpanelstate。Toaddaglobalguide,hold〔CTRL〕〔CMD〕whiledraggingfromarulerontothecanvas。Globalguidesaremagentabydefault。TogglepageguidevisibilityviatheArrangeamp;gt;GridandGuidesamp;gt;ShowGlobalGuidescheckbox。 全局引导线是在每个页面、主控面板和动态面板状态下的RP(Axure文件后缀)文件中始终出现在画布上的引导线。要添加全局引导线,在从ruler拖动到画布上时保持〔CTRL〕〔CMD〕。全局引导线默认为品红色,通过Arrangeamp;gt;GridandGuidesamp;gt;ShowGlobalGuides复选框来引导页面可见性。 ADAPTIVEGUIDES(自适应引导线) Adaptiveguidesindicatetheboundariesofthecurrentadaptiveview。(LearnabouttheadaptiveviewsfeatureinourAdaptiveViewstrainingarticle。)Adaptiveguidesarepurplebydefault。ToggleadaptiveguidevisibilityviatheArrangeamp;gt;GridandGuidesamp;gt;ShowAdaptiveGuidescheckbox。 自适应引导线指示当前自适应视图的边界(在我们的自适应视图训练文章中了解自适应视图特性),默认情况下,自适应引导线是紫色的。通过Arrangeamp;gt;GridandGuidesamp;gt;ShowAdaptiveGuides复选引导向导的可视性。 PRINTGUIDES(打印引导线) Printguidesindicatethepageboundariesofthecurrentprintgenerator。(LearnaboutprintgeneratorsinourPrintSettingsandConfigurationsreferenceguide。)Printguidesaregreybydefault。ToggleprintguidevisibilityviatheArrangeamp;gt;GridandGuidesamp;gt;ShowPrintGuidescheckbox。 打印引导线指示当前打印生成器的页边界(在我们的打印设置和配置参考指南中了解打印生成器),默认情况下,打印引导线是灰色的,通过Arrangeamp;gt;GridandGuidesamp;gt;ShowPrintGuides复选打印指南可视性复选框。 CREATEGUIDES(创建引导线) CreateaseriesofguidesallatonceusingtheCreateGuidesdialog,availableviatheArrangeamp;gt;GridandGuidesamp;gt;CreateGuidesmenucommand。UsethePresetsdropdowntochoosefromfouroptions:960Grid:12Column;960Grid:16Column;1200Grid:12Column;or1200Grid:15Column。(Youcanlearnmoreaboutthe960GridSystematwww。960。gsandthe1200GridSystematwww。1200px。com。) 创建一系列引导线,同时使用创建向导对话框,通过Arrangeamp;gt;GridandGuidesamp;gt;CreateGuides(中文版本:安排amp;gt;网格和指南amp;gt;创建指南)菜单命令。 使用预设下拉从四个选项中选择:960网格:12列;960网格:16列;1200网格:12列;或1200网格:15列。(您可以在www。1200px。com上了解更多关于960网格系统在www。960。GS和1200网格系统)。 YoucanalsospecifyyourownlayoutusingtheColumnandRowfields。 还可以使用列和行字段指定自己的布局。 ClickthecheckboxCreateasGlobalGuidesifyou’dliketheguidestoappearonallpages。 单击CreateasGlobalGuides(创建为全局引导线)的复选框,如果您希望引导线显示在所有页面上。 SNAPTOGUIDES(捕捉引导线) Withsnaptoguidesenabled,awidgetwillsnaptoaguidewhendraggedintocloseproximitywhilemovingorresizing。TogglethissettinginthetopmenuviatheArrangeamp;gt;GridandGuidesamp;gt;SnaptoGuidescheckbox,orfromtheGuideSettingsdialogatArrangeamp;gt;GridandGuidesamp;gt;GuideSettings。 通过启用捕捉引导线,当移动或调整大小时,小部件将被拖动到接近的位置。在顶部菜单中通过Arrangeamp;gt;GridandGuidesamp;gt;SnaptoGuides(安排amp;gt;网格和引导线amp;gt;捕捉引导线)复选框,或从GridandGuidesamp;gt;GuideSettings(设置amp;gt;网格和引导线amp;gt;引导线设置)的向导设置对话框切换此设置。 LOCKGUIDES(锁定引导线) Lockguidessotheycannotbemovedordeleted。ThissettingisavailableintheGuideSettingsdialog,orviathetopmenuatArrangeamp;gt;GridandGuidesamp;gt;LockGuides。 锁定引导线,使它们不能移动或删除。此设置可在引导线设置对话框中,或通过Arrangeamp;gt;GridandGuidesamp;gt;LockGuides(安排amp;gt;网格和引导线amp;gt;锁定引导线)的顶部菜单提供。 RENDERGUIDESINBACK(在后面渲染引导线) Guidesappearinfrontofwidgetsonthecanvasbydefault,butyoucanhavethemrenderinthebackinstead。TogglethissettinginthetopmenuusingtheArrangeamp;gt;GridandGuidesamp;gt;RenderGuidesinBackcommand。 默认情况下,引导线出现在画布上的部件前面,但可以在背面显示它们。在顶部菜单中使用Arrangeamp;gt;GridandGuidesamp;gt;RenderGuidesinBack命令切换此设置。 WIDGETSNAP(部件捕捉) Whenawidgetisbeingdraggedtomoveorresizeandgetsclosetoasecondwidgetalreadyonthecanvas,thefirstwidgetwillsnapintocertainpositionsrelativetothesecondone:whentouchingthesecondwidget’sborder,acertainmarginawayfromthesecondwidget’sborder(10pixelsbydefault),toaligncorrespondingwidgetedges(e。g。thetopedgesoftwowidgetsarrangedsidebyside),oratcommonmidpoints(toalignthetwowidgets’midwidthsormidheights)。Asthissnappingbehaviorishappeningduringthedrag,snapguideswillappearonthecanvastohelpindicatewhichfeaturesofthesecondwidgetthefirstwidgetissnappingto。 当一个部件被拖动以移动或调整大小并接近画布上的第二个部件时,第一个部件将相对于第二个部件捕捉到某些位置。当触摸第二个部件的边界时,从第二个部件的边界处有一定的边界(默认10个像素),以对齐相应的部件边缘(例如并排布置的两个部件的顶部边缘),或者在共同的中点对齐(以对齐两个部件的中宽度或中高度)。 由于这种拖拽行为在拖动期间发生,捕捉向导将出现在画布上,以帮助指示第一个部件的第二个部件的哪些特征被捕捉。 Togglethisbehaviorviathetopmenuat,orviatheWidgetSnapSettingdialog,availableatArrangeamp;gt;GridandGuidesamp;gt;WidgetSnapSettings。TheWidgetSnapSettingsdialogalsogivesyoutheoptiontochangethewidgetsnapmargin(10pxbydefault)andthesnapguidecolor(bluebydefault)。 在Arrangeamp;gt;GridandGuidesamp;gt;SnaptoWidgets(安排amp;gt;网格和向导线amp;gt;部件捕捉设置)的顶部菜单中切换这个行为,或者通过组件捕捉设置对话框,在安排amp;gt;网格和向导amp;gt;小部件捕捉设置中可用。部件捕捉设置对话框,还提供了更改小部件捕捉边界(默认为10px)和捕捉引导线颜色(默认为蓝色)的选项。