童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

AxureRP8的网格、引导线、辅助线和捕捉的使用

8月28日 艮山观投稿
  本文主要讲解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)和捕捉引导线颜色(默认为蓝色)的选项。
投诉 评论 转载

APP吐司功能,如何用Axure画出来?吐司用来反馈信息或临时提醒用户,俗称提示条。典型应用场景原型画法(无交互)吐司通常包含背景、文案、图标,位于页面中间。1、先画背景。从默认元件库拖动“矩……我用Axure做了个计算器这是一篇有趣的文章,本文作者是一只单身狗,昨天别人都在过七夕,而他在奋笔疾书:用Axure做了个计算器,与你分享始于颜值始于颜值始于颜值七夕了,我们不讲……Axure中继器:2级菜单最简洁的打开方式之前看到过很多介绍制作2级菜单的文章,大都是制作N个子菜单,隐藏后待适当时机(点击)再显示。看看密密麻麻的隐藏元件,实在头大,是否有简洁一些方法呢?当然有了!今天就带大家……AxureRP8的网格、引导线、辅助线和捕捉的使用本文主要讲解AxureRP8的网格、引导线、辅助线和捕捉的使用,一起来看看词典:Configure:配置;设定;使成形;使具一定形式onthecanvas:被……玩转Axure:如何实现搜索框联想词效果我们几乎每天都会使用到搜索功能,在使用百度的时候经常能看到在搜索框中你只要输入部分关键词,就能看到下边列出来的候选词,这种方法不仅能够帮助那些无法准确定位要搜索什么词的用户,还……Axure教程:导航栏的制作(鼠标移入显示子栏目,移出隐藏)鼠标移入显示子栏目,移出隐藏,这样的交互一般会用在网站导航栏,如人人都是产品经理的网站的导航栏也是如此,现在我们一起来看一下怎么设计吧。如下图:又见效果图,客官请看……Axure教程:快速上手中继器,实现动态添加和删除“标签”本文分享了使用中继器设计小标签,实现动态添加和删除的方法。如何快速上手使用中继器,一起来看看何时使用标签用于标记事物的属性和维度。进行分类。先上效果:……Axure:2分钟制作三级折叠菜单之前看了小楼老师的三级菜单制作,跟着做了一次,学习到很多东西,但是又都还回去了。这次打算在Axure:一分钟制作二级折叠菜单的基础上趁热打铁做一个三级的,个人一直认为任何事情只……总结:6个常见的原型设计的陷阱文章总结了在原型设计时常见的六个陷阱,一起来文中看看很难想象,如果没有原型设计,如今的数字产品设计流程会变成什么样。原型的存在,让产品团队在制作和开发过程中更加直观,就像……APP分段控件功能如何用Axure画出来分段控件是指一组分段按钮,点击之后切换到相应视图。俗称分段器、标签页。典型应用场景原型画法(无交互)分段控件通常由多个分段组成,每个分段由按钮和图标组成。位于……Axure教程:密码可见与不可见的切换设置我们平时注册或者登录时,输入密码的时候,通常都会有密码的可见与不可见切换设置,看起来简单又常见的交互效果,做起来却没有想象中那么简单,我们一起来看看怎么做吧国际惯例,看了……Axure教程:移动端的页内tab如何设计本文分享如何用Axure做移动端常见的页内tab设计,一起来看看先看看效果为什么要用tab(1)用于区分不同类别将不同类别的内容划分的不同的版块,使用户……
职场的语录职场正能量的语录职场正能量的语录95条职场心灵鸡汤语录常用职场心灵鸡汤语录75条职场的语录摘录经典职场的语录75条职场正能量的语录99条常用职场正能量的语录摘录75条职场心灵鸡汤语录职场的语录职场的语录100条华为发布智慧交警解决方案助力全球打造安全城市她是大北京旅游圈中的一个新区,很多的好景区,您可以收藏了强盗都是坏蛋么?亮丽造句用亮丽造句大全题梅赠郭太守还镇江在农贸市场私拉乱接电线违法吗领导怎么样让下属佩服大班毕业典礼讲话幼儿园班主任致辞转发一篇我收藏的声律启蒙,供喜欢对联的朋友学习面朝大海3战5827!老而弥坚,篮网260万签约神来之笔,你助KD哈班组建设及班组长胜任力提升精选多篇

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界