Axure教程
-
【Axure教程】自定义显示隐藏的中继器表格
自定义显示隐藏表格在页面设计里是非常常用的一个功能,当一个表格有很多列时,不同的用户着重点也有所不同,我们就可以通过自定义显示隐藏的方式,为不同的用户提供个性化表格,这就是自定义显示隐藏表格。用户可以通过勾选的方式查看需要显示的内容,需要勾选隐藏不重要的内容。 制作完成之应具备以下交互效果: 1、勾选列名时显示该列内容,取消勾选列名时隐藏该列内容 2、可以对不同列的数据进行模糊搜索 3、制作完成后…
-
【Axure教程】低代码可视化编辑器
低代码是一组数字技术工具平台,基于图形化拖拽、参数化配置等更为高效的方式,通过少量代码或不用代码实现数字化转型中的场景应用创新。例如在业务系统中,如果企业新增了一项业务,以往往往需要对系统继续开发和升级,但是有了低代码可视化开发的方法后,就可以由业务人员在系统中增加新业务的流程、审批、配置。大大降低了企业的开发成本。 所以今天作者就教大家在Axure中制作一个低代码可视化编辑器的原型模板 一、效果…
-
【Axure教程】中继器联动——二级下拉列表案例
我们在画高保真原型的时候,经常会遇到需要两个或者以上中继器联动的情况,例如,我们可以选着一二级行政区,二级行政区又要根据一级的选择而发生改变,这时我们就需要用到中继器联动来制作这种效果。 所以今天就和大家分享中继器联动教程,我们以二级下拉列表为案例,教大家如何用中继器制作下拉列表,以及两个下拉列表之间的联动交互。 制作完成之应具备以下交互效果: 下拉列表由中继器制作,在中继器表格中填写选项,自动生…
-
【Axure教程】用气泡元件显示中继器表格里的省略文字
在系统表格中,经常会遇到有些格子里的内容很长,如果全部显示就会导致一页看不完其他列的内容,遇到这种情况,我们往往是只显示长内容的前面部分,如果鼠标移入的时候才会显示全部内容。 这样的好处一是可以一眼看完表格内完整的内容,二是如果想查看详细的长内容,也可以通过鼠标移入的方式查看。 所以今天作者就教大家,如何用中继器和气泡元件实现这种显示具体文字内容的原型模板。 一、制作完成后应具备以下效果 在中继器…
-
【Axure教程】用中继器制作树形表格
树形表格在系统中是非常常用的表格类型,可以反映父级和子级关系,可以快速查看全局数据,也可以下钻查看详细的数据。因为Axure里只提供了基础的表格元件,没有提供树形表格的元件,所以今天作者就教大家如果用中继器制作一个树形表格。 制作完成之应具备以下交互效果: 点击箭头可以展开或者收起对应的内容 数据维护在中继器表格内维护,填写内容后自动生成表格和交互 可以自由控制初始表格显示或收起的内容 原型地址:…
-
【Axure教程】自动识别文件类型的上传列表
文件上传是系统中很常用的功能,所以今天作者就教大家在Axure中如何利用中继器,制作一个能自动识别常用的文件类型的上传列表。 一、效果展示 1、点击上传按钮,可以选择本地的文件进行上传 2、选择文件后,在上传列表中新增该文件,回显选择文件的名称,并且根据文件类型自动识别匹配对应的图标,案例中做了常用的11种文件的匹配,需要增加的也可以用下面的方法继续增加。 3、鼠标移入对应文件,会有一个高亮的效果…
-
【Axure教程】拖拉拽移动地图
在可视化的原型中,地图是常用的元件,所以今天作者就教大家如何制作拖拉拽移动地图的原型模板。 一般而言,大部分人都是直接调用像高德地图、百度地图的图表,这种方式的缺点是要联网,而且修改时需要懂一点代码,而且地图都是由别人提供的,不能用自己的地图素材,例如园区详细地图、或者商场内部地图就不是很适用了。所以今天我就教大家如何在不调用外部地图的情况下制作托拉佐移动地图的效果。 制作完成之应具备以下交互效果…
-
【Axure教程】用中继器制作动态切换的柱状图
柱状图是数据可视化常用的组件,一般的柱状图只能看到某年份各月的数据,如果用组合柱状图或者堆叠柱状图,太多分类看起来也会很缭乱,这时就可以用动态切换的柱状图。 今天作者就教大家在Axure里面如何用中继器做一个可以动态切换的柱状图。 制作完成之应具备以下交互效果: 在中继器表格中填写具体数据和坐标轴最大值后,自动生成对应的柱状图 鼠标移入对应柱状体时,显示该柱状体对应的具体数据的数值 可以点击切换不…
-
【Axure教程】用中继器制作知识竞赛/答题app
今天教大家用中继器做一个知识竞赛/答题app的原型,该原型使用方便简单,制作完成后,所有交互都已经设定好,您只需要在中继器中导入问题、答案、每题的分数即可完成! 1. 效果展示 2. 原型预览及下载地址 https://axhub.im/pro/9783b97025114924/#g=1 3. 功能介绍 (1)回答正确:回答正确时,显示答案显示绿色,自动得分 (2)回答错误:回答错误时,选择答案显…
-
【Axure教程】拖动排序——扣款顺序
随着移动支付的发展,移动支付的途径和方式也越来越多,常见的有钱包余额支付、支付宝支付、微信支付、银行卡支付……随着绑定的账户越来越多,我们需要一个设置扣款顺序的功能页面。 所以今天作者就教大家如果做一个拖动排序的扣款顺序的原型模板,方便大家工作中能快速运用。 一、效果展示 1、可以上下拖动某一账户,鼠标松开时,将账户固定到该位置 2、使用中继器制作,使用时,只需要在表格中导入图标和文字,既可以生成…
-
【Axure教程】用中继器制作滑动选择器(穿梭框)
选择器是系统中常用的选择工具,一般分为点击选择器和滑动选择器。今天作者就教大家如何在Axure里面用中继器制作滑动穿梭框选择器的原型模板。 制作完成之应具备以下交互效果: 穿梭框效果:可以通过左右拖动,将选项从可选栏目移动到已选栏目,活动从已选栏目移动到可选栏目 复用性效果:可以在中继器表格里面增加、删除、修改选项,数据维护后自动生成交互效果 【原型地址】 一、选择器的制作 我们新建一个中继器,中…
-
【Axure基础教程】随机乱序数字键盘,让数字再飞一会儿
引言: 我以前用Axure做过一个小游戏,叫“数字华容道”。 数字华容道 可以点击下方链接试玩一下: https://demo.axureshop.com/?url=https://cloud.axureshop.com/r5nmdi&buyurl=https://www.axureshop.com/a/1689378.html 这是用中继器实现的,其中就用到了随机乱序的小技巧。 下面我们…