-
可能是 Axure 中继器实现树形结构的最简单教程
下载教程源文件(密码:0000)> 网上看了几个关于中继器实现树形结构的教程,感觉都略显复杂,所以动手做了一个,应该算是目前来讲用中继器实现树形结构最简单的方式了,先看看效果。 接下来上教程。 先在工作区添加一个中继器,中继器內的元件如下: 画个图会更清晰一点: 最外层是一个中继器,命名为“树”; 第二层是一个动态面板,只有一个状态,命名为“节点”; “节点”內有一个动态面板,命名为“箭头方…...- 产品锦李
- 0
- 93
-
一个可能99.9%的人不知道的Axure功能
这个功能也是我最近才发现的,我以为是 Axure 10 新增的功能,后来发现 Axure 9 也有,只是之前没发现,这个功能就是——插入文本链接。 如下图这样的设计,后面的文字带有超链接,以前一般分成两段文本放在一起,然后给后面的文本添加超链接;或者就是放一段文字,再给后面的文字添加“热点”,给热点添加超链接。 或者如下图的表格,操作列的“编辑”和“删除”对应两个不同的操作,一般只能放置两个文本在…...- 产品锦李
- 0
- 648
-
Axure 实现选取表格行、列交互
在办公软件或富文本编辑器中插入表格的时候,我们经常可以看到如下交互: 通过在表格上移动鼠标,可以选取想要插入的表格行、列数,本文分享如何通过 Axure 实现这个交互。 这个交互的实现用到了中继器,所以首先在工作区拖入一个中继器元件,中继器內放一个矩形,并设置为每行10项水平分布: 再返回中继器外,在中继器上方放一段文本,默认文字为:插入表格:0行 * 0列。效果如下: 鼠标在中继器的矩形上移动时…...- 产品锦李
- 0
- 962
-
巧用 Axure 中继器 index 调整表格排序
以下是本文要实现的效果,点击“添加”按钮可以往表格内添加一行,点击“删除”按钮可删除当前行,点击箭头可交换上下两行的排序,上箭头与上一行交换排序,下箭头与下一行交换排序。 这里表格是通过中继器控制的,中继器內有两列数据,order_num 用来排序,name 用来保存姓名: 在中继器载入时,按排序值 order_num 进行排序: 要在中继器中交换两…...- 产品锦李
- 0
- 1.1k
-
验证码,除了 12306,我还没有服过谁(图形点击、图形拖拽)
本文分享两款高保真验证码的设计,首先看一下两款验证码的效果: 图形点击验证码: 图形拖拽验证码: 如果你想体验一下或想直接在自己的项目中引用这些验证码,可点击 传送门>> 预览了解。 由于这两款验证码的核心知识点在之前的文章中已经有分享,所以本文着重分享设计思路。 图形点击验证码 首先是下方随机生成的6个待选的图形,这是通过中继器随机取出的,实现的逻辑是给中继器增加一列,命名为&ldq…...- 产品锦李
- 0
- 829
-
Axure 实现智能客服关键词自动回复效果
以下是项目的最终效果,有兴趣可点击 传送门>> 体验 本文主要分享该项目中实现关键词自动回复的核心逻辑。 首先,客服的对话窗口是一个中继器,关于如何通过中继器实现这种对话效果,各位可参考本人之前分享的文章《【Axure 教程】中继器,你过来,我们“聊聊”》,本项目就是在此基础上修改的。 接下来讲讲重点——如何实现关键词自动回复效果。 首先讲一下原理。这个功能的实现需要两个中继器,一个是…...- 产品锦李
- 0
- 528
-
我用 Axure 做了一个云盘
以下是云盘界面的截图,有兴趣的朋友可以通过原型体验一下,传送门>> 本文主要分享这个项目的设计中最核心的两个要点:如何用 Axure 中继器实现目录分级和动态路径。 目录分级 我们在资源管理器或云盘中访问一个文件的时候,如果这个文件被放在多个文件夹下,我们需要一层一层展开文件夹,直到找到文件为止,这个层层嵌套的结构,就是目录分级。 接下来看一下在 Axure 中,如何实现这样的效果。 …...- 产品锦李
- 0
- 1.3k
-
【Axure中继器】利用中继器的“监听”事件实现时钟的效果
Axure上实现时钟的效果,有很多方式或者也有过很多案例。 这里我分享一个利用Axure中继器的监听来实现。 先看效果: https://urrtqy.axshare.com 实现思路: 1 、时钟,无非就是要让秒针转起来,这个转起来的动作,肯定是一个循环的事件; 2 、秒针转一圈后,分钟就转一格;分钟转一圈后,时针就转一大格; 3 、为了逼真,秒针在转动的过程中,分针要根据秒针转了多少,要转动对…...- 深南大道
- 0
- 483
-
Axure 日期时间函数技巧分享
日期时间函数格式化 Axure 的日期和时间函数在取值的时候,有时候会取到这样的值:2023-1-1 9:9:9,但在大多数时候,如果只取到 1 位数,我们是需要做一些格式化处理的,比如在数字前面补 0:2023-01-01 09:09:09。 但如果要你自己写这些格式化公式,你可能会写到奔溃,因为公式太长了,所以以下我整理了一些 Axure 日期时间函数比较常用的一些格式化的公式,你可以直接取用…...- 产品锦李
- 2
- 1k
-
Axure中继器(标记/删除)重复行
前言 数据重复是指在数据集中存在相同的数据记录,数据重复的原因有很多,比如人为操作失误、多点采集、数据传输错误、备份还原错误等。 数据去重是指在数据处理中,通过比较不同记录之间的特定字段,将相同或类似的记录保留一份,并删除其他副本的过程。 大家都用过Excel的数据筛选功能吧?点击筛选器图标,下拉列表中会显示出该列的全部值,相同的值只会出现一次,明显是执行了去重操作。如果想在Axure里实现这种效…...- Jorkin
- 0
- 375
-
【Axure中继器】改变中继器中数据的序号实现拖动排序的效果
本文适合对中继器有一定使用基础的同学。 先看一下效果,拖动表格数据进行排序。 https://m3wq2w.axshare.com 【实现思路】 1、在Axure中,Panel是支持拖动移动的; 2、如果在中继器中,选中某一个记录进行拖动时,移动某一个动态面板,就可以实现好像数据表中的数据在移动了 3、拖动结束时,判断鼠标移动到哪里了,然后把移动的数据插入当前行,后面行的序号增加1即可。 【需要的…...- 深南大道
- 0
- 694
-
Axure Cloud本周四将开启只读模式进行维护
各位Axure用户请注意,Axure公司发布公告称将于北京时间12月14日星期四7点到10点进行维护,请避免在此期间发布原型。维护期间不影响查看已经发布的原型。 Axure Cloud will be in read-only mode for maintenance on Wednesday, December 13th, from 3 PM to 6 PM PST. During this t…...- 黄老师
- 0
- 416
-
【Axure基础教程】利用动态面板的拖动,实现APP拖动页面回到有效内容范围内的效果
实现这个效果,主要是利用Axure中的面板拖动交互和组件是否在另一个组件接触范围的条件即可事项。 需要的组件:一个手机模型、一个主动态面板、两个热区(hot spot)、再在主面板的状态中放一个用来显示内容的面板(主要是拖动这个面板),组件布局如下图: 在主面板的状态中放以下组件,如下图: 下面,添加交互了。 主要在内容面板上增加“拖动”和“拖动结束”,两个交互即可。如下: --结束--...- 深南大道
- 0
- 1.4k
-
Axure10 对比 Axure9功能优化
本文罗列了一些我个人认为 Axure10(下称新版)相对 Axure9(下称旧版)在设计原型上的体验和功能优化,还没有用过 Axure10 的朋友可以看看是否值得升级。 样式工具栏 新版样式工具栏增加了更多样式的调整,比如设置动态面板的样式,旧版需要跑到“样式”板块设置,新版可以直接在顶部的样式工具栏设置,使用起来更便捷。 新版 旧版 动态面板 新版动态面板的最大更新是可以同时查看所有状态的内容,…...- 产品锦李
- 0
- 1.9k
-
【Axure中继器】利用中继器实现表格内新增一行和编辑的效果
本文适合对中继器有一定使用基础的同学。 我们在做产品方案时,有些产品场景会用到表格内的行编辑功能。 我用Axure的中继器来实现这个效果。 先看一下效果:https://d412or.axshare.com 一、需要的组件 两个按钮、一个中继器、一个动态面板(右击显示菜单用的) 另外设置一个全局变量:CurIndex,用来保存当前行的序号;IsNew,用来区别是新增还是编辑。 中继器中,设置如下:…...- 深南大道
- 0
- 1.7k
-
Axure RP 9.0汉化包更新 解决了一个bug
昨天我们更新了一下本站发布的Axure RP 9.0汉化包。主要是解决了一个在MAC电脑上,启动时出现两个软件图标,其中一个报意外退出的错误。 经过排查是汉化包导致的这个故障,删除掉汉化包就可以正常启动,并且没有报错。我们对汉化包进行了检查,是其中一个词条的翻译与系统冲突了。因为Axure是国外软件,有些词条是直接引入到程序代码中的,一旦翻译错误就会导致代码运行报错。有一些词条甚至不能翻译,以前也…...- 黄老师
- 0
- 2.1k
-
随机数字键盘,简单实现版
受“【Axure 教程】随机乱序数字键盘,让数字飞一会儿”的启发,对数字键盘的实现,改良了一版稍微更简单的实现方式。 原来大神“产品锦李”的方案,运行后发现出现的数字有明显的时间等待和看到数字变化,因为每一个数字都是随机产生后再赋值显示的。稍微思考了一下,准备用一次性产生10位数字,一起赋值的方式,这样就不会有先后的视觉。 一、绘制键盘 首先拖进来一个表格,按照上图改成3*4的键盘形式,再拖进来1…...- 深南大道
- 0
- 378
-
Axure10 母版更新功能说明
近期,Axure10 母版更新了非常实用的功能。 更新前,像以下的两个弹窗是没有办法做成母版的,因为两个弹窗的操作按钮文案不一致: 更新后,如果两个弹窗的结构一致,只是文案不同,就可以通过母版进行管理。 首先我们将其中一个弹窗创建为母版,然后再将母版拖进工作区。 如果我们想调整第二个弹窗的文案,可以选择该元件,此时在交互窗体中可以通过“样式覆盖”对文案进行修改。 此外还可以对单选按钮和选项按钮进行…...- 产品锦李
- 0
- 519
-
如何将Sketch内容导入Axure RP
有很多设计师同时在使用Sketch和Axure进行产品设计工作,那么如何是否可以将Sketch上的内容导入Axure呢?只需要借助官方提供的Axure plugin for Sketch插件,就可以轻松将这些精美的设计导入 Axure RP,通过丰富的交互性使它们栩栩如生,并添加进产品文档。 注意:Sketch是一款只能运行在苹果MAC系统上的矢量图设计软件,而这个插件是给Sketch用的。有很多…...- 黄老师
- 0
- 1.5k
Axure交流微信群
问答
PREVNEXT