Axure RP 9 新手养成计划，自学记录篇（1）文本框焦点效果

最新推荐文章于 2023-12-16 17:12:58 发布
最新推荐文章于 2023-12-16 17:12:58 发布
阅读量2.1k 收藏 2
点赞数
分类专栏： 产品经理 - Axure 文章标签： Axure RP 9 初学计划 文本焦点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cyjbenyy/article/details/90905880
版权
这篇博客记录了使用Axure RP 9进行原型设计时，如何创建和管理文本框的焦点效果。作者详细介绍了如何设置文本框在获取和失去焦点时的行为，例如当获取焦点时清空文本，失去焦点且内容为空时显示默认提示文字。
摘要由CSDN通过智能技术生成

在这里插入图片描述

  • 详细步骤
  1. 摆放两个输入框，并输入文本名称，设置文本颜色为灰色
    在这里插入图片描述
  2. 点击账号文本框，如果获取焦点时，如果文本框值=请输入用户名，则清空文本框；否则没有动作（保留原值）
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  3. 点击账号文本框，如果失去焦点时，如果文本长度=0，则设置文本为：请输入用户名；否则没有动作（保留原值）
    在这里插入图片描述
    在这里插入图片描述
cyjbenyy
关注
专栏目录
关于AxureRP9的学习
qq_45288211的博客
07-28 524
关于AxureRP9的学习笔记(1) 一、创建一个表单 1.打开Axure RP9，找到左侧面板中的“页面”，选择新增页面，并命名为“form” 2.在左侧面板中找到元件库，如下图所示在元件库中选择方框一，选中后拖到新建的页面上，并更改合适的尺寸，坐标为（0，0） 3.元件库中找到“标题”，拖入方框中，先选中方框，摁住ctrl接着选中标题，并点击“居中” ps：居中根据先选中的元素调节 4.重复在元件库选择表单所需要的元件，拖入并更改样式 5.点击预览： 点击测试！ 7.进行互斥选择设置 c
axure9 邮件点击效果_Axure9操作学习
weixin_39939904的博客
12-20 713
一、概念：Axure RP 9 所给出的 原型页面尺寸是 设备的逻辑分辨率。如果我们能够获得一个设备的 逻辑分辨率，就能够知道原型尺寸是多少。1、手机尺寸的 物理分辨率(DP)：屏幕上的分辨率的尺寸，独立像素的排布是多少，物理像素就是设备物理像素逻辑分辨率(DIP)：将设备独立像素理解为是设备坐标系统中的一个点，这个点代表一个可以由程序使用的虚拟像素，它可以由程序转换为物理像素。转换的比例...
Axure RP Pro - jQuery - 如何设置焦点
baiguomeng
02-13 117
Axure RP Pro - jQuery - 如何设置焦点 Axure RP Pro中尚未支持设置焦点的动作，在需要设置焦点时，可以参考下面的代码： varcustomization_found = true; $(function(){ varcurrentPageName; window.setInterval(function(){ if(currentPageName ...
Axure 视频教程 菜鸟到高手
07-18
Axure视频教程菜鸟到高手 从零开始学axure 帮助你成为产品经理
通过axure来实现简单的登录界面，包含加载动画，判断输入框值
10-30
本例子通过axure来实现简单的登录界面，包含类似加载动画，判断用户名密码是否为空的功能，同理可以根据判断输入框的值来进行页面的跳转
Axure RP 9 新手养成计划，自学记录篇（2）单选框效果
蝴蝶少年的博客
06-12 2248
实现目标： 选择任一项，其他项变成非选中状态。 -实现方式： （1）单选按钮组的设置；（2）通过事件动作来实现 最终效果如下： 详细步骤： 拖拽组件：3个单选框，将单选框文字分别改为男、女、保密 方式一：设置单选按钮组 （性别1） 选中三个单选框 > 单击鼠标右键调出菜单栏 > 指定单选按钮的组 将组名称命名为：性别 预览，实现单选效果 方式二：通过事件动作来实现（性别2）...
AxureRP9项目原型50套、案例20个、元件库1套
02-08
Axure RP9是一款广泛应用于产品设计和原型制作的工具，尤其在IT行业中，它被大量用于快速构建交互式原型，帮助设计师将想法转化为可操作的界面。本资源包含50套Axure RP9项目原型，这是一批丰富的设计实例，涵盖了...
AxureRP9萌新修炼手册(1.6版)+Axure RP 9 快捷键.zip
10-26
本篇将围绕"AxureRP9萌新修炼手册(1.6版)"及"Axure RP 9 快捷键"这两个主题，详细介绍Axure RP 9 的基本操作和快捷键，以帮助初学者迅速提升技能。 1. **Axure RP 9 基础知识**： - **界面布局**：Axure RP 9 的...
AxureRP9 Bootstrap4 插件
02-05
Bootstrap4 for AxureRP9 插件是一款专为Axure RP9设计的工具，它将流行的前端框架Bootstrap 4引入到原型设计过程中，使设计师能够更便捷地创建响应式、移动优先的网页原型。Bootstrap 4是目前最广泛使用的前端框架...
axure教程
letmeflee112的专栏
02-01 809
名词解释 线框图：一般就是指产品原型，比如：axure教程把线框图尽快画出来和把原型尽 快做出来是一个意思。 axure 元件：也叫 axure 组件或 axure 部件，系统自带了一部分最基础 常用的， axure教程网上也有很多别人做好的， 软件使用到一定阶段可以考虑自己制作 元件，以便提高产品原型的制作速度。 生成原型：是指把绘制好的原型通过 axure rp 生成静态的 html 页...
Axure的交互以及情形的介绍
最新发布
lijie1025的博客
12-16 1592
通俗来讲就是，谁用了什么方法做了什么事情，主体"谁"对应的就是axure中的元件，"什么方法"对应的就是交互事件，比如单击事件、双击事件，"什么事情"对应的就是交互动作，比如打开连接、设置面板状态等。。当然除了这三个基本的元素外，还可以设置交互样式。例如鼠标悬停、鼠标按下等。在浏览有些网站时，当你的鼠标移动到某个位置上，就会出现一些东西，鼠标移开了，就没有了。这就是鼠标悬停。
axure教程（一）文本框焦点效果
lxhjh的专栏
11-29 8722
axure教程（一）文本框焦点效果 文本框获得和失去焦点效果制作
【Axure篇】(二)Axure RP9日期控件制作(多种格式)
y2020520的博客
01-04 1万+
tips:当然这次做的是最最简化的。实际应用场景中，日期的选择通常伴随着起始日期选择和结束日期选择，这种情况直接做两个并排日期控件就好了。另外，日期控件通常设置为隐藏状态，只有执行某一动作，才会触发该控件显示出来。第一次画原型图的时候发现元件居然没有日期控件，原来需要自己画；4.fx>插入变量或函数>日期>Now(选择Now点击日期框时会默认选中当前时间)3.选择为日期类型后新建交互>单击时(事件)>设置文本(动作)>当前元件>fx。2.选中拖拽的文本框，点击交互右键的类型，选择类型为日期。
Axure RP 9 入门教程
liaozhixiangjava的博客
12-11 1911
Axure 是一个交互式原型设计工具，可以帮助用户创建复杂的交互式应用程序和网站。Axure 能够让用户快速构建出具有高度可交互性的原型，可以在团队中进行协作、分享和测试。使用 Axure 可以设计出各种不同类型的原型，包括网站、移动应用程序、桌面应用程序等等。Axure 提供了丰富的控件库、交互效果、数据驱动和条件逻辑，使得用户可以创建出高度真实的原型，以更好地展示设计理念和交互流程。Axure 还支持团队协作和版本控制，可以让团队成员在同一个项目中共同协作，管理和跟踪项目的进度和变化。
Axure9 快速入门精讲课程
12-07
Axure 9快速入门精讲课程，是一套快速入门和精讲课程，由浅入深、由基础到实战，Axure 是一个专业的原型设计工具，是交互设计师和产品经理必会的一款原型设计工具。Axure可以绘制草图原型、低保真原型以及高保真原型，根据不同的场景和不同的需求绘制不同种类的原型，利用它来的创建应用软件的线框图、流程图、原型和规格说明文档，并且同时支持多人协作和版本控制管理，已成为网页设计、APP设计等领域的关键性技术之一。
Axure9 设置点击时改变字体颜色
热门推荐
zqz_zqz的博客
08-08 2万+
第一步设置交互样式 1.选中按钮，点击“新建交互” 选择样式效果中的"选定" 将“交互”--“选定”下的字体颜色设置为红色 第二步添加交互事件： 添加交互事件，鼠标单击时“元件动作”--“设置选择/选中”； 选择当前元件 第三步：给需要同时只能由一个选中的组件分组，选中要设置的元件，右键 将上面按钮元件都设置为B组； ...
 Axure RP 8 获取焦点的应用
Mc维嘉的博客
02-02 2203
Axure RP 8 获取焦点的应用 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：Axure RP 8 作者：曾维嘉 撰写时间：2021年02月03日 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
Axure获取焦点和触发事件
weixin_45331546的博客
01-15 3232
获取焦点 在这里我们用一个简单的登录页面来实现获取焦点的效果 首先，先介绍一下这个效果，在我们平常时登录QQ时我们会发现，当我们什么都不填就直接点击登录按钮时,就会有提示说账号不能为空和密码不能为空。而当我们只填账号不填密码时，一样会提示密码不能为空，只填密码不填账号会提示账号不能为空。其实在Axure中可以用获取焦点来提示用户填什么，下面忽列一些验证来实现 第一步给账号文本框设置“文本改变时”隐藏账号提示“账号不能为空”，一样的设置密码文本框隐藏时密码提示“密码不能为空”。 第二步设置登录按钮的交互事件
《AxureRP9教学：中继器模拟数据库操作实例详解》
《AxureRP9网站与App原型设计》教学教案-09用中继器模拟数据库操作.docx以及第9章用中继器模拟数据库操作课时内容旨在教授学生如何使用Axure中继器模拟数据库操作。教学目标是让学生了解中继器的概念，并掌握在Axure...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值