Axure学习笔记（十三）-简单登录效果实现（使用启用、禁用+获取焦点事件）

最新推荐文章于 2022-04-25 21:05:33 发布
最新推荐文章于 2022-04-25 21:05:33 发布
阅读量316 收藏
点赞数
分类专栏： Axure 文章标签： 产品设计 axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48911487/article/details/119817941
版权
本文是关于Axure学习的笔记，主要介绍如何利用启用、禁用和获取焦点事件创建简单的登录效果。内容包括组合输入框、设定输入框状态、占位符显示条件、按钮启用判断以及清空文本和错误提示的设置。
摘要由CSDN通过智能技术生成

注：本笔记适用环境：win10+Axure RP 8

 

1，将输入框组合起来，以免中间的文本框与外界矩形框冲突

 

2.设定输入框选中与按钮禁用效果

 

 

3.用例事件：根据是否获取焦点变动选中与未被选中

 

同理设置“取消选中”

4.只有当存在文本时，占位符才会出来

最低0.47元/天 解锁文章
雨季袭来
关注
专栏目录
Axure学习笔记（七）-简单登录界面提示的实现（使用判断条件）
weixin_48911487的博客
08-19 592
1.元件命名 2.设置条件：添加用例，给文本框添加判断条件，添加用例 同理： 3.结果 4.优化：隐藏”提示文本”部分，并且显示的时候能不被遮挡，利用“推动”效果 提示后能隐藏（先等待1秒，再拉动消失）： 5.结果 ...
Axure学习笔记（十）-手风琴菜单效果实现（使用动态面板）
weixin_48911487的博客
08-20 703
注：本笔记适用环境：win10+Axure RP 8 1.构建两个状态 2.勾选自动调整尺寸（让下拉的部分能够显示出来） 3.设置点击事件（state1和state2要分开画，不然会不管点击哪——选项卡或者是子选项，都会跳转到下一个状态的） 4.结果 点击前： 点击后： ...
Axure之按钮的启用和禁用设计
08-16
项目实现教程地址：https://blog.csdn.net/qq_27884377/article/details/81747139
青铜修炼手册：Axure按钮的启用和禁用设计
藤原搞事的博客
08-16 3257
我今天学习了按钮的启用和禁用，所以想拿出来与大家分享一下。我们经常会在一些登录页面看见这种情况：当输入框没有内容时，登录按钮呈灰色状态，而只要你往输入框书写内容，登录按钮就会变成选中状态，如下图所示：    要实现以上效果，需要以下步骤： （1）先在Axure中先按照下图把基本框架给画出来，详细怎么画的我就不说了。基本就一个文本框，一个按钮 （2）点击按钮，然后右方“检视”窗口选择“属...
Axure快速入门（02） - 入门例子（登录案例）
阿甘兄
01-05 1037
文章目录 1. 引言 2. 登录案例 2.1 步骤一：新建项目 2.2 步骤二：新建模块 2.3 步骤三：新建页面 2.4 步骤四：登录页面设计 2.5 步骤五：首页设计 2.6 步骤六：添加登录动作 2.7 步骤七：添加退出动作 2.8 步骤八：演示效果 3. 总结 1. 引言 在上一篇博客《Axure快速入门（01） - 面板介绍》，主要讲解了Axure面板的介绍，但是没有讲如何进行操作，本文以“登录”为案例讲解。 本文的登录案例源文件已上传到Github，有兴趣的同学可以下载来看看： https:
Axure制作账号扫码切换登录、控制按钮启用/禁用
weixin_43840279的博客
03-13 1847
从元件库中拖拉一个动态面板，设置想要的宽度和高度 双击动态面板，设置需要切换的面板数量，命名清楚 点击state进入面板详细页，自己设计想要的样式 选中点击触发操作的元件，添加鼠标单击用例：设置面板状态-选中动态面板-【选择状态】选择单击后需要切换到的面板，各个元件命名清楚哦~ 账号登录中文本框禁用/启用登录按钮，选中文本框，添加文本改变时用例 设置用例：【元件文字】【元件名称-自己命...
axure动态登录和html5,Axure8原型设计实战案例：如何实现登录功能？
weixin_36198673的博客
06-08 286
登录功能是一个非常常见的功能，几乎所有的产品都有登录功能，登录功能可以很简单，也可以非常复杂。我们在用axure做产品原型设计的时候，都会涉及到登录功能，那么，登录功能是怎么设计出来的呢？本文和大家分享一个常用的登录功能的原型设计，最终的实现效果如下所示：需求分析我们对登录功能的需求进行分析，得出功能要实现的需求如下：账号、密码输入框要有初始的信息提示；在账号、密码为必输项，如果没有输入，要给出提...
【案例分享 - 旅游出行app】Axure制作点赞+1的交互效果
最新发布
02-27
Axure制作点赞+1的交互效果Axure制作点赞+1的交互效果Axure制作点赞+1的交互效果Axure制作点赞+1的交互效果Axure制作点赞+1的交互效果Axure制作点赞+1的交互效果Axure制作点赞+1的交互效果Axure制作点赞+1的交互效果...
mac Axure浏览器插件Axure-extension-for-Chrome-0.6.2
05-20
Axure是一款广泛应用于原型设计的工具，尤其在IT行业中，它是产品经理、设计师和开发者们进行交互设计时的重要软件。这款工具允许用户快速创建线框图、原型和规格说明，为团队提供一个共同的设计语言和基础。本文将...
Axure启用禁用设置文本框状态
weixin_49983815的博客
12-18 2227
Axure启用禁用文本框状态 在很多案例下有好多文本框状态，下面让我们看一下怎么实现这种效果的吧 先来看一下它的要求 判断如果文本框获取焦点；矩形边框为蓝色 获取焦点为蓝色，这个设置就要设置文本框的选中状态，设置选中状态的线段颜色 获取焦点 失去焦点==边框为灰色 失去焦点 设置为false就可以设置为不选中 3. 文本框内容为11位时，显示下面按钮为蓝色并可以点击交互 当文本内容为11位时，显示下面按钮 在这里就要用到我们今天的重点内容，启用，禁用。 当文本框内容发生改变时，并判...
AxureRP8的禁用与启用、移动
MuYouZhi_yx的博客
01-20 1319
启用/禁用：设置元件的不同样式状态。 启用：用户可以操作元件上的交互。 禁用：用户不可操作元件上的交互。 移动：可以实现在页面上的移动。 示例一（启用/禁用）： 打开AxureRP8,制作一个以矩形、文本框、按钮组成的元件。如下图： 选中按钮，并给他设置禁用效果(填充颜色)。选中文本框，并给他设置交互事件的载入时事件，添加动作为启用/禁用、配置动作选中按钮并给按钮设置禁用。 为文本框设置文本改变时的交互事件，首先为文本框设立条件，条件为当前元件文字长度大于当前的值。其后添加启用/禁用动作，并
Axure获取焦点动画
hxhx11的博客
04-25 1829
拉两个文本框，一个在属性的提示文字上打上文字“账号”，类型为“Text”。 另一个在属性的提示文字上打上文字“密码”，类型为“密码”。 拉入一个按钮，改变其大小、颜色，并打上文字“登录”。 拉两个二级标题，改变其文字。 隐藏标题，选中一个文本框，双击文本改变时，点击隐藏，选中与之对应的标题，点击确定。 另一个文本框一样。 选中按钮，双击鼠标单击时，点击编辑条件，添加行。 两个文本框元件文字等于空，点击确定。 点击显示，选中两个文本框，点击设置焦点，选中账号文本框，点击确定
【Axure教程】制作高保真登录界面
liuping750929的专栏
10-22 2481
转载自：老二牛车教育 » 【Axure教程】制作高保真登录界面 在使用Axure制作网页的原型图时，经常会有注册、登录页面需要设计，这样的页面时常作为一个产品的首页出现在人们面前而且往往会被一点而过，如果我们能在这样的页面上加入一些细节的设计，一定会给我们的原型图加分不少!是的，今天我们探讨的中心就是：如何制作一个高保真的登录界面!下面先看下我做的效果图： 高保真登录框rp
axure教程
letmeflee112的专栏
02-01 824
名词解释 线框图：一般就是指产品原型，比如：axure教程把线框图尽快画出来和把原型尽 快做出来是一个意思。 axure 元件：也叫 axure 组件或 axure 部件，系统自带了一部分最基础 常用的， axure教程网上也有很多别人做好的， 软件使用到一定阶段可以考虑自己制作 元件，以便提高产品原型的制作速度。 生成原型：是指把绘制好的原型通过 axure rp 生成静态的 html 页...
Axure简单使用(以登录界面为例)
chen_hello的博客
07-16 1万+
利用axure做一个登录界面原型
Axure RP 8 制作登录界面
热门推荐
loa_loa的博客
02-26 2万+
1、打开Axure RP 8软件，左侧元件库内拖出一个矩形Bg和一个文本标签BgText，做背景面板   2、添加两个文本标签：NameText、PwdText并修改了标签显示内容； 再添加两个输入框:NameInput01、PwdInput01，（注：点击密码输入框，在右侧的属性中将【类型】选为密码，这样输入密码时就不会显示）     3、再拖出两个连接按钮：忘记密码Forg...
原型设计之Axure RP
WL1234567891的博客
12-19 2861
原型设计工具Axure RP的简介以及具体案例
Axure8原型设计实战案例：如何实现登录功能和用户管理？8年专业产品经理设计分享
一火的专栏
04-25 2752
5年专业产品经理，使用axure8，分享最常用的登录功能和用户管理设计，怎么设计出来的呢？ 登录功能设计，是每位产品设计师必经之路，很好的学习和参考资料，作者原创不易。如果感觉不错，就点赞，评论和收藏三连发，让更多的人看到这篇原创之作。 一、产品需求 登录功能：使用vue做个用户管理（用户字段：账号+密码+邮箱+姓名+身份证号+创建时间+登录时间）+用户登录，密码用MD5 登录功能有2个界...
Axure使用技巧与学习心得
"这是一份关于Axure学习的个人笔记，旨在帮助产品经理更好地理解和使用Axure进行原型设计。笔记包含了作者在使用过程中遇到的问题、解决方法以及一些实用技巧。" Axure是一款强大的原型设计工具，尤其适合产品经理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值