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

pc轨迹回放制作

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

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

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

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

案例展示:

pc轨迹回放制作


正文内容:

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

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

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

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

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

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

同理设置另外两种情形

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

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

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

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

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


相关课程直通车:

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

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

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

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

app评价弹窗制作-CSDN博客

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

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


http://www.kler.cn/news/356616.html

相关文章:

  • 【DevOps工具篇】Docker的DNS原理
  • Snowflake算法js(实现)
  • Python线性回归算法:面向对象的实现与案例详解
  • 牛客编程初学者入门训练——BC53 判断是元音还是辅音
  • 驱动开发系列21 - 编译内核模块的Makefile解释
  • Qt键盘按下事件和定时器事件及事件的接收和忽略
  • Javaweb基础-axios
  • ElasticSearch+Kibana 8.1.0安装部署
  • 今日总结10.18
  • 反向传播和优化 pytorch
  • 为什么在 Vue 中处理 Excel 文件
  • MySQL 数据的持久化
  • 进入 Searing-66 火焰星球:第一周游戏指南
  • 昇腾CANN 8.0正式发布,多项核心技术引领大模型原生创新
  • chrome清除https状态
  • 简单谈谈mysql中的日志 undo log
  • 【原创】java+springboot+mysql在线课程学习网设计与实现
  • Python ORM:让数据库操作变得优雅
  • C++:stl_stackqueue模拟实现
  • redhat系列的yum源配置