首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

Axure如何模拟数字键盘输入

更新时间:2023-11-17

长情扯口红

ui

1623

在很多情况下,会出现键盘输入的应用程序,学习数字键盘输入,对于一个高保真的demo演示有很大的帮助。下面就教大家如何使用Axure进行模拟数字键盘输入展开分析,希望对有需要的小伙伴们有所帮助。

在很多案例中,都会出现键盘输入的应用,学会模拟数字键盘输入,对一个高保真的demo演示是有很大加分的。

一、准备元件

12个矩形框如下:

Axure如何模拟数字键盘输入

文本框,用来显示输入的数字:

二、设置交互

我们的目的是点击矩形框时,上面的文本框显示或删除相应的数字。

选择矩形框1,添加单击时-设置文本-设置文本框的值为[[LVAR1]][[This.text]],其中LVAR1是一个局部变量,代表一个文本框的组件文本;下面是设置截图。:

Axure如何模拟数字键盘输入

Axure如何模拟数字键盘输入

点击确定,数字矩形框的设置完成。

复制第一步中矩形框1的用例case,然后选中其他矩形框,在单击时粘贴case即可。

Axure如何模拟数字键盘输入.png

接下来设置删除的操作交互:

在删除矩形框之上添加一个热区,方便点击;

Axure如何模拟数字键盘输入

选择热区,添加单击时-设置文本-将文本框的值设置为[[LVAR1.substr(0,LVAR1.length-1)]],其中LVAR1是代表文本框组件文字的本地变量。

这里涉及到一个函数substr。

Axure如何模拟数字键盘输入

Axure如何模拟数字键盘输入

这一步设置清空的操作交互:

与第三步相同,为清空按钮添加一个热区,选中该热区,添加单击时-设置文本-将文本框的值设置为null。

Axure如何模拟数字键盘输入

Axure如何模拟数字键盘输入

这样就完成设置了。以上就是Axure模拟数字键盘输入的操作步骤了,是不是很简单呢?小伙伴们可以跟着上面的教程做一做哦。

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • Stable Diffusion - 2024全新AI绘画系统教学

    Stable Diffusion - 2024全新AI绘画系统教学

    1小时40分钟49秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 网游手绘武器制作课

    网游手绘武器制作课

    3小时55分钟44秒

  • 游戏道具造型表现课

    游戏道具造型表现课

    3小时51分钟28秒

  • AI+UE5轻松实现科幻电影!

    AI+UE5轻松实现科幻电影!

    32分钟36秒

  • 游戏3d设计师模型基础课

    游戏3d设计师模型基础课

    3小时49分钟53秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答