Axure联级框怎么快速制作?

作者&投稿:慈奋 (若有异议请与网页底部的电邮联系)
~

Axure联级框是原型制作中的很重要的一个功能之一,很多小伙伴可能刚入门Axure,对于Axure联级框的制作还不会!因此,接下来将为大家分享到的是关于Axure联级框的制作教程~自学Axure,就上!精选Axure自学视频课为不同阶段朋友提供精准专业对点学习!无论0基础还是有一定基础,都可以获取专业的课程学习~

Axure联级框快速制作方法:

一、文本框

如上图所示,拖入矩形,模拟输入框,并填入文字“请选择”,设置好【悬停】、【选中】、【获取焦点】的交互样式;文本标签作为下拉联级框的标题,按上图布局即可得到文本框模型;

二、联级框

如上图,拖入三个中继器,分别命名为【L1】、【L2】、【L3】作为一级、二级、三级的联级列表,并做好数据填充和【每项加载】的设置,分别将【Item.L1】、【Item.L2】、【Item.L3】赋值给到【L1】、【L2】、【L3】;

在填充数据这一步,建议大家可以像上图一样,先用Excel做好数据备份,以便后续修改使用,且中继器数据是支持直接通过Excel复制黏贴到中继器的数据表中的;

三、交互设置

选中【L1】的中继器,双击选中【L1】文本标签,添加【单击时】设置切换选中效果的交互动作;

为【选中时】添加设置文本,将【Item.L1】赋值给到【sel_L1】的文本标签;

同时,向目标对象【L2】中继器添加筛选,规则为[[Item.L1==TargetItem.L1]],注意勾选“移除其他筛选”

并且显示【L2】中继器;

当【取消选中时】,将【sel_L1】设置为空值,且移除【L2】的筛选,同时隐藏【L2】;

同理可以自己尝试一下设置【L2】的交互哦~

最后,【L3】的交互就相对简单一点,同样,需要设置切换选中的交互动作,但【选中时】仅需将【Item.L3】赋值给到【sel_L3】文本标签,且【取消选中时】将【sel_L3】设置为空值;

四、细节优化

这个组件的小细节还是比较多的,我就不一一说明了,我就挑几个来说,首先是联级框的背景,在选中【L1】时,需要将背景的宽度翻倍,选中【L2】时,背景再加1.5倍;

中继器【L1】的文本标签【选中时】,除赋值给【sel_L1】外,需同步重置【sel_L2】、【sel_L3】的值;

中继器【L1】的文本标签【取消选中时】,隐藏【L2】、【L3】中继器;

好啦,以上的内容就是“Axure联级框怎么快速制作?”的相关分享了,希望对你的Axure学习操作有一定的作用哦!学习Axure,一篇就学会是不大可能的,而几篇几十篇几百篇Axure文章就不一样了。学习更多Axure,Axure相关文章、问答、视频教程综合助力~最后,学习Axure,课程不用到处找,上快速获取,专业教学~




Axure联级框怎么快速制作?
一、文本框 如上图所示,拖入矩形,模拟输入框,并填入文字“请选择”,设置好【悬停】、【选中】、【获取焦点】的交互样式;文本标签作为下拉联级框的标题,按上图布局即可得到文本框模型;二、联级框 如上图,拖入三个中继器,分别命名为【L1】、【L2】、【L3】作为一级、二级、三级的联级列表,...

Axure绘制省市县地址输入器
点击省份选择器,显示所有省份,选中后联动显示对应市和县。点击市选择器,仅显示选定省份的市;未选省份时,会提示选择省份。点击县选择器,只展示选定市的县;未选市时,同样提示选择市。原型制作1. 省份下拉选择器首先,自定义输入框:创建矩形背景,设置交互,再添加文本输入框,隐藏边框。接着,使用...

怎么使用Axure制作二级下拉列表?
使用Axure制作二级下拉列表方法:一、基本材料的准备矩形、上下箭头、中继器。矩形+上下箭头组和默认显示的部分,这里上箭头也是默认隐藏的。中继器+矩形(背景框)组合弹出选项,默认隐藏。如果鼠标单击矩形+上下箭头组合是,我们用显示的交互将中继器+矩形(背景框)的弹出组合显示出来,这里记得选择灯箱效果...

Axure用中继器和动态面板怎么制作一个可以自动化菜单?
选择一级菜单,建一个单击事件,单击是切换二级菜单的动态面板的可见性,效果选择推动和拉动元件。这个菜单不会的,自行百度一下二级菜单怎么做。第2步数据绑定 2.1.数据绑定,将中继器里的菜单内容,跟一级菜单、二级菜单设置绑定管理。选中中继器(直接新建页面载入时事件也行),新建交互事件,选择载入...

怎么提升Axure使用效率?有什么小技巧?
原型页面间的层级结构,不建议使用动态面板。三、合理的使用Master【母版】,减少重复性设计母版适用与结构一致且重复的组件,比如列表单元格,但其实小到一个按钮,大到一个具有完整功能的复合组件模块,都可以依据使用场景将其转换为母版。Axure9新增了覆写的功能,可以在母版上直接修改文本及替换图片,...

Axure8 交互设计
在弹出的"用力编辑"框框中,点击"设置文本"。,如图2.2 勾选"当前文件",将"值"更改成要更改的的内容 3.一级交互联动式改变效果内容 场景:甲方爸爸说 我不要鼠标亲自触碰框框从而达到改变效果,要在" 无触碰 "下改变效果 学点: 初步 理解交互联动 思路:引进一个小伙伴C让其充当我们的...

Axure怎么制作一个信用卡申请步骤条模板原型?
步骤1——选择卡片 中部图片轮播原件 交互:(1)左右滑动切换图片。(2)点击左右图片切换。(3)点击左右箭头切换。(4)点击中部图片或右下方立即申请按钮可跳转至下一步。使用:使用方法简单,只需要在中继器里导入图片即可直接使用,其他效果按个人需要修改。步骤2——基本信息 中部自动校验输入框原件...

axure rp是干嘛的
1.首先我们打开Axure软件之后,拖入一个矩形3元件:选中矩形元件,点击工具栏上的填充颜色图标,拖动“不透明”,将不透明度,设置为“0”需要将矩形显示出来,只需将不透明度拖到100数值即可。2.关于设置图片的透明度就不是填充颜色里面设置了,我们拖入图片元件之后,会发现填充颜色的图标是点不了的,那...

交互设计专业排名最高的大学有哪些
伦敦传媒学院(London College of Communication)(以前的伦敦印刷学院)是伦敦艺术大学的6所学院中的一所。提供广泛的课程:平面设计、摄影、新闻、市场营销、电影(从预科、本科、研究生到研究类课程)。2003年10月,伦敦传媒学院正式开放它的新教学楼,该楼拥有艺术级的媒体设备。金史密斯学院 伦敦大学金...

什么是产品体验师
跟踪互联网前沿:例如vr\/ar,物联网,智能设备等等;大数据平台:常见的例如易观数据,talkingdata,这些互联网大数据平台会提供部分免费的行业分析报告,了解互联网大数据对产品整体把控有一定的帮助。如果需要学习,可以看下这几个软件:1.脑图工具:百度脑图2.文档共享:蓝湖、Axure等软件3.项目管理:jira 本回答被网友采纳 ...

余庆县17810951218: Axure怎样制作内部框架 -
其费磷酸: 在page1页中添加明显的背景色,如蓝色在home页中添加两个内部框架,分别命名为1和2将首页的背景色设置为黄色对1框架,设置链接为本地page1对2框架,设置链接为百度按f5预览home页,效果如图所示

余庆县17810951218: 如何利用Axure PR 8制作Button -
其费磷酸: 如何利用Axure PR 8制作Button 第一步,打开Axure RP 8软件,找到“Rounded Rectangle”,拖出一个到Home页面 第二步,拖出两个“Label”和两个“Text Field”到Home界面,并修改了Label标签内容 第三步,再拖出两个“Link Button”...

余庆县17810951218: axure RP 复选框联选:要求四个复选框,选中第一个,四个同时选中,在线等 急,一定要详细操作流程 本人菜
其费磷酸: 这个简单 四个复选框 每一个复选框做一个ONFOCUS的时候 交互动作为设置组件为选中状态 然后把其他三个都勾上就OK了 如果点任意都选中 就是四个都要做 如果只有一个 或者指定个数 就做一个或者指定个数个的交互就可以了

余庆县17810951218: 如何利用Axure RP 8创建下拉框 -
其费磷酸: 首先,将安装好的Axure RP 8软件打开,这时窗口出现Home以及下面的三个Page,接着,在视图窗口拖出一个Droplist组件,放到编辑设计窗口,鼠标右键选中下拉框,点击“Edit List Items”,出现“Edit Droplist”窗口,利用上方绿色的“+”添加下拉框中的选项,就这样添加了九项,于是,设计好下拉框选项后,单击“F5”进行预览,初始化时如果想禁用下拉框,在设计时鼠标右键,点击“Disabled”禁用;并再次预览,

余庆县17810951218: axure实现二级联动 如何使下拉列表中的省份与城市相对应 比如江苏对应13个城市 -
其费磷酸: 选择二级联动的城市的下拉控件放在动态面板里面,动态面板里新建多个状态,每个状态放一个省对应的城市.然后通过选择省份的控件来控制动态面板的状态.比如:选择江苏省,设置动态面板状态为“江苏”,这个时候,状态里对应的选择城市的控件就出来了.

余庆县17810951218: 如何利用Axure RP 8制作单选框 -
其费磷酸: 制作单选题中的单选框步骤:添加多个单选按钮;同时选择上这几个单选按钮,右键点击——选择“设置单选按钮组”,输入一个名称;在Axure中将其中一个单选按钮设置选中即可

余庆县17810951218: 如何自制Axure RP Widgets -
其费磷酸: 但是,别人做的不一定贴切自己的需求,那就干脆自己动手,DIY一套属于自己的Widgets吧!1. 打开Library编辑功能;在Widgets中选择Create Library后,会要求你先为即将创建的Livrary命名,Axure Library的后缀名为“.rplib”.2. 在Widget Library中添加自定义的Widget: Widget Library长得像原来的Sitemap,但是Widgets没有上下级关系,所以看上去原来的一个页面就是现在的一个Widget.3. 选中Widget后就可以创造属于你自己的Widget啦!

余庆县17810951218: axure怎么用内联框架链接文字 -
其费磷酸: 你首先需要知道什么叫内联框架,它是指这个框架之中的内容,你可以在另一个页面中写好,当你把内联框架放到页面中,双击,会弹出弹框,让你选择一个页面,把你需要显示的内容放到这个页面中,就可以在内联框架中展示内容

余庆县17810951218: 怎么用Axure做出两个下拉框,前一个下拉框中的选项变化时,后面的下拉框的选项也跟着变化
其费磷酸: 可以设置联动的,详见AxureRP教程–联动效果交互设计http://www.itfarmer.com.cn/288.html

余庆县17810951218: 如何利用axure 制作弹出提示框 -
其费磷酸: 有个办法可以实现你说的效果1.设置一个文本框设置为密码遮罩2.设置这个文本框底色为透明3.设置这个文本框默认值为空4.在这个文本框的下方放一个文本并写好“请输入密码”注意文本位置要与文本框相配合5.设置在文本框的交互为:单击时---》文本的值等于空. 失去焦点时 if文本框值为空则设置文本的值为“请输入密码” else if文本框值不为空则文本的值为空 注意我说的“文本”与“文本框”是两个部件 你对着axure部件库核对文字就知道了 用动态面板的方法太低级了会造成你的页面部件结构混乱

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网