本文主要讲解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(网格) Showorhidethegridviathe“AGridandGShowGrid”checkbox。 通过“Arrange(安排,在菜单栏目)GridandGuides(网格和引导线)ShowGrid(显示网格)”来显示或隐藏网格。 Bydefault,thegridis10pxby10pxandisdrawnasdots。Setacustomgridintervalorswitchtogridlinesinsteadofgriddotsviathe“AGridandGGridSettings”menucommand。Usethe“Spacing”dropdowntochangethespacingofthegrid。Inthe“Style”section,youcanchangethestyleofthegridtolinesthatcrossthefullpagewidthandheight,insteadofdotsattheintersection,andyoucanchangethecolorofthegridusingthecolorpicker。 默认情况下,网格是1010(单位:px),并绘制为点。通过“AGridandGGridSettings”菜单命令,设置自定义网格间隔或切换到网格线,而不是网格点。使用“间距”下拉来改变网格的间距。在“样式”部分中,可以将网格的样式更改为横过整个页面宽度和高度的线条,而不是交叉点上的点,并且可以使用颜色选择器更改网格的颜色。 Youcanalsotogglesnappingtothegrid,eitherviathe“AGridandGSnaptoGrid”menucommandorviatheGridSettingsdialog。Withthissettingenabled,awidgetwillsnaptoagridlinewhenitisdraggedintocloseproximitywhilemovingorresizing。 您还可以通过“AGridandGSnaptoGrid”菜单命令或通过网格设置对话框切换到网格。启用此设置后,在移动或调整大小时,部件将被捕捉到网格线附近。 GUIDES(引导线) Guidesarelinesaddedtothecanvasthathelpmarkwherewidgetsshouldbeplaced。They’reonlyvisibleinAxureRP;youwon’tseethemwhenviewingtheHTMLoutputinthebrowser。 guides(页面引导线)是添加到画布中的线条,帮助标记应该放置的部件。它们只在AxureRP中可见;在浏览器中查看HTML输出时,您不会看到它们。 PAGEGUIDES(页面引导线) Pageguidesappearonjustonepage。Toaddaguidetoapageopenonthecanvas,dragfromeitherthehorizontalorverticalrulernexttothecanvasandthendropatthedesiredpixelvalue。Pageguidesaretealbydefault。 页面引导线显示在一个页面上,若要在画布上打开一个页面的引导线,可以从画布旁边的水平或垂直标尺拖动,然后拖动到所需的像素值,页面指南默认为蓝绿色。 Togglepageguidevisibilityviathe“AGridandGShowPageGuides”checkbox。Formoreguidesettings,liketochangeguidecolor,opentheGuideSettingsdialogvia“AGridandGGuideSettings”。 通过“AGridandGShowPageGuides”复选框引导可视性。对于更多的引导设置,如改变引导颜色,打开指南设置对话框通过“AGridandGGuideSettings”。 GLOBALGUIDES(全局引导线) GlobalguidesareguidelinesthatalwaysappearonthecanvasinyourRPfileoneverypage,master,anddynamicpanelstate。Toaddaglobalguide,hold〔CTRL〕〔CMD〕whiledraggingfromarulerontothecanvas。Globalguidesaremagentabydefault。Togglepageguidevisibilityviathe“AGridandGShowGlobalGuides”checkbox。 全局引导线是在每个页面、主控面板和动态面板状态下的RP(Axure文件后缀)文件中始终出现在画布上的引导线。要添加全局引导线,在从ruler拖动到画布上时保持〔CTRL〕〔CMD〕。全局引导线默认为品红色,通过“AGridandGShowGlobalGuides”复选框来引导页面可见性。 ADAPTIVEGUIDES(自适应引导线) Adaptiveguidesindicatetheboundariesofthecurrentadaptiveview。(LearnabouttheadaptiveviewsfeatureinourAdaptiveViewstrainingarticle。)Adaptiveguidesarepurplebydefault。Toggleadaptiveguidevisibilityviathe“AGridandGShowAdaptiveGuides”checkbox。 自适应引导线指示当前自适应视图的边界(在我们的自适应视图训练文章中了解自适应视图特性),默认情况下,自适应引导线是紫色的。通过“AGridandGShowAdaptiveGuides”复选引导向导的可视性。 PRINTGUIDES(打印引导线) Printguidesindicatethepageboundariesofthecurrentprintgenerator。(LearnaboutprintgeneratorsinourPrintSettingsandConfigurationsreferenceguide。)Printguidesaregreybydefault。Toggleprintguidevisibilityviathe“AGridandGShowPrintGuides”checkbox。 打印引导线指示当前打印生成器的页边界(在我们的打印设置和配置参考指南中了解打印生成器),默认情况下,打印引导线是灰色的,通过“AGridandGShowPrintGuides”复选打印指南可视性复选框。 CREATEGUIDES(创建引导线) CreateaseriesofguidesallatonceusingtheCreateGuidesdialog,availableviathe“AGridandGCreateGuides”menucommand。UsethePresetsdropdowntochoosefromfouroptions:“960Grid:12Column”;“960Grid:16Column”;“1200Grid:12Column”;or“1200Grid:15Column”。(Youcanlearnmoreaboutthe960GridSystematwww。960。gsandthe1200GridSystematwww。1200px。com。) 创建一系列引导线,同时使用“创建向导”对话框,通过“AGridandGCreateGuides(中文版本:安排网格和指南创建指南)”菜单命令。 使用预设下拉从四个选项中选择:“960网格:12列”;“960网格:16列”;“1200网格:12列”;或“1200网格:15列”。(您可以在www。1200px。com上了解更多关于960网格系统在www。960。GS和1200网格系统)。 Youcanalsospecifyyourownlayoutusingthe“Column”and“Row”fields。 还可以使用“列”和“行”字段指定自己的布局。 Clickthecheckbox“CreateasGlobalGuides”ifyou’dliketheguidestoappearonallpages。 单击“CreateasGlobalGuides(创建为全局引导线)”的复选框,如果您希望引导线显示在所有页面上。 SNAPTOGUIDES(捕捉引导线) With“snaptoguides”enabled,awidgetwillsnaptoaguidewhendraggedintocloseproximitywhilemovingorresizing。Togglethissettinginthetopmenuviathe“AGridandGSnaptoGuides”checkbox,orfromtheGuideSettingsdialogat“AGridandGGuideSettings”。 通过启用“捕捉引导线”,当移动或调整大小时,小部件将被拖动到接近的位置。在顶部菜单中通过“AGridandGSnaptoGuides(安排网格和引导线捕捉引导线)”复选框,或从“GridandGGuideSettings(设置网格和引导线引导线设置)”的向导设置对话框切换此设置。 LOCKGUIDES(锁定引导线) Lockguidessotheycannotbemovedordeleted。ThissettingisavailableintheGuideSettingsdialog,orviathetopmenuat“AGridandGLockGuides”。 锁定引导线,使它们不能移动或删除。此设置可在引导线设置对话框中,或通过“AGridandGLockGuides(安排网格和引导线锁定引导线)”的顶部菜单提供。 RENDERGUIDESINBACK(在后面渲染引导线) Guidesappearinfrontofwidgetsonthecanvasbydefault,butyoucanhavethemrenderinthebackinstead。Togglethissettinginthetopmenuusingthe“AGridandGRenderGuidesinBack”command。 默认情况下,引导线出现在画布上的部件前面,但可以在背面显示它们。在顶部菜单中使用“AGridandGRenderGuidesinBack”命令切换此设置。 WIDGETSNAP(部件捕捉) Whenawidgetisbeingdraggedtomoveorresizeandgetsclosetoasecondwidgetalreadyonthecanvas,thefirstwidgetwillsnapintocertainpositionsrelativetothesecondone:whentouchingthesecondwidget’sborder,acertainmarginawayfromthesecondwidget’sborder(10pixelsbydefault),toaligncorrespondingwidgetedges(e。g。thetopedgesoftwowidgetsarrangedsidebyside),oratcommonmidpoints(toalignthetwowidgets’midwidthsormidheights)。Asthissnappingbehaviorishappeningduringthedrag,snapguideswillappearonthecanvastohelpindicatewhichfeaturesofthesecondwidgetthefirstwidgetissnappingto。 当一个部件被拖动以移动或调整大小并接近画布上的第二个部件时,第一个部件将相对于第二个部件捕捉到某些位置。当触摸第二个部件的边界时,从第二个部件的边界处有一定的边界(默认10个像素),以对齐相应的部件边缘(例如并排布置的两个部件的顶部边缘),或者在共同的中点对齐(以对齐两个部件的中宽度或中高度)。 由于这种拖拽行为在拖动期间发生,捕捉向导将出现在画布上,以帮助指示第一个部件的第二个部件的哪些特征被捕捉。 Togglethisbehaviorviathetopmenuat“”,orviatheWidgetSnapSettingdialog,availableat“AGridandGWidgetSnapSettings”。TheWidgetSnapSettingsdialogalsogivesyoutheoptiontochangethewidgetsnapmargin(10pxbydefault)andthesnapguidecolor(bluebydefault)。 在“AGridandGSnaptoWidgets(安排网格和向导线部件捕捉设置)”的顶部菜单中切换这个行为,或者通过组件捕捉设置对话框,在“安排网格和向导小部件捕捉设置”中可用。部件捕捉设置对话框,还提供了更改小部件捕捉边界(默认为10px)和捕捉引导线颜色(默认为蓝色)的选项。