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

发布:xueshitianqian | 分类:产品经理 | 引用:0 | 浏览:

28 Apr 2011

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

 

 

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

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

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

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

 

 

 

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

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

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

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

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

 

 

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

徐倩SEO博客:www.hongren.org

  • 相关文章:

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

Avatar

顾家工艺

2012-6-7 22:52:29

这个真的有用吗83705

Avatar

匹克运动鞋

2012-6-7 22:31:35

文章不错58489

Avatar

水星家纺四件套

2012-5-28 18:39:55

文章不错12267

Avatar

无锡会计培训

2012-4-14 15:49:56

待研究呢?下次更新吧!

Avatar

无锡平面设计培训

2012-4-10 9:02:47

学习了,分享

Avatar

社区网

2012-3-8 13:38:12

我在6.0里做了,看不到效果!!

Avatar

浦东公司注册

2011-12-24 22:06:52

楼主强大

Avatar

安溪网站建设

2011-9-21 23:26:51

呵呵 更新了就好!期待下次更新啊

Avatar

广州佳和精神医院

2011-7-16 17:09:51

这个不是很懂呢

Avatar

广州佳和胃肠医院

2011-7-2 15:11:56

好好研究一下

Avatar

文胸品牌排行榜

2011-6-12 14:47:30

不错,学习学习

Avatar

玄幻小说排行榜

2011-5-28 13:42:16

学习学习吧

Avatar

580yo美图

2011-5-25 9:56:07

貌似好久没更新了

Avatar

玄幻小说排行榜

2011-5-25 0:36:42

说实话,我不懂,因为的确对这方面的东东不感冒。呵呵!话说,楼主一个多月没更新了····我每天都会过来看看·······
www.chxlm.com

Avatar

玄幻小说排行榜

2011-5-25 0:36:17

说实话,我不懂,因为的确对这方面的东东不感冒。呵呵!话说,楼主一个多月没更新了····我每天都会过来看看·······
www.59in.cn

Avatar

石家庄SEO

2011-5-24 17:30:46

好好学习seo

Avatar

时尚女人街

2011-5-24 17:30:03

记得更新啊

Avatar

IT渠道

2011-5-24 13:16:45

写的不错。我学习了。

Avatar

ewqe32131

2011-5-23 11:29:08

这么好的帖子,如果将来我再也看不到了,那我该怎么办?那我该怎么办? http://www.66hunqing.com

Avatar

北京SEO公司

2011-5-20 16:41:07

博主也是SEOer?

Avatar

北京SEO公司

2011-5-20 16:40:39

跟博主学习来了,值得参考
快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发

Avatar

博云saas软件

2011-5-19 9:55:34

这个还是不懂呢。因为自己也没有给自己做过站呢。

Avatar

上海CG培训

2011-5-18 16:15:24

飘过

Avatar

sfhdgj

2011-5-18 12:07:34

文章写的太好了http://www.shbangs.com我们进行了转载!

Avatar

580yo美图

2011-5-18 10:36:44

怎么还没更新啊

Avatar

bb

2011-5-17 14:26:43

再详细些就好了

Avatar

bangat

2011-5-17 10:58:21

文章写的很好!支持一下,转载一下http://www.clothingtg-180du.com

Avatar

mm美女

2011-5-11 17:16:09

可以参考一下。

Avatar

南通网站优化

2011-5-11 12:25:38

过来学习学习。

Avatar

性感美女写真

2011-5-9 15:01:39

漂亮

Avatar

恋78笑话大全网

2011-5-9 11:22:54

学习学习吧

Avatar

减肥产品排行榜

2011-5-9 10:59:17

来学习学习啊

Avatar

减肥咖啡

2011-5-9 10:57:02

在动态模板中画弹出框内容字段

Avatar

mm美女

2011-5-7 9:18:23

可以参考一下。

Avatar

减肥咖啡

2011-5-5 18:27:06

值得好好学习

Avatar

减肥产品排行榜

2011-5-5 18:26:21

没事过来坐坐了

Avatar

新全讯网

2011-5-5 1:37:23

楼主是用什么语言的呢?http://www.xinquanxun.com/

Avatar

淘愉视频网

2011-5-3 9:04:19

很好哦。学习一下。

Avatar

mm美女

2011-5-2 16:27:07

以后常来。

Avatar

北京网站优化

2011-5-2 14:59:30

嗯,前来关注下

Avatar

右脑王英语学习机

2011-5-2 8:24:42

博主的文章不错啊,以后常来。

Avatar

石家庄装饰

2011-5-1 13:17:06

恩,因为不懂这个,所以我离职了

Avatar

电脑椅

2011-5-1 11:37:45

可以参考一下。

Avatar

性感美女写真

2011-4-30 11:12:07

好文章就要收藏起来··

Avatar

美女图片

2011-4-30 9:47:23

呵呵!再次来看看

Avatar

随风飘荡

2011-4-29 15:57:21

博主的文章很棒,支持! http://xny.chenhua.cn/

Avatar

性感美女

2011-4-29 9:58:15

说实话,我不懂,因为的确对这方面的东东不感冒。呵呵!话说,楼主一个多月没更新了····我每天都会过来看看·······

Avatar

美女超人

2011-4-28 15:29:01

很好哟!我学习咯。。。

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于

徐倩产品设计博客www.hongren.org,SEO技术交流学习、网站运营、网络营销、产品设计。在互联网这条长路上找到产品方向作为以后职业目标,博客上点点滴滴记录工作三年来的心路历程。也希望在此结交更多志同道合的朋友一起交流学习。

我的图片

日历


控制面板

最近发表

最近留言