小楼axure rp教程(一)文本框焦点效果

AxureRP6.5教程 小楼一夜听春语 31572℃ 0评论

示例原型:点击这里下载

实现目标:

1、  文本框默认显示文字

2、  文本框获取焦点时如果是默认文字,则文本框清空,否则无动作;

3、  文本框失去焦点时如果内容为空,则显示默认文字,否则无动作。

最终效果如下:(如果效果不显示,可以单击图片在新页面中查看效果)

0

实现过程:(图片点击可放大)

1、获取焦点时,如果输入框里的文字等于默认值,就清空。(不是默认值,就不会有动作。)

 

1

2

2、失去焦点时,如果输入框是空的就自动填入默认值。(如果不是空的,就没有动作)

3

4

 

好了,生成原型就能看到想要的效果了。


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » 小楼axure rp教程(一)文本框焦点效果

喜欢 (8)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(12)个小伙伴在吐槽
  1. if
    Whiskin2013-09-15 13:37 回复
  2. else if
    小楼一夜听春语2013-09-16 09:26 回复
  3. 小楼,请问一下,对于这个原型,我想让文本框默认的字为灰色,而输入的字为黑色,应该如何实现呢?
    90后PM2013-10-24 14:15 回复
    • 小楼一夜听春语
      通过两个文本框来做,具体参考Axure6.5高级进阶视频教程第一讲。
      小楼一夜听春语2013-10-24 17:27 回复
  4. 太有用了,感谢!
    liyanxiuhong2013-10-30 16:57 回复
  5. 学习了,感谢!!!
    kahn1782014-05-16 10:38 回复
  6. 我说你这个图片真心的不清楚,还有就是那个if什么的哪里来的我都不足道,能不能详细点,我是新手,这是第一课
    sunsong2014-06-05 11:18 回复
    • 小楼一夜听春语
      图片不清楚,你点一下就能看大图;if不知道从哪来的就去学学基础;你是新手...我怕你呀???
      小楼一夜听春语2014-06-05 15:48 回复
      • 赞小楼! :mrgreen: “你是新手...我怕你呀???”哈哈哈……
        leontine_lee2017-06-07 15:14 回复
  7. 老师 文本输入框放到动态面板里面不能用了 请问是什么情况
    小超2015-05-13 15:04 回复
  8. 亲,麻烦问一下啊,条件设置好了,第二张图怎么出现的“设置变量和控件值”,我百度了好久都没找到,请您帮忙解答下呢 🙁 🙁
    axure好难2016-04-14 16:57 回复