查看: 1015|回复: 0

axure 交互设计做输入框文字自动消失和显示以及弹出框

[复制链接]

1313

主题

1337

帖子

5644

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
5644
发表于 2014-10-17 17:09:01 | 显示全部楼层 |阅读模式
[/url]

axure 交互设计做输入框文字自动消失和显示以及弹出框


xueshitianqian 发表于 2011年4月28日 14:09:47        今天在webppd网站上看axure一些交互设计时候看了下在输入框中,光标放在输入框提示内容消失、光标移开输入框提示内容显示,用axure 也同样能做的不错,论坛上的朋友写了大概的思路,细节方面没有写完整,让我花费长点时间研究出来了,这回想作为笔记在博客上写下,也方便以后做这个交互的新手参考下。







1,在交互事件选择onFocus事件,添加交互属性

这里需要注意:选择交互属性“设置变量和组件值”下面只出现“set 蓝色超链接这一排”,我们还需要添加条件,在左上角第一步。如下图所示设置完,后显示两排,条件和结果语句来触发事件。




2,第一步属性操作完成了,别忘了,还有一步光标离开动作设置 onlostFocus事件设置。

注意:这里设置组件值说明,(设置组件属性和条件这里就不说了。)









3,以上两个事件的交互设置完后,回到操作区看看是否正确 如下图

注意:途中红色框中的,和设置的内容是否一致。仔细检查区别哦。




交互一:输入框光标自动显示文字内容和消失内容的交互功能基本完成了。

交互二:登录按钮出现弹窗提示,(在当前页面提示弹窗)。

交互二
1,说明:点击登录按钮,提示登录成功或者失败弹出框。
2,画出动态模板区,在动态模板中画弹出框内容字段。以及关闭按钮.
3,属性:选择隐藏动态面板,蓝色链接选择动态模板。
4,注意:隐藏默认页面动态弹窗,在动态面板管理标签下建新的标签“状态1覆盖即可”







动态面板那个隐藏只是在操作区影藏了,但是在静态页隐藏不了,只能用新的动态模板覆盖了,不知道还有其他办法解决不,希望更多爱好axure 做交互的朋友可以一起交流学习。

徐倩SEO博客:[url=http://www.hongren.org/post/289.html]http://www.hongren.org/post/289.html


收藏分享评分

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?马上注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 马上注册

本版积分规则

毒镜头:老镜头、摄影器材资料库、老镜头样片、摄影
爱评测 aipingce.com  
快速回复 返回顶部 返回列表