神秘时代granum1.7.10:提示文本框

来源：百度文库编辑：偶看新闻时间：2024/04/29 04:26:51

　　Axure是现在交互设计师必不可少的交互原型设计工具，其实和任何一款工具一样，只要根据常用效果实例多练练，基本就会知道各个控件的使用。今天分享一些在Axure经常用到的交互实例：带提示的文本框和拖拽效果。

　　实例下载：Axure常用交互效果实例.rar

　　1.带提示的文本框

　　将提示信息放置于文本框内是一种常见的交互方式。当文本框获得焦点(鼠标在文本框中点击）时，提示文字消失（显示为空，仅光标闪动）。当文本框失去焦点（鼠标在文本框外任意处点击）时，提示文字重新显示出来。现在就让我们看下这种控件的制作方法。

　　第一步：输入默认显示的提示文字

　　从widget库中拖出text field控件。双击控件在其中输入提示文字。然后在widget properties面板里，为该text field写入标签：“find people”。

　　第二步：设置鼠标点击时，文本框中显示为空，提示文字消失

　　双击widget properties面板里的OnFocus ，然后在打开的case editor中，点击Set Variable/Widgets value(s)之后点击Open Set Value Editor。设置如下图所示：

　　点击“OK”保存设置退出Set Value Editor和Case Editor。

　　第三步：设置鼠标点击文本框以外的任意处时，也就是失去焦点时，如果输入值小于1（即未输入任何值），提示文字又显示出来。

　　双击widget properties面板里的OnLostFocus ，然后在打开的case editor中，点击Add Condition，在Condition Builder里设置如下：

　　(该步骤的目的是，当用户在text field里面输入值之后，text field失去焦点时显示用户输入的值，而不再显示提示文字。但不输入，又失去焦点时，就显示提示文字。)

　　点击“OK”保存设置并退出Condition Editor，然后再Case Editor中，点击Set Variable/Widgets value(s)之后点击Open Set Value Editor。设置如下图所示：

　　点击”OK”保存设置退出Set Value Editor和Case Editor。

　　至此带提示的文本框的制作就结束了，按“F5”可在浏览器中查看效果~

谁知道如何清除烦人的文本框自动提示信息？ [网页技术]如何让文本框不提示以前输入过的值？什么是文本框 VB文本框 javascript文本框 javascript文本框 pb文本框显示其他窗口文本框内容为什么在QQ游戏里玩QQ堂总是掉线?总是玩着玩着就出现一个"出错"的文本框提示? 无法定位到文本框 vb 文本框上方向键 delphi 文本框问题 VB程序文本框 VB程序文本框有关文本框的问题怎样撤销文本框网页中的文本框动态添加文本框文本框获取验证码 VB文本框问题文本框输入限制？？？文本框的使用 VB文本框问题 VB文本框问题 WPS文本框怎么删除？？？