pc轨迹回放制作

server/2024/10/19 23:16:19/

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:pc轨迹回放制作

主要内容:制作车辆轨迹操作页,包括查询条件、动态轨迹回放、车辆轨迹详情表单等

应用场景:车辆轨迹应用设计、其他移动类轨迹设计

案例展示:

pc轨迹回放制作


正文内容:

步骤一:建立一个基本页面背景矩形1920*1080,表头1920*70;

步骤二:分别创建页面组成,条件查询、回放速度、查询记录、车辆轨迹详情、地图区;

步骤三:录入车辆和车辆轨迹表单页面,交互时使用;轨迹详情表单我们在实际场景中是从表中取值,那么我们就参照表单的形式建立多个表单详情页面,交互调用使用;轨迹详情表单采用内联框架调用,以新页面的形式出现;

录入车辆(三辆车:京X12345、京X23456、京X34567)

分别添加另外两个内联框架对应新增的两个页面

步骤四:添加根据查询条件,车辆轨迹同步显示交互

同理设置另外两种情形

因为篇幅关系,时间的筛选没有制作,以及另外一种表单的做法(中继器),如有需要可私信我,在做一篇中继器篇;

步骤五:添加车辆轨迹,设定坐标点根据详情地点,设置好坐标点;划出行程轨迹;

步骤六:设置车辆移动交互,由回放速度按钮触发。

继续添加,三个按钮的选中值

本课小结:轨迹回放页面的设计难点:移动轨迹和轨迹详情表单;详情表单采用内联框架快速添加对应车辆的表单,符合代码设计逻辑;车辆移动轨迹设计分段坐标点,画出路线,利用回放按钮调起移动效果;在实际场景中车辆移动轨迹的取数来自于车辆GPS数据,到时候加一下数据获取页面微调即可。


相关课程直通车:

中继器实现时间读取和修改-CSDN博客

Axure横向菜单高级交互-CSDN博客

Axure垂直菜单展开与折叠-CSDN博客

Axure树形菜单展开与折叠-CSDN博客

app评价弹窗制作-CSDN博客

如有其他相关问题,欢迎私信沟通,关注  结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!


http://www.ppmy.cn/server/133176.html

相关文章

QT开发:深入掌握 QtGui 和 QtWidgets 布局管理:QVBoxLayout、QHBoxLayout 和 QGridLayout 的高级应用

目录 引言 1. QVBoxLayout:垂直布局管理器 基本功能 创建 QVBoxLayout 添加控件 添加控件和设置对齐方式 设置对齐方式 示例代码与详解 2. QHBoxLayout:水平布局管理器 基本功能 创建 QHBoxLayout 添加控件 添加控件和设置对齐方式 设置对齐…

gitlab修改登录标题

1、设置——外观——修改标题内容 2、查看效果

Spring6梳理14——依赖注入之P命名空间

以上笔记来源: 尚硅谷Spring零基础入门到进阶,一套搞定spring6全套视频教程(源码级讲解)https://www.bilibili.com/video/BV1kR4y1b7Qc 目录 ①搭建模块 ②引入配置文件 ③创建bean-dip.xml文件 ④创建课程类文件 ⑤创建学生…

Python网络爬虫

随着互联网的迅猛发展,数据成为了新的“石油”。人们对于信息的需求日益增涨,尤其是在市场分析、学术研究和数据挖掘等领域。网络爬虫作为一种自动提取网络数据的技术,因其强大的能力而备受关注。而Python,凭借其简洁的语法和丰富…

WPF -- LiveCharts的使用和源码

LiveCharts 是一个开源的 .NET 图表库,特别适用于 WPF、WinForms 和其他 .NET 平台。它提供了丰富的图表类型和功能,使开发者能够轻松地在应用程序中创建动态和交互式图表。下面我将使用WPF平台创建一个测试实例。 一、LiveCharts的安装和使用 1.安装N…

解释区块链技术的应用场景和优势。

区块链技术是一种分布式数据库技术,其主要特点是去中心化、安全性高、可追溯、不可篡改等。这使得区块链在许多领域具有广泛的应用场景和优势。 首先,区块链技术可以应用于金融领域。例如,可以用于加密货币的发行和交易,使得交易…

Chromium 加载chrome.dll过程分析c++

chrome.exe加载同级版本号目录-》chrome.exe和chrome.dll同级目录。 一、优先从chrome.exe同级版本号目录下加载 例如:chrome.exe [版本号:129.0.6668.101] 从129.0.6668.101\chrome.dll下加载 发布版大多数都是以此种办法,主要是方便升级时候&#xf…

ubuntu 24.04 下载安装离线包,ubuntu 24.04 配置xrdp

ubuntu 24.04 配置xrdp 1. 安装gnome-tweaks sudo apt install gnome-tweaks 2. 配置 cat <<EOF > ~/.xsessionrc export GNOME_SHELL_SESSION_MODEubuntu export XDG_CURRENT_DESKTOPubuntu:GNOME export XDG_CONFIG_DIRS/etc/xdg/xdg-ubuntu:/etc/xdg EOF 3.…