多语言展示
当前在线:1715今日阅读:39今日分享:10

axure制作下拉框框中光标闪烁,等待输入的效果

Axure中,设计了一个下拉框控件,点击“增加XXX”选项后,转变为“光标闪烁,等待输入”状态,如下图所示:*上传的gif图片显示可能有问题,不能达成效果……
工具/原料

Axure RP 8.0

方法/步骤
1

新建“标签”和“下拉框”下拉框的选项编辑,放4个选项:“光标闪烁效果范例”、“------------------------------”、“增加XXX”、“空格”效果如下图所示

2

在新建一个标签,命名为“光标”,“光标”内容为“|”,设置为隐藏并置于“下拉框”上方

3

设置“光标”隐藏和显示的切换,状态1:当“鼠标移入时”,'光标'显示,并等待1000毫秒,并触发“鼠标移出时”状态2:当“鼠标移出时”,'光标'隐藏,并等待1000毫秒,并触发“鼠标移入时”如下图所示:

4

设置'光标'循环触发方式。比如,当下拉框选项,选择”增加XXX'时,触发'光标'的“鼠标移入时”状态(必要的时候,可以置“光标”顶层),即可看到“光标”在那一闪一闪,等待输入的状况了下图为“下拉框”选择时的动作参考

注意事项
1

根据下拉框选项,设置“光标”顶层,底层的切换

2

下拉框设置一个“空格”选项,为了有个选项可以给“光标”处于等待输入的状态

推荐信息