CN116775028A - 一种行车记录仪的ui设计实现方法及系统 - Google Patents
一种行车记录仪的ui设计实现方法及系统 Download PDFInfo
- Publication number
- CN116775028A CN116775028A CN202310804749.0A CN202310804749A CN116775028A CN 116775028 A CN116775028 A CN 116775028A CN 202310804749 A CN202310804749 A CN 202310804749A CN 116775028 A CN116775028 A CN 116775028A
- Authority
- CN
- China
- Prior art keywords
- interface
- representing
- main element
- data recorder
- design
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000013461 design Methods 0.000 title claims abstract description 52
- 238000000034 method Methods 0.000 title claims abstract description 21
- 238000012986 modification Methods 0.000 description 6
- 230000004048 modification Effects 0.000 description 6
- 230000006978 adaptation Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种行车记录仪的UI设计实现方法及系统,涉及UI设计技术领域,包括针对行车记录仪的所有用户界面UI进行属性配置,所述属性配置包括六个主元素,第一主元素为界面名称,第二主元素为相应的上一级界面,第三主元素为界面内容链接,第四主元素为界面类别,第五主元素为界面内容,第六主元素为相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格;根据用户指令查询表格以调取相应属性配置进行编辑,以对相应用户界面进行设计。本申请通过多个元素对用户界面进行多维定义得到各个用户的配置属性,进而形成针对行车记录仪的所有用户界面的表格形式的数组,从而方便设计人员查询各个用户界面并进行相应的界面设计。
Description
技术领域
本申请涉及UI(User Interface,用户界面)设计技术领域,具体涉及一种行车记录仪的UI设计实现方法及系统。
背景技术
目前,行车记录仪采用MCU(Micro Control Unit,微控制单元)和MPU(Microprocessor Unit,微处理器)双芯片方案,而UI设计由MCU来实现,行车记录仪的屏幕分辨率为128*64的点阵屏。
现有技术中,在进行UI设计时,使用顺序结构的代码进行嵌套,刚开始UI功能不复杂,菜单数量少的时候,这种顺序结构流水灯似的程序还可以满足功能需要。随着菜单数量的增加和功能的复杂度提升,对这种顺序结构进行代码修改时,显得很复杂,不仅造成代码量的冗杂,增加了工作量,降低了工作的效率,而且对于初学者来说容易出错,不利于代码的维护,而且汉字采用传统的画图取模的方式,极其复杂,如果有新的菜单需要显示,需要使用画图软件输入汉字文本,再使用取模软件,将点阵数据获取,再进行刷图。
发明内容
针对现有技术中存在的缺陷,本申请的目的在于提供一种行车记录仪的UI设计实现方法及系统,通过多个元素对用户界面进行多维定义得到各个用户的配置属性,进而形成针对行车记录仪的所有用户界面的表格形式的数组,从而方便设计人员查询各个用户界面并进行相应的界面设计。
为达到以上目的,采取的技术方案是:
本申请第一方面提供一种行车记录仪的UI设计实现方法,包括:
针对行车记录仪的所有用户界面UI进行属性配置,所述属性配置包括六个主元素,第一主元素用于表示界面名称,第二主元素用于表示相应的上一级界面,第三主元素用于表示界面内容链接,第四主元素用于表示界面类别,第五主元素用于表示界面内容,第六主元素用于表示相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格;
根据用户指令查询所述表格以调取相应用户界面的属性配置并进行编辑,以对相应用户界面进行设计。
一些实施例中,所述第三主元素为函数指针;
所述界面内容链接为界面内容的函数指针。
一些实施例中,所述行车记录仪的用户界面包括主界面、多级菜单界面和功能界面,所述多级菜单界面包括1-N级菜单界面,N为正整数,选定N级菜单界面中的N级菜单后,用户界面跳转至功能界面;
所述界面类别包括非功能界面和功能界面,非功能界面包括主界面和多级菜单界面,所述第三主元素采用0标记非功能界面,采用1标记功能界面。
一些实施例中,所述第五主元素包括四个子元素,第一子元素用于表示用户界面的所有菜单,第二子元素用于表示用户界面的所有分页,第三子元素用于表示每个分页的首个菜单,第四子元素用于表示每个分页的光标起始位。
一些实施例中,所述方法还包括:
在对用户界面的配置属性进行编辑后,利用字库芯片在每个用户界面中均嵌入文字设计,以对对相应用户界面进行设计。
一种行车记录仪的UI设计实现系统,包括:
配置模块,用于针对行车记录仪的所有用户界面UI进行属性配置,所述属性配置包括六个主元素,第一主元素用于表示界面名称,第二主元素用于表示相应的上一级界面,第三主元素用于表示界面内容链接,第四主元素用于表示界面类别,第五主元素用于表示界面内容,第六主元素用于表示相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格;
编辑模块,用于根据用户指令查询所述表格以调取相应用户界面的属性配置并进行编辑,以对相应用户界面进行设计。
一些实施例中,所述第三主元素为函数指针;
所述界面内容链接为界面内容的函数指针。
一些实施例中,所述行车记录仪的用户界面包括主界面、多级菜单界面和功能界面,所述多级菜单界面包括1-N级菜单界面,N为正整数,选定N级菜单界面中的N级菜单后,用户界面跳转至功能界面;
所述界面类别包括非功能界面和功能界面,非功能界面包括主界面和多级菜单界面,所述第三主元素采用0标记非功能界面,采用1标记功能界面。
一些实施例中,所述第五主元素包括四个子元素,第一子元素用于表示用户界面的所有菜单,第二子元素用于表示用户界面的所有分页,第三子元素用于表示每个分页的首个菜单,第四子元素用于表示每个分页的光标起始位。
一些实施例中,所述编辑模块还用于在对用户界面的配置属性进行编辑后,利用字库芯片在每个用户界面中均嵌入文字设计,以对对相应用户界面进行设计。
本申请提供的技术方案带来的有益效果包括:
通过多个元素对用户界面进行多维定义得到各个用户的配置属性,进而形成针对行车记录仪的所有用户界面的表格形式的数组,从而方便设计人员查询各个用户界面并进行相应的界面设计。
附图说明
图1为本发明实施例中行车记录仪的UI设计实现方法的流程图。
图2为本发明实施例中行车记录仪的UI设计实现系统的功能模块示意图。
图3为本发明实施例中行车记录仪的UI跳转方式示意图。
具体实施方式
以下结合附图及实施例对本申请作进一步详细说明。
本发明实施例提供一种行车记录仪的UI设计实现方法包括针对行车记录仪的所有用户界面UI进行属性配置,上述属性配置包括六个主元素,第一主元素为界面名称,第二主元素为相应的上一级界面,第三主元素为界面内容链接,第四主元素为界面类别,第五主元素为界面内容,第六主元素为相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格。根据用户指令查询表格以调取相应属性配置进行编辑,以对相应用户界面进行设计。本申请通过多个元素对用户界面进行多维定义得到各个用户的配置属性,进而形成针对行车记录仪的所有用户界面的表格形式的数组,从而方便设计人员查询各个用户界面并进行相应的界面设计。
在一个具体实施例中,如图1和图3所示,行车记录仪的UI设计实现方法,包括:
步骤S1、针对行车记录仪的所有用户界面UI进行属性配置,上述属性配置包括六个主元素,第一主元素用于表示界面名称,第二主元素用于表示相应的上一级界面,第三主元素用于表示界面内容链接,第四主元素用于表示界面类别,第五主元素用于表示界面内容,第六主元素用于表示相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格。
步骤S2、根据用户指令查询上述表格以调取相应用户界面的属性配置并进行编辑,以对相应用户界面进行设计。
在本实施例中,采用全新的菜单架构结合大数组查表的方式和字库芯片,能够减少了代码量,对菜单的增删改查也变的很方便,代码的可读性大大增加,对于初学者来说,代码变得简单易懂,有利于代码的维护,提高的代码的执行效率,也避免了大量取模的复杂操作。
在较佳的实施例中,上述第三主元素为函数指针。
上述界面内容链接为界面内容的函数指针。
在较佳的实施例中,上述行车记录仪的用户界面包括主界面、多级菜单界面和功能界面,上述多级菜单界面包括1-N级菜单界面,N为正整数,选定N级菜单界面中的N级菜单后,用户界面跳转至功能界面。
上述界面类别包括非功能界面和功能界面,非功能界面包括主界面和多级菜单界面,上述第三主元素采用0标记非功能界面,采用1标记功能界面。
在较佳的实施例中,上述第五主元素包括四个子元素,第一子元素用于表示用户界面的所有菜单,第二子元素用于表示用户界面的所有分页,第三子元素用于表示每个分页的首个菜单,第四子元素用于表示每个分页的光标起始位。
在较佳的实施例中,上述方法还包括:
在对用户界面的配置属性进行编辑后,利用字库芯片在每个用户界面中均嵌入文字设计,以对对相应用户界面进行设计。
在一个具体实施例中,将每个界面命名,这个名字就是这个界面的索引MenuIndex,每个界面都是一个结构体,所有界面串联在一起,组成一个大数组。
采用寻找结构体的第一主元素MenuIndex,来实现界面的调整,
寻找结构体的第二主元素MenuCancel,来实现界面的返回。
结构体的第三主元素为函数指针,界面显示内容的实现。
结构体的第四主元素为菜单界面与非菜单界面的区分,0为菜单界面,1为非菜单界面。
结构体的第五主元素为一个包含4个元素的1维数组,此1维数组的第一子元素a表示这个界面一共有几个菜单。第二子元素b表示一页显示几个菜单,因为屏幕分辨率为128*64,而规定的汉字为14号,所以一页只能显示4个菜单,元素b默认为4。第三子元素c表示这一页面的第一个菜单是哪个菜单。第四子元素d表示当前光标选择的是哪个菜单。
结构体的第六主元素包含所有下一级菜单的索引。
所有界面集合在一起,形成了一个大表格,界面之间的跳转可以通过查表的方式来进行。
行车记录仪VDR的控制面板上有4个按键,分别是返回键(也即菜单键),上键(up),下键(down),确认键(也即确定键),进行页面的切换。操作1返回、操作2上键、操作3下键、操作4确认键。通过操作1-4实现界面索引MenuIndex的切换。
字库芯片使用标准汉字字库芯片,内含12*12点阵、16*16点阵、24*24点阵、32*32点阵的汉字库芯片。接口函数分别为12*12点阵、16*16点阵、24*24点阵、32*32点阵的汉字库函数。
以往顺序结构进行嵌套,程序复杂度高,逻辑复杂,修改起来很繁琐,还要使用字模软件,取模过程增加了出错的风险和额外的工作量。本发明的查表式UI设计方法,改变了整个程序的架构。简化了程序的复杂度,增加了程序的可读性,使用字库芯片省去了字符、汉字、图片的取模过程,大大减少了代码量和修改难度。
如图2所示,本发明还提供一种行车记录仪的UI设计实现系统,基于上述行车记录仪的UI设计实现方法。包括配置模块1和编辑模块2。
配置模块1针对行车记录仪的所有用户界面UI进行属性配置,上述属性配置包括六个主元素,第一主元素用于表示界面名称,第二主元素用于表示相应的上一级界面,第三主元素用于表示界面内容链接,第四主元素用于表示界面类别,第五主元素用于表示界面内容,第六主元素用于表示相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格。
编辑模块2根据用户指令查询上述表格以调取相应用户界面的属性配置并进行编辑,以对相应用户界面进行设计。
本实施例的UI设计实现系统,适用于上述各UI设计实现方法。
本申请不局限于上述实施方式,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本申请的保护范围之内。
Claims (10)
1.一种行车记录仪的UI设计实现方法,其特征在于,包括:
针对行车记录仪的所有用户界面UI进行属性配置,所述属性配置包括六个主元素,第一主元素用于表示界面名称,第二主元素用于表示相应的上一级界面,第三主元素用于表示界面内容链接,第四主元素用于表示界面类别,第五主元素用于表示界面内容,第六主元素用于表示相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格;
根据用户指令查询所述表格以调取相应用户界面的属性配置并进行编辑,以对相应用户界面进行设计。
2.如权利要求1所述的行车记录仪的UI设计实现方法,其特征在于,所述第三主元素为函数指针;
所述界面内容链接为界面内容的函数指针。
3.如权利要求1所述的行车记录仪的UI设计实现方法,其特征在于,所述行车记录仪的用户界面包括主界面、多级菜单界面和功能界面,所述多级菜单界面包括1-N级菜单界面,N为正整数,选定N级菜单界面中的N级菜单后,用户界面跳转至功能界面;
所述界面类别包括非功能界面和功能界面,非功能界面包括主界面和多级菜单界面,所述第三主元素采用0标记非功能界面,采用1标记功能界面。
4.如权利要求1所述的行车记录仪的UI设计实现方法,其特征在于,所述第五主元素包括四个子元素,第一子元素用于表示用户界面的所有菜单,第二子元素用于表示用户界面的所有分页,第三子元素用于表示每个分页的首个菜单,第四子元素用于表示每个分页的光标起始位。
5.如权利要求1所述的行车记录仪的UI设计实现方法,其特征在于,所述方法还包括:
在对用户界面的配置属性进行编辑后,利用字库芯片在每个用户界面中均嵌入文字设计,以对对相应用户界面进行设计。
6.一种行车记录仪的UI设计实现系统,其特征在于,包括:
配置模块,用于针对行车记录仪的所有用户界面UI进行属性配置,所述属性配置包括六个主元素,第一主元素用于表示界面名称,第二主元素用于表示相应的上一级界面,第三主元素用于表示界面内容链接,第四主元素用于表示界面类别,第五主元素用于表示界面内容,第六主元素用于表示相应的下一级界面,根据所有用户界面的属性配置形成一数组和相应的表格;
编辑模块,用于根据用户指令查询所述表格以调取相应用户界面的属性配置并进行编辑,以对相应用户界面进行设计。
7.如权利要求6所述的行车记录仪的UI设计实现系统,其特征在于,所述第三主元素为函数指针;
所述界面内容链接为界面内容的函数指针。
8.如权利要求6所述的行车记录仪的UI设计实现系统,其特征在于,所述行车记录仪的用户界面包括主界面、多级菜单界面和功能界面,所述多级菜单界面包括1-N级菜单界面,N为正整数,选定N级菜单界面中的N级菜单后,用户界面跳转至功能界面;
所述界面类别包括非功能界面和功能界面,非功能界面包括主界面和多级菜单界面,所述第三主元素采用0标记非功能界面,采用1标记功能界面。
9.如权利要求6所述的行车记录仪的UI设计实现系统,其特征在于,所述第五主元素包括四个子元素,第一子元素用于表示用户界面的所有菜单,第二子元素用于表示用户界面的所有分页,第三子元素用于表示每个分页的首个菜单,第四子元素用于表示每个分页的光标起始位。
10.如权利要求6所述的行车记录仪的UI设计实现系统,其特征在于,所述编辑模块还用于在对用户界面的配置属性进行编辑后,利用字库芯片在每个用户界面中均嵌入文字设计,以对对相应用户界面进行设计。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310804749.0A CN116775028B (zh) | 2023-06-30 | 2023-06-30 | 一种行车记录仪的ui设计实现方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310804749.0A CN116775028B (zh) | 2023-06-30 | 2023-06-30 | 一种行车记录仪的ui设计实现方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116775028A true CN116775028A (zh) | 2023-09-19 |
CN116775028B CN116775028B (zh) | 2024-01-26 |
Family
ID=87987789
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310804749.0A Active CN116775028B (zh) | 2023-06-30 | 2023-06-30 | 一种行车记录仪的ui设计实现方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116775028B (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130067430A1 (en) * | 2011-09-12 | 2013-03-14 | Sap Ag | User interface description language |
CN112394928A (zh) * | 2019-08-16 | 2021-02-23 | 郑州宇通客车股份有限公司 | 一种嵌入式系统中多级菜单构建方法与计算机存储介质 |
CN115809058A (zh) * | 2022-12-09 | 2023-03-17 | 深圳软牛科技有限公司 | 一种生成用户界面框架逻辑树的方法及其相关装置 |
-
2023
- 2023-06-30 CN CN202310804749.0A patent/CN116775028B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130067430A1 (en) * | 2011-09-12 | 2013-03-14 | Sap Ag | User interface description language |
CN112394928A (zh) * | 2019-08-16 | 2021-02-23 | 郑州宇通客车股份有限公司 | 一种嵌入式系统中多级菜单构建方法与计算机存储介质 |
CN115809058A (zh) * | 2022-12-09 | 2023-03-17 | 深圳软牛科技有限公司 | 一种生成用户界面框架逻辑树的方法及其相关装置 |
Also Published As
Publication number | Publication date |
---|---|
CN116775028B (zh) | 2024-01-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US4870610A (en) | Method of operating a computer system to provide customed I/O information including language translation | |
US4939670A (en) | PC driven print file utilities for mainframe computer printing | |
US20050102284A1 (en) | Dynamic graphical user interface and query logic SQL generator used for developing Web-based database applications | |
KR20080086456A (ko) | 찾기 및 교체 입력의 파생어를 레버리징하는 찾기 및 교체기능을 갖춘 텍스트 편집 방법 및 시스템 | |
JPH06187202A (ja) | リレーショナルデータベースの構造を定義するユーザインターフェース、およびこのユーザインターフェースをコンピュータシステムのディスプレイ上に生成する方法 | |
US20070041041A1 (en) | Method and computer program product for conversion of an input document data stream with one or more documents into a structured data file, and computer program product as well as method for generation of a rule set for such a method | |
JPH09134349A (ja) | 情報処理装置並びに文書作成方法及び帳表作成方法 | |
JP2001051781A (ja) | 漢字符号化の入力方法及びその入力装置 | |
CN101196963A (zh) | 族性化学结构标引系统和标引方法 | |
CN116775028B (zh) | 一种行车记录仪的ui设计实现方法及系统 | |
JPS62274360A (ja) | ワ−ドプロセツサ | |
CN100390783C (zh) | 进行格变换的方法和系统 | |
JPH08329004A (ja) | アプリケーション・プログラム使用の端末操作性向上方法 | |
CN1282900A (zh) | 一种汉字输入的智能化人机交互方法及键盘布局 | |
JPS6320529A (ja) | 知識獲得方式 | |
CN101587382A (zh) | 适用于维哈柯文的文字输入方法 | |
CN111766957A (zh) | 汉字结构五笔六键检字输入法 | |
JP2561000B2 (ja) | 文字列出力方法 | |
CN111142682A (zh) | 汉字五笔构件编码计算机拼字输入法 | |
JPH08161320A (ja) | 文書作成装置及びその表示処理方法 | |
JPH1131094A (ja) | データベース管理方法 | |
JP2560999B2 (ja) | 文字列出力方法 | |
CN113778411A (zh) | 图形化编程方法及应用设备 | |
CN100445945C (zh) | 汉语编程中程序代码的记忆式快速检索及列表输入方法 | |
Fox et al. | Reports and Charts |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |