分类:AxureRP8.0教程

AxureRP8中实现伸缩式的图片展示交互效果

AxureRP8中实现伸缩式的图片展示交互效果
上午的时候,在一个群里看到这样的实现需求。 伸伸缩缩,感觉很爽的样子。 那么,这样的一个交互效果如何实现呢? 详细的教程我就不写了,直接上交互截图和源文件就好了。 好多操作步骤是吧? 实际上,只需要在一张图片上完成这些设置,剩下不管有多少张图片都是复制粘贴而已。 这里主要说一...

小楼一夜听春语 4周前 (11-23) 220℃ 1评论 11喜欢

可以更改样式与文字的选择文件功能

可以更改样式与文字的选择文件功能
今天在群里看到了一个需求。 有一位群友想将选择文件元件的文字修改成自己想要的文字。 我们通过将文本框设置为“文件”类型,就能够进行本地文件的选择。 不过这个设置在浏览器中显示文字的也不一致,谷歌浏览器是“选择文件”,火狐浏览器是“浏览...”。 而且,按钮的样式也不能随意改变。 ...

小楼一夜听春语 4个月前 (08-24) 840℃ 2评论 10喜欢

Axure文本框中任意位置插入字符

Axure文本框中任意位置插入字符
有人说我做原型很骚,我想这大概就是牛█的味道。哇哈哈哈哈哈哈哈哈!(为避免某些用户不适,此处隐藏一个汉字。) 今天,我再骚一回! 首先,我们先来看一张动态图片。 相信对这个案例感兴趣的朋友,已经迫不及待,想要插一插试一试。 别急! 这个案例需要使用JS才能完成。 因为,最关键的...

小楼一夜听春语 4个月前 (08-21) 911℃ 1评论 19喜欢

汉字拼音首字母查询(非JS版)

汉字拼音首字母查询(非JS版)
上图就是我们要实现的目标:输入一个汉字能够查到它的拼音首字母。 实际上,明白了实现原理之后,通过汉字查拼音、查声母都是可以实现的。 关键在于有没有一个能够使用的源数据。 我们先来看看元件的准备工作。 上面这张图,大家能够看到这个案例使用的所有元件。 最关键的就是命名为“Pin...

小楼一夜听春语 4个月前 (08-06) 1286℃ 0评论 7喜欢

日期类型文本框默认显示当前系统日期

日期类型文本框默认显示当前系统日期
有时候,在原型中我们需要添加日期的选择框。 在AxureRP8中,日期的选择框可以通过文本框指定为日期类型实现。 并且,如果想默认显示某个日期,可以在提示文字的输入框中输入格式为“yyyy-mm-dd”的日期。 不过这样处理的话,在原型预览时,没有办法手动输入日期,并且无法获...

小楼一夜听春语 5个月前 (07-27) 2644℃ 3评论 15喜欢

Axure中使用JS实现接口调用

Axure中使用JS实现接口调用
注意:此教程面向有类似需求和兴趣爱好者,无此应用的同学勿入,以免产生不适! 需求推动创造! 刚刚完成了一个企业培训。 这家企业因为自身业务需求,要求原型的保真程度已经是我所见过的企业中最高的了。 在培训结束后的讨论中,出现了这样的一个需求:根据输入的汉字形成拼音的首字母索引。 也...

小楼一夜听春语 5个月前 (07-22) 2733℃ 6评论 16喜欢

AxureRP中通过JS代码改变文本框类型

AxureRP中通过JS代码改变文本框类型
在AxureRP中通过JS代码,可以实现对元件属性以及变量的操作。 当然,这么深入的内容不适合广大的AxureRP使用者。 如果对JS有一定的了解,倒不妨结合一下,将一些复杂的交互简单化,形成可以重用的元件库,分享给大家使用。 实际上,AxureRP这款软件,它的目的也是不用编写...

小楼一夜听春语 6个月前 (07-02) 2678℃ 6评论 14喜欢

中继器实现某一行前后插入行的操作

中继器实现某一行前后插入行的操作
提示1:本篇教程不适合新手,以及未掌握中继器、动态面板、全局变量、局部变量、系统变量等使用的...新手。 提示2:本篇教程中,动作设置的具体细节,请参考文末源文件。 我们知道中继器可以实现列表,对于平常所见到的表格可以非常容易的实现。 并且,还可以通过中继器的一些交互动作实现添加...

小楼一夜听春语 6个月前 (06-24) 3481℃ 4评论 12喜欢

解决鼠标单击时与鼠标长安时事件冲突

解决鼠标单击时与鼠标长安时事件冲突
假设我们想做一个交互效果如下。 默认情况下,有一个APP的图标。 当我们鼠标单击这个图标时,打开APP的home页。 而长按这个APP图标时,图标带有选中状态的阴影,显示删除这个APP的按钮。 按照常规思路,我们只需要给图标的鼠标单击时添加打开home页的链接,鼠标长按图标时...

小楼一夜听春语 7个月前 (05-24) 2214℃ 7评论 8喜欢

Axure技巧-交互样式-鼠标悬停

Axure技巧-交互样式-鼠标悬停
这一篇教程给大家分享一个Axure中的技巧-交互样式设置之鼠标悬停。 我们先来看一个效果。 上面这张图片的动态效果,就是我们这篇教程的实现目标。 简单的描述一下需要注意的内容,这也是我们实现最终效果的重要参考。 1、默认状态下,图标上方有半透明遮挡。 2、鼠标指针进入图标时,图...

小楼一夜听春语 7个月前 (05-20) 4162℃ 10评论 22喜欢