Axure 输入框提示语自动消失与显示

最新推荐文章于 2024-07-07 15:27:44 发布

没良心

最新推荐文章于 2024-07-07 15:27:44 发布

阅读量1.4w

点赞数

分类专栏： Axure

本文链接：https://blog.csdn.net/a215318036/article/details/7693434

版权

本文介绍了如何在Axure中实现输入框的提示语在获得焦点时自动消失，失去焦点且内容为空时重新显示的效果。通过设置文本框的onFocus和onLostFocus事件，结合条件判断和部件文字的修改，可以实现智能提示功能。

摘要由CSDN通过智能技术生成

设置：

文本框 “ 输入框”
按钮

————————————————————————————————————————————————————————————————

选中文本框 “ 输入框” ，双击onFocus，设置用例一： { 当部件文字“输入框”的值为“请输入文字...”，获得焦点时，提示语自动消失。 }

添加条件：部件文字，输入框，等于，值，请输入文字...

添加动作：设置变量/部件值

配置动作：部件文字，输入框，值，空

————————————————————————————————————————————————————————————————

选中文本框 “ 输入框” ，双击onLostFocus，设置用例一： { 当部件文字“输入框”的值为空，失去焦点时，出现对应的提示语。 }

添加条件：部件文字，输入框，等于，值，空

添加动作：设置变量/部件值

配置动作：部件文字，输入框，等于，值，请输

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

没良心

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

axure文本框单击提示文字消失_Axure基础原件使用

weixin_42361733的博客

02-04

4799

本内容从网上搜索，仅供参考学习1. 添加元件到工作区在左侧元件中选择要使用的元件，按住鼠标左键不放，拖到画布适合的位置上松开。2. 添加元件名称在检视面板的元件名称文本框中输入元件自定义名称。3. 设置元件位置/尺寸元件的位置和尺寸可以通过鼠标拖拽调整，也可以在快捷键功能或者元件样式中进行输入调整X：指元件在画布中x轴的坐标值。Y：指元件在画布中y轴的坐标值。W：指元件的宽度值。 H：值元件的高度...

axure 文本提示显示5秒后消失动画+图片自动旋转动画

yangyun_1999的专栏

09-25

4803

文本提示显示5秒后消失动画制作效果如上，配置如下： 1、载入整个网页时，隐藏元件，元件名称“文件生成中tip” 2、点击【导出CSV文件】按钮，添加鼠标点击时的动作显示-旋转-等待-隐藏动画 ①显示元件，逐渐200ms ②旋转图标，代表生成中 ③添加元件的停留时间，与图标旋转时间相同 ④再次隐藏元件，逐渐消失，消失的速度可以比显示的速度块搞定整个动画 ...

1 条评论您还未登录，请先登录后发表或查看评论

Axure9.0---输入文字时文本框提示消失

weixin_42414700的博客

11-30

5410

Axure9.0---输入文字时文本框提示消失用户名输入框设置选择交互用户名输入框设置在default元件库选择文本框，并将其拖入工作区选择交互 2.选中想要设置的文本框并在交互选项中点击“提示” 3.更多样式选项可进行提示文本的个性化设置，根据个人喜好进行，一般情况使用默认的就好；完成样式设置后，点击提示属性 4.点击提示后按照下图进行设置，并输入你想要隐藏的提示文本，设置完后点击完成。 5.此时可以发布预览看看效果啦！此时显示了提示内容输入文本，提示消失~搞定！ ...

【Axure基础教程】设置提示信息，鼠标悬停出现文本提示

最新发布

Axuremost.cn

07-07

1166

提示信息可以为元件设置一段文本提示，当鼠标hover元件时，会在鼠标附近会出现设置的提示文本，一般用于文本超长截断后的文本补全提示。

AXURE 学习笔记制作“鼠标点击时，输入框内文字消失”效果

xjmlyun的专栏

05-11

4369

制作“鼠标点击时，输入框内文字消失”效果这一步相对比较简单，只需要考虑“输入框获得焦点”、“输入框失去焦点”两种情况当“输入框获得焦点”时，按照下图设置交互动作当我们设置文字在部件密码等于“”后，我们单击输入框，输入框内就会显示空格了。（4为空）当输入框失去焦点后，如果输入框中没有输入文字（即文字长度为0）则显示预设文字；当有输入文字时，显示输入文字。如下图设置：

Axure：输入框提示语的自动消失与显示.rp

05-18

axure例子，axure例子，axure例子

小白自学Axure-文本框提示文字怎么设置

weixin_50534910的博客

01-15

1880

在红色框中输入提示文字，在蓝色框设置提示文字消失方式（1.有输入时消失；很多登录界面、表单中都有文本框，那么在制作原型图时，怎么设置文本框的提示文字呢？最后，调整一下样式就可以了。在交互界面点击调整按钮。首先，拖入一个文本框。

Axure淘宝搜索框——点击输入框提示文字和搜索按钮消失

monica1_1的博客

07-01

2150

上图是所要用到的元件，但是这里需要注意的一点事，点击输入框输入，提示语和搜索按钮消失的一个效果：搜索按钮可以放在提示语句中。你是技术宅么？那就加入我们吧！点击下方链接或扫描二维码即可。欢迎加入 CSDN技术交流群2：（点击即可加群）QQ群:456543087 CSDN技术交流群(已满员)：（点击即可加群）QQ群:681223095。 ...

axure 输入框提示语的自动消失与显示

08-03

6. **实例应用**：在提供的"输入框提示语的自动消失与显示.rp"文件中，你可以看到一个实际的Axure原型，展示了输入框提示语的自动消失和显示效果。文件中的"shurutishi"可能是对这个功能的一个实例演示或者相关资源...

Axure9：弹出提示框（登录示范，多种情况）

moyiyanting的博客

06-27

4173

效果图：登录成功：显示提示框，并会跳转到下一页面用户名不能为空：登录密码不能为空：用户名或密码不正确设置步骤： 1.添加动态面板，设置长宽，设置动态面板名字 2.点击动态面板、状态1，然后添加提示框和文字，设置状态1的名字为登录成功 3.为了规范和方便，将提示框和文字进行组合 4.添加多种提示框，右键单击状态1，选择添加状态 5.设置状态2的名字用户名不能为空，点击动态面板、状态2，然后添加提示框和文字设置后如图： 6.设置动态面板的交互，显示时：等待3000ms和显示/隐藏，隐藏当

Axure移动端组件库最全.zip

08-22

7. **提示与反馈**：如弹出框、提示语、加载动画等，用于向用户显示通知、错误信息或进度状态。 8. **时间日期选择器**：帮助用户选择日期和时间，常用于日程管理、预订类应用。 9. **地图组件**：集成地图服务，...

AxureRP9中继器-表格查询搜素和清空，动态面板滚动条显示

niuniu_666的博客

04-08

4032

1.在中继器表格已绑定好基础上，添加搜索条件，拖拽姓名和性别文本框和下拉框，和搜索和清空按钮 2.给搜索文本框命名，姓名搜索，输入类型为文本，提示语显示：请输入文本，输入时隐藏提示，性别搜索下拉框也选中命名性别搜素框，方便后续查找元件 3.搜索按钮添加交互条件搜索按钮，单击时，添加筛选，目标是中继器，设置筛选名称，点击规则后的fx函数编辑页面编辑值页面，先添加局部变量，设置对应的变量，再在全部变量输入搜索规则 [[(Item.name.indexOf(name))>-1&

产品设计-axure实现弹出的提示或弹框，3秒后提示或弹框自动消失

一火的专栏

11-25

5674

axure实现弹出的提示或弹框，3秒后提示或弹框自动消失添加axure元素登录按钮，添加如下事件和条件 rp文件请参考http://www.zrscsoft.com/sitepic/12122.html

axure9提示文字在哪里_Axure 9中“消失”的它们

weixin_28756005的博客

02-01

1813

Axure 9正式版发布到现在已经有一段时间了，但还是有一部分的朋友对它表示不熟，用起来不太顺手，很多功能和设置都不知道在哪里，单从表面上看，好像消失了一样。应这部分朋友的要求，今天我们一起来看一下，与Axure8相比，在Axure9中消失的它们。1、草图效果在Axure 8中，可以设置草图效果，模拟手绘原型。在Axure 9中，将草图效果取消了。如果想用axure 9制作草图效果的伙伴...

axure如何实现提示框3s后自动消失

weixin_30471561的博客

01-07

3242

本示例基于axure8 实现 1、先做两个元件，一个按钮，一个提示框 2、将弹框“发布成功提示”设置为，页面载入时隐藏，这样预览页面时，该弹框是隐藏状态 3、给按钮添加交互样式，如下： 4、预览，点击“提交”按钮，观察效果。源文件下载：https://files.cnblogs.com/files/afeiyuanda/弹框自动消失.rar 本文参考实现：htt...

类似QQ导航底部显示提示弹窗，能自动消失

01-25

543

类似QQ无网络时候从导航缓慢弹出提示弹窗的封装//缓慢进入界面 //显示到导航底部 //渐渐淡出界面 //TipView.h#import <UIKit/UIKit.h>@interface TipView : UIView @property (nonatomic,strong) UILabel *tipLab; @end//TipView.m”#import "TipView.h"@imp

Axure基础详解三：输入框的运用

太空背包客的博客

10-25

1203

输入框的运用场景与交互状态的使用。

Axure的文本框如何设置提示词

不负韶话

01-09

5222

一.引言在设置界面的时候，时常会遇到文本框需要提示的情况，例如登入时，提示你输入用户名。二.步骤 1.选择文本框拖至界面中 2.选中文本框，点击属性，在提示文字中输入提示文字即可（一定要选中文本框，不然不会出现文本框的“属性） 3.设置好的样子 4.将文字居中 5.居中效果 Axure功能强大，尽最大可能分享一些小的知识，共勉。 ...

axure输入框设置必填

07-07

在Axure RP中，如果你想创建一个输入框并使其成为必填项，你需要通过交互原型设计来实现这个功能。当你添加一个文本输入框控件时，可以按照以下步骤操作： 1. **添加输入框**: 首先，在Axure的"常用控件"或"表单...