Axure原型设计累加器计时器设计效果(职业院校技能大赛物联网技术应用项目原型设计题目)

2023-09-15 23:51:27

目录

前言

一、本题实现效果

二、操作步骤

1.新建文件

2.界面设计

2.1文本框

2.2 按钮

2.3设计界面完成

3.交互

3.1启动交互设置

3.2 分别设置三个属性

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 设置变量

三、最终效果

总结


前言

前提须知:

1.本文所讲的是Axure 原型设计,使用软件是Axure RP 8版本,若您有需要在资源中下载;

2.本文所讲的内容来源自——全国职业院校技能大赛“物联网技术应用”赛项原型设计题目;

3.本文所讲的原型设计素材会发布到我的资源当中,若有需要可以在我的资源中下载;

4.本文讲解的操作步骤均是Axure RP 8版本,原则上8以上版本操作步骤会跟本文大有不同,所以需要者可以学习其中交互方法,或直接见上行文字下载使用;

5.Axure原型设计内容以收入到我的“Axure原型设计”专栏当中;

6.题目具有多样性,本文讲解不是唯一、正确答案,仅供参考!

7.若文中出现错误,欢迎提出指正,我将吸取经验,总结教训,完善文章;


提示:以下是本篇文章正文内容,下面案例可供参考

一、本题实现效果

这是2023年全国职业院校技能大赛2023年物联网应用开发赛题样题 第1套模块二中的题目

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


二、操作步骤

步骤如下(示例):

1.新建文件

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

2.界面设计

2.1文本框

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

2.2 按钮

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

Axure 计时器实现效果视频

 

2.3设计界面完成

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

3.交互

3.1启动交互设置

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

3.2 分别设置三个属性

3.2.1 设置值为“0”

 3.2.2 文字于文本框

上面步骤完成后再点击,图片中画红圈的FX按钮,设置变量

  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 设置变量

然后单击case 1,设置相关变量

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

三、最终效果

运行效果如下(示例):

图片样式:

视频样式: 

Axure 计时器实现效果视频

总结

上述为本文实现效果的步骤和方法

特别说明,该程序存在问题,如在运算时点击重置按钮程序会自动变成0,同时还会继续增长

因时间原因,该程序发布的较为简单,制作周期达到了4个月,处于一直搁置状态,所以没有将本文章达到最大的发挥效果!

更多推荐

Centos下载安装连接MySQL8

一、下载链接:https://dev.mysql.com/downloads/mysql/点击Download,如下图:没有登录,点击“Nothanks,juststartmydownlaod.”即可下载二、安装2.1将下载的mysql-8.0.34-linux-glibc2.28-x86_64.tar.gz上传到服务

Java手写强化学习

Java手写强化学习1.强化学习算法思维导图以下是强化学习算法的实现原理的思维导图,使用Mermanid代码表示:#mermaid-svg-G97ymGcDIKLGvwqB{font-family:"trebuchetms",verdana,arial,sans-serif;font-size:16px;fill:#3

【JS/TS游戏开发实战】LayaAir 全平台 3D 引擎

LayaAir3.0引擎,包括引擎代码、项目开发工具、项目发布,三大部分。目录一、引擎代码1.1引擎通用部分1.22D引擎1.33D引擎二、IDE(集成开发环境)2.1通用模块2.12D模块2.23D模块三、项目发布3.1Web版发布3.1.1构建发布3.1.2发布选项3.2小游戏发布3.3Native打包发布3.3.

数据库计算机三级等级考试--数据库技术相关知识点和笔记

数据库计算机三级等级考试–数据库技术计算机三级等级考试笔记,是博主通过计算机三级数据库技术考试的相关笔记,此篇博客,不仅适合需要考计算机三级考试的各位考生,也适合在职场处理关于数据库的部分操作,个人认为算是一篇使用性比较强的文档,我个人认为,我目前所在开发岗位,在回顾去看这篇文档,我都会再次有收获,对了,如果你需要计算

外包干了2个月,技术退步明显了...

先说一下自己的情况,大专生,19年通过校招进入深圳某软件公司,干了接近4年的功能测试,今年8月份,感觉自己不能够在这样下去了,长时间呆在一个舒适的环境会让一个人堕落!而我已经在一个企业干了四年的功能测试,已经让我变得不思进取,谈了2年的女朋友也因为我的心态和工资和我分手了。于是,我决定要改变现状,冲击下大厂。刚开始准备

浅析-ES6

4、ES6语法指南后端项目搭建完毕,接下来就是前端页面了。不过在这之前需要一些准备工作。我们需要学习ES6的语法标准。什么是ES6?就是ECMAScript第6版标准。4.1.什么是ECMAScript?来看下前端的发展历程:web1.0时代:最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务的到

2023年8月知识复习

物联网总括物联网即通过网络将客观事物进行智能化互联的网络系统。互联网主要是人与人、人与计算机之间的通信,而物联网主要是物联网设备之间的通信。注意:数据上传到云端不是物联网的必要条件。物联网可以仅在本地网络和局域网中进行通信和数据处理。比如在工业控制系统中,设备之间需要实时通信和数据处理,但出于隐私、安全性或数据管控的考

C++核心编程之类和对象---C++面向对象的三大特性--封装

目录类和对象类和对象的概念C++面向对象的三大特性一、封装封装案例1:设计一个学生类,可以给姓名和学号赋值,可以显示学生的姓名和学号。二、访问权限访问权限有三种struct和class的区别三、成员属性私有化成员属性私有化的优点:四、封装案例案例1:设计立方体类案例2:点和圆的关系类和对象面向对象编程(OOP)是现代编

【C语言】进阶——字符串和内存函数

目录一:非限制字符串函数1.strlen👊模拟实现方法1:计算器法方法2.指针-指针方法3.函数调用2.strcpy👊模拟实现3.strcat👊模拟实现4.strcmp👊模拟实现二:可限制字符串函数1.strncpy2.strncat3.strncmp4.strstr👊模拟实现5.strtok6.strerr

【1++的C++进阶】之C++11(二)

👍作者主页:进击的1++🤩专栏链接:【1++的C++进阶】文章目录一,类的新变化二,可变参数模板三,lambda表达式一,类的新变化在C++03之前,我们的默认成员函数有6个,我们在类与对象这篇中有过详细的讲解。C++11中又增加了两个默认成员函数—移动构造与移动赋值重载,其底层原理以及优势我们在上节已经有过描述。

在本地搭建WAMP服务器并通过端口实现局域网访问(无需公网IP)

文章目录前言1.Wamp服务器搭建1.1Wamp下载和安装1.2Wamp网页测试2.Cpolar内网穿透的安装和注册2.1本地网页发布2.2Cpolar云端设置2.3Cpolar本地设置3.公网访问测试4.结语前言软件技术的发展日新月异,各种能方便我们生活、工作和娱乐的新软件层出不穷,但也有一些经过时间和用户考验的老牌

热文推荐