使用任何软件的输入功能,都会提供一个带“x”删除内容的功能。现在也来分享想如何利用Axure制作踊辽嚏囱此功能原型。
工具/原料
联想台式电脑
Windows10操作系统
AxureRP9
方法/步骤
1、打开一份Axure文档,新增一张Page,命名为“文本框内容删除功能”。
2、参考之前的一篇经验设置文本输入框。
3、将“文本标签”元件拖入文本框右侧,输入“x”,并设置为隐藏。
4、选择“文本框”元件,喘揲塾疖点击右侧“交互”栏,设置交互情形。文本框获取焦点时,现实“x”;文本框失去焦点时,隐藏“x”。
5、点击“预览”,浏览其中起初看不到“x”,但鼠标单击文本框后,“x”显示出来了。