当前位置： 首页 > news >正文

Axure8设计—动态仪表盘

news 2026/1/30 8:06:20

本次分享的的案例是Axure8制作的动态仪表盘,根据设置的数值，仪表盘指针旋转到相应的值位置
在这里插入图片描述
预览地址：https://2qiuwg.axshare.com

下载地址：https://download.csdn.net/download/weixin_43516258/87502161

一、制作原型
1、首先创建空白页面，在工作区域拖入一个矩形元件，并将其形状修改为扇形的样子，这里在属性中找到形状设置即可，如下图所示。
在这里插入图片描述
设置其大小设置为312312，颜色为：#9F7344，如下图所示
在这里插入图片描述
2.在工作区域拖入第二个矩形元件，并将其形状修改为扇形的样子，这里在属性中找到形状设置即可，其大小设置312312，颜色为：#FBBB0C；如下图所示。
在这里插入图片描述
3.在工作区域拖入第三个矩形元件，并将其形状修改为扇形的样子，这里在属性中找到形状设置即可，其大小设置312*312，颜色为：#9CA837；如下图所示。
在这里插入图片描述
4.为仪表盘设置数据刻度，如图

在这里插入图片描述

5.接下来制作指针，在工作区域拖入第四个矩形元件，并将其形状修改为三角形的样子，设置大小为：6156；拖入第五个矩形并将其形状修改为椭圆形的样子，设置大小为1616，设置颜色为#FF4848，并把组合在一起命名为“指针”，如下图所示
在这里插入图片描述
6.仪表盘区域拖入两个动态面板，命名为“1”和“2”，设置两个状态，两个动态面板设置为隐藏状态，其作用是控制指针的动态，拖入一个文本框命名为“3”，其初始值为0，用来显示仪表盘刻度，如下图所示

在这里插入图片描述

原型元件制作完毕，接下来对元件进行交互设置

二、交互设置
1.动态面板“1”设置
选择动态面板“1”，对其”状态改变时“进行交互设置：
判断文本框“3”的值，其值可以为任意值，根据需要进行设置，例如：如果值设置为小于75，其指针指向75后停止，在这设置为小于100，设置文本框“3”的值为[[LVAR1+1]]，否则停止循环，并对其”载入时"事件进行设置，如下图所示
在这里插入图片描述
2.动态面板“2”设置

选择动态面板“2”，对其”状态改变时“进行交互设置：
判断文本框“3”的值，其值如果大于0则设置文本框“3”的值为：[[LVAR1-1]]，否则停止循环，如下图所示
在这里插入图片描述

在这里插入图片描述
3.文本框“3”设置

选择文本框“3”，对其”文本改变时“进行交互设置：
在这里插入图片描述

所有设计完成

相关文章：

Axure8设计—动态仪表盘

本次分享的的案例是Axure8制作的动态仪表盘,根据设置的数值，仪表盘指针旋转到相应的值位置 预览地址：https://2qiuwg.axshare.com 下载地址：https://download.csdn.net/download/weixin_43516258/87502161 一、制作原型 1、首先创建空白页…...

编程日记 2023/2/27 2:16:15

【C++】类和对象的六个默认成员函数

类的6个默认成员函数构造函数概念特性析构函数概念特性拷贝构造函数概念特征拷贝构造函数典型调用场景：赋值运算符重载运算符重载赋值运算符重载取地址及const取地址操作符重载类的6个默认成员函数 到底什么是类的6个默认成员函数呢？相信大家一定对此怀…...

编程日记 2023/2/27 2:14:54

4、算法MATLAB---认识矩阵

认识矩阵1、矩阵定义和基本运算1.1 赋值运算符：1.2 等号运算符：1.3 空矩阵1.4 一行一列矩阵1.5 行矩阵（元素用空格或逗号分隔）1.6 列矩阵（分号表示换行）1.7 m行n列的矩阵：行值用逗号间隔&#x…...

编程日记 2023/2/27 2:13:45

vue3+rust个人博客建站日记2-确定需求

反思 有人说过我们正在临近代码的终结点。很快，代码就会自动产生出来，不需要再人工编写。程序员完全没用了，因为商务人士可以从规约直接生成程序。 扯淡！我们永远抛不掉代码，因为代码呈现了需求的细节。在某些层面上&a…...

编程日记 2023/2/27 2:12:29

Linux安装云原生网关Kong/KongA

目录1 概述2 创建服务器3 安装postgres4 安装kong5 安装node6 安装KONGA1 概述 Kong Kong是一款基于OpenResty（NginxLua模块）编写的高可用、易扩展的开源API网关，专为云原生和云混合架构而建，并针对微服务和分布式架构进行了特别…...

编程日记 2023/2/27 2:11:19

Vue学习笔记（2）

2.1 事件处理 2.1.1 事件监听器 JavaScript：通过获取DOM对象再往DOM对象上使用addEventListener注册监听事件 const btn document.querySelector(#my-button) btn.addEventListener(click, function() {alert(点击事件!) })jQuery：通过$选择器绑定对象…...

编程日记 2023/2/27 2:10:08

2023年三月份图形化四级打卡试题

活动时间 从2023年3月1日至3月21日，每天一道编程题。 本次打卡的规则如下： 小朋友每天利用10~15分钟做一道编程题，遇到问题就来群内讨论，我来给大家答疑。 小朋友做完题目后，截图到朋友圈打卡并把打卡的截图发到活动群…...

编程日记 2023/2/27 2:08:55

Python操作Excel

Python中对Excel文件的操作包括：读、写、修改。如果要对其进行如上的操作需要导入Python的第三方模块：xlrd、xlwd、xlutils，其分别对应Python的读、写、修改的操作 一、安装Python的第三方模块 二、操作Excel的基本步骤 1、导入响对应的模…...

编程日记 2023/2/27 2:07:47

Codeforces Round #853 (Div. 2) C. Serval and Toxel‘s Arrays【统计次数，算贡献】

链接 传送门 分析 这道题想法其实很简单，样例的计算方法一定要看懂。以样例1为例，根据他的操作方法可以得到两个新的数组，和一个原来的数组，总共三个数组。 1 2 3 4 2 3 4 5 3 他们两两配对去重，求出总的value。由于每…...

编程日记 2023/2/27 2:06:12

微信小程序-1：比较两数的大小

程序来源》微信小程序开发教程&#xff08;第二章&#xff09; 主编&#xff1a;黄寿孟、易芳、陶延涛 ISBN&#xff1a; 9787566720788 程序运行结果&#xff1a; <!--index.wxml--> <view class"container"> <text>第一个数字&#xff1a;&…...

编程日记 2023/2/27 2:04:44

数据结构——树

深度优先/广度优先遍历深度优先&#xff1a;访问根节点对根节点的 children 挨个进行深度优先遍历const tree {val: "a",children: [{val: "b",children: [{val: "d",children: [],},{val: "e",children: [],},],},{val: "c&quo…...

编程日记 2023/2/27 2:03:32

【华为OD机试模拟题】用 C++ 实现 - 找到它（2023.Q1）

最近更新的博客 【华为OD机试模拟题】用 C++ 实现 - 去重求和（2023.Q1） 文章目录 最近更新的博客使用说明找到它题目输入输出示例一输入输出示例二输入输出说明Code使用说明 参加华为od机试，一定要注意不要完全背诵代码，需要理解之后模仿写出，通过率才会高。 华为 OD …...

编程日记 2023/2/27 2:02:19

python中yield的使用

在 Python 中&#xff0c;yield 是一个关键字&#xff0c;它用于定义生成器函数。生成器函数是一个特殊的函数&#xff0c;可以返回一个迭代器&#xff0c;当生成器函数被调用时&#xff0c;它不会立即执行&#xff0c;而是返回一个生成器对象&#xff0c;通过迭代生成器对象可…...

编程日记 2023/2/27 2:01:04

GO进阶(4) 深入Go的内存管理

Go语言成为高生产力语言的原因之一自己管理内存&#xff1a;Go抛弃了C/C中的开发者管理内存的方式&#xff0c;实现了主动申请与主动释放管理&#xff0c;增加了逃逸分析和GC&#xff0c;将开发者从内存管理中释放出来&#xff0c;让开发者有更多的精力去关注软件设计&#xff…...

编程日记 2023/2/27 1:59:52

【C++】类与对象理解和学习（下）

放在专栏【C知识总结】&#xff0c;会持续更新&#xff0c;期待支持&#x1f339;建议先看完【C】类与对象理解和学习&#xff08;上&#xff09;【C】类与对象理解和学习&#xff08;中&#xff09;本章知识点概括Ⅰ本章知识点概括Ⅱ初始化列表前言在上一篇文章中&#xff0c;…...

编程日记 2023/2/27 1:58:39

【Neo4j】Spring Data Neo4j APi阅读随笔

引言 关于Spring boot整合Neo4j的官方api翻译&学习随笔 (TOC) 一、准备工作 1.注入依赖 <dependency><groupId>org.springframework.data</groupId><artifactId>spring-data-jpa</artifactId></dependency>2.配置yml文件 这里是本…...

编程日记 2023/2/27 1:57:27

JVM内存模型简介

1 程序计数器 程序计数器是一块较小的内存空间&#xff0c;可以看作是当前线程所执行的字节码的行号指示器。字节码解释器工作时通过改变这个计数器的值来选取下一条需要执行的字节码指令&#xff0c;分支、循环、跳转、异常处理、线程恢复等功能都需要依赖这个计数器来完。 ja…...

编程日记 2023/2/27 1:56:16

k8s如何给node添加标签

一、为什么需要标签&#xff1f; k8s集群如果由大量节点组成&#xff0c;可将节点打上对应的标签&#xff0c;然后通过标签进行筛选及查看,更好的进行资源对象的相关选择与匹配 二、怎么查看目前node上具有的标签 [rootmaster01 ~]# kubectl get node --show-labels NAME …...

编程日记 2023/2/27 1:55:04

【大数据Hive】Hive ddl语法使用详解

一、前言 使用过关系型数据库mysql的同学对mysql的ddl语法应该不陌生&#xff0c;使用ddl语言来创建数据库中的表、索引、视图、存储过程、触发器等&#xff0c;hive中也提供了类似ddl的语法。本篇将详细讲述hive中ddl的使用。 二、hive - ddl 整体概述 在Hive中&#xff0c;DA…...

编程日记 2023/2/27 1:53:56

Connext DDS录制服务 Recording Service（2）

2.4 远程管理 控制客户端（如RTI管理控制台）可以使用此接口远程控制录制服务。 注：记录服务远程管理基于第10.3节中描述的RTI远程管理平台。有关录制服务中远程管理工作的详细讨论，请参阅该手册 下面是所有支持操作的API引用。 2.4.1 启用远程管理 默认情况下，在录制服务中…...

编程日记 2023/2/27 1:52:49

深入浅出Asp.Net Core MVC应用开发系列-AspNetCore中的日志记录

ASP.NET Core 是一个跨平台的开源框架&#xff0c;用于在 Windows、macOS 或 Linux 上生成基于云的新式 Web 应用。 ASP.NET Core 中的日志记录 .NET 通过 ILogger API 支持高性能结构化日志记录&#xff0c;以帮助监视应用程序行为和诊断问题。 可以通过配置不同的记录提供程…...

编程新知 2026/1/30 2:54:58

内存分配函数malloc kmalloc vmalloc

内存分配函数malloc kmalloc vmalloc malloc实现步骤： 1）请求大小调整：首先，malloc 需要调整用户请求的大小，以适应内部数据结构（例如，可能需要存储额外的元数据）。通常，这包括对齐调整，确保分配的内存地址满足特定硬件要求（如对齐到8字节或16字节边界）。 2）空闲…...

编程新知 2025/11/1 5:21:39

springboot 百货中心供应链管理系统小程序

一、前言 随着我国经济迅速发展&#xff0c;人们对手机的需求越来越大&#xff0c;各种手机软件也都在被广泛应用&#xff0c;但是对于手机进行数据信息管理&#xff0c;对于手机的各种软件也是备受用户的喜爱&#xff0c;百货中心供应链管理系统被用户普遍使用&#xff0c;为方…...

编程新知 2026/1/20 5:06:54

智慧工地云平台源码，基于微服务架构+Java+Spring Cloud +UniApp +MySql

智慧工地管理云平台系统&#xff0c;智慧工地全套源码&#xff0c;java版智慧工地源码&#xff0c;支持PC端、大屏端、移动端。 智慧工地聚焦建筑行业的市场需求&#xff0c;提供“平台网络终端”的整体解决方案&#xff0c;提供劳务管理、视频管理、智能监测、绿色施工、安全管…...

编程新知 2026/1/24 14:43:06

OkHttp 中实现断点续传 demo

在 OkHttp 中实现断点续传主要通过以下步骤完成&#xff0c;核心是利用 HTTP 协议的 Range 请求头指定下载范围&#xff1a; 实现原理 Range 请求头&#xff1a;向服务器请求文件的特定字节范围&#xff08;如 Range: bytes1024-&#xff09; 本地文件记录&#xff1a;保存已…...

编程新知 2025/12/12 0:56:22

python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）

更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...

编程新知 2025/10/25 7:51:48

uniapp微信小程序视频实时流+pc端预览方案

方案类型技术实现是否免费优点缺点适用场景延迟范围开发复杂度​WebSocket图片帧​定时拍照Base64传输✅ 完全免费无需服务器 纯前端实现高延迟高流量 帧率极低个人demo测试 超低频监控500ms-2s⭐⭐​RTMP推流​TRTC/即构SDK推流❌ 付费方案 &#xff08;部分有免费额度&#x…...

编程新知 2026/1/29 18:26:38

【JavaSE】绘图与事件入门学习笔记

-Java绘图坐标体系 坐标体系-介绍 坐标原点位于左上角&#xff0c;以像素为单位。 在Java坐标系中,第一个是x坐标,表示当前位置为水平方向&#xff0c;距离坐标原点x个像素;第二个是y坐标&#xff0c;表示当前位置为垂直方向&#xff0c;距离坐标原点y个像素。 坐标体系-像素 …...

编程新知 2025/12/19 20:46:15

如何理解 IP 数据报中的 TTL？

目录 前言理解 前言 面试灵魂一问&#xff1a;说说对 IP 数据报中 TTL 的理解&#xff1f;我们都知道&#xff0c;IP 数据报由首部和数据两部分组成&#xff0c;首部又分为两部分&#xff1a;固定部分和可变部分&#xff0c;共占 20 字节&#xff0c;而即将讨论的 TTL 就位于首…...

编程新知 2026/1/26 16:34:35

ABAP设计模式之---“简单设计原则(Simple Design)”

“Simple Design”&#xff08;简单设计&#xff09;是软件开发中的一个重要理念&#xff0c;倡导以最简单的方式实现软件功能&#xff0c;以确保代码清晰易懂、易维护&#xff0c;并在项目需求变化时能够快速适应。 其核心目标是避免复杂和过度设计&#xff0c;遵循“让事情保…...

编程新知 2026/1/27 18:13:23