带提示的文本框
1、要实现的效果:
(1)未输入文字之前,有默认提示“请输入用户名”
(2)当鼠标聚焦文本输入框之后,提示文字消失
(3)当有输入值的时候,文本框内显示的是输入值;当没有输入值的时候,文本框内显示的是默认提示文字。
2、整体交互截图
3、具体步骤:
步骤1:向绘图区添加Text Panel,双击敲入文字:用户名。
步骤2:拖拽Text Field到绘图区,命名为:username。双击敲入提示文字:请输入用户名。
步骤3:给username添加On Focus 的case。注意以下圈出的4个地方。设置好后点击OK。
步骤4:给username添加OnLostFocus 的case。同步骤3。但是需要改变具体的value和condition,如下图。设置好后点击OK。
步骤5:按F5运行。