您现在的位置是：首页 > 设计知识设计知识
axure的手机框,
网一2022-11-23 11:00:19设计知识42人已围观
简介axure的手机框,在python的日常上线过程中，登录账号需要输入手机号。当您的手机号码格式不正确或少于指定的位数时，系统会提示您输入不正确的手机号码。这个效果用Axure也可以实现，输入的时候添加一些判断条件就可以解决。这里有一个小滑，介绍Axurep
在python的日常上线过程中，登录账号需要输入手机号。当您的手机号码格式不正确或少于指定的位数时，系统会提示您输入不正确的手机号码。这个效果用Axure也可以实现，输入的时候添加一些判断条件就可以解决。这里有一个小滑，介绍Axure prototype是如何工作的，做一个输入框来验证你的手机号的效果。
如果你是第一次学习“Axure RP”，可以点击这里免费试用Axure RP的最新课程。
工具/软件
硬件型号：华硕无畏15
版本：Windows7
所需软件：Axure RP
方法/步骤
第1步
打开Axure prototype工具，创建一个空白页面，将输入框、矩形等元素拖拽到工作区，如下图所示。
第2步
对组件的样式做一些调整，并如下图所示给每个组件命名。
第3步
组件的样式设置完成后，开始设置文本输入框的交互事件，首先是获得焦点时的交互事件，如下图所示。
第4步
然后设置输入框失去焦点时的交互事件。这里会用到条件判断，如下图所示。
第5步
失去焦点时的交互事件需要做两个事件，case1和case2，如下图所示。长皮
当前位置所有的工作都准备好了，可以完成了。f5预览效果，如下图所示。输入非数字时，后面会弹出相应的提示信息。
第6步
当输入的号码大于11位时，也会提示您输入错误的手机号码，如下图所示。
第7步
当您输入一个号码，并且是11位的手机号码时，下面的提示会提示您是否正确。这些提示的文字可以在你在edge工匠上做互动活动的时候自己修改。你可以提示任何你想要的，你可以添加颜色和图标。自己感受一下。
第8步
对于“Axure如何做一个输入框来验证手机号的效果？”相信朋友们都认真看完了。如果过程中遇到问题，可以再读一遍。学习不是一蹴而就的，需要我们长期的练习。如果你觉得文章不错，可以继续关注自学。
Tags：
很赞哦！ ()