当前位置: 首页 > article >正文

(二)Axure 9 制作计时器

一、本题实现效果

本文最终效果不代表标准答案 ,请谨慎参考!!!


二、操作步骤

步骤如下(示例):

1.新建文件

首先新建文件,并将其命名为“计数器”

2.界面设计

2.1文本框

拖拽文本框并将它命名为“文本框”,需要将它拖拽大小合适,并在它的里面输入0,将其居中显示,字号为36

2.2 按钮

拖拽一个提交按钮,并调整合适大小,然后在复制两个并将它们拖拽到合适的位置。同时还需要更改一下提交按钮的名称,分别是提交、停止、重置

2.3设计界面完成

至此,原型的界面设计就已经完成了,下面进入到交互当中

3.交互

3.1启动交互设置

首先单击启动按钮,对它进行交互设计,点击界面右边框的交互属性,选择鼠标单击时

3.2 分别设置三个属性

交互——>单击时添加3个动作

3.2.1 设置变量值为“0”

添加动作-》设置变量

 3.2.2 设置文本

添加动作-》设置文本

  3.2.3 获取焦点时

以上为启动按钮的交互步骤

3.3 停止按钮的交互动作

 3.3.1 设置变量值

3.4 重置按钮的交互设置
3.4.1 设置文本

3.5 文本框交互设置

3.5.1 等待 

3.5.2 设置文本

 3.5.3 获取焦点

3.5.4 添加情形

 以上便是累加计时器的最终效果!

三、最终效果

运行效果如下(示例):

图片样式:


http://www.kler.cn/a/549597.html

相关文章:

  • 【MySQL】高频 SQL 50 题(基础版)
  • trl+DPO 算法
  • 2010年上半年软件设计师考试上午真题的知识点整理(附真题及答案解析)
  • 腿足机器人之四- 卡尔曼滤波
  • Redis c++安装使用教程(redis-plus-plus)
  • 红队视角出发的k8s敏感信息收集——Kubernetes API 扩展与未授权访问
  • 软考高级《系统架构设计师》知识点(五)
  • Python常见面试题的详解6
  • kamailio常见问题解答
  • 【NLP】文本预处理
  • wordpress按用户ID调用用户信息
  • TikTok 推出新 IDE Trae,用于快速构建 AI 应用
  • xml 和json互转工具
  • 大语言模型的解码策略与关键优化总结
  • IDEA集成DeepSeek AI助手完整指南
  • Redis问题排查常用命令
  • Docker-数据卷
  • pikachu靶机-越权、目录遍历、敏感信息泄露
  • Dify 是什么?Dify是一个开源的LLM应用开发平台,支持快速搭建生成式AI应用,具有RAG管道、Agent功能、模型集成等特点
  • C#开源大型商城系统之B2B2C+O2O一体化_OctShop