CN117608573A - 用户界面ui的开发方法、装置、设备及介质 - Google Patents
用户界面ui的开发方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN117608573A CN117608573A CN202311537068.9A CN202311537068A CN117608573A CN 117608573 A CN117608573 A CN 117608573A CN 202311537068 A CN202311537068 A CN 202311537068A CN 117608573 A CN117608573 A CN 117608573A
- Authority
- CN
- China
- Prior art keywords
- interface
- user interface
- file
- user
- resource
- 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.)
- Pending
Links
- 238000011161 development Methods 0.000 title claims abstract description 121
- 238000000034 method Methods 0.000 title claims abstract description 51
- 238000004806 packaging method and process Methods 0.000 claims abstract description 31
- 238000013500 data storage Methods 0.000 claims abstract description 10
- 238000012360 testing method Methods 0.000 claims description 15
- 238000004590 computer program Methods 0.000 claims description 12
- 238000010276 construction Methods 0.000 claims description 4
- 238000009877 rendering Methods 0.000 claims description 4
- 238000005457 optimization Methods 0.000 claims description 3
- 238000000547 structure data Methods 0.000 claims description 3
- 230000006870 function Effects 0.000 description 11
- 238000004891 communication Methods 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 238000013461 design Methods 0.000 description 6
- 238000007726 management method Methods 0.000 description 5
- 238000013473 artificial intelligence Methods 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000013507 mapping Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 230000008713 feedback mechanism Effects 0.000 description 1
- -1 icons Substances 0.000 description 1
- 239000003999 initiator Substances 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000013508 migration Methods 0.000 description 1
- 230000005012 migration Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000000153 supplemental effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及UI开发技术领域,揭露一种用户界面UI的开发方法,包括:基于界面开发指令获取用户需求,获取用户界面开发框架,利用用户需求和用户界面开发框架构建初始用户界面;利用C语言库构建资源打包工具,通过资源打包工具将初始用户界面中的界面资源导出,得到用户界面资源;根据用户界面资源生成界面资源文件,并将界面资源文件存储入预设的智能终端设备的数据存储库;利用智能终端设备加载界面资源文件,获取界面资源文件的动态库文件的相关接口,并通过动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。本发明还提出一种用户界面UI的开发装置、设备及存储介质。本发明可以提升用户界面的开发效率。
Description
技术领域
本发明涉及UI开发技术领域,尤其涉及一种用户界面UI的开发方法、装置、设备及介质。
背景技术
随着移动互联网的兴起,越来越多的应用程序开始进入到社会生活的各个领域,为我们的生活带来便利,但是也带来了大量的移动端用户界面需要编写的麻烦,并且用户界面的设计与开发,作为一项重复性极高的工作,往往会耗费大量的人力,因此现在引入了各种开发框架。
作为现在常用的开发框架QT4在实际应用时,因为兼容性的问题,导致用户界面的开发存在着迁移困难的问题,并且在用户开发的过程中由于需要特定设计,自定义进行开发,从而得到符合用户需求的用户界面,而采用QT4进行用户界面开发时,还存在对传统的开发控件存在修改困难的问题,降低了用户界面的开发效率。
发明内容
本发明提供一种用户界面UI的开发方法、装置、设备及介质,其主要目的在于提升用户界面的开发效率。
为实现上述目的,本发明提供的一种用户界面UI的开发方法,包括:
基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面;
利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源;
根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库;
利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
可选地,所述通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面,包括:
通过所述动态库文件的相关接口加载所述界面资源文件,并获取界面资源文件对应的XML文件;
根据所述界面资源文件和所述XML文件创建显示框架,得到用户界面显示框架;
利用所述XML文件中的控件定义生成控件实例,并在所述用户界面显示框架中进行显示,得到显示控件实例;
通过调用动态库文件的相关接口使用所述显示控件实例,获取所述显示控件实例的指针,并根据预设的程序逻辑和所述控件实例的指针,利用所述显示控件实例和所述用户界面显示框架构建标准用户界面。
可选地,所述利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面,包括:
获取所述用户界面开发框架对应的界面生成规则,并根据所述界面生成规则,利用所述用户需求构建控件,得到用户界面控件;
获取所述用户界面开发框架中的基础界面,并根据所述用户需求进行外观优化,得到用户需求界面;
将所述用户界面控件导入所述用户需求界面,得到所述初始用户界面。
可选地,所述通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源,包括:
通过所述初始用户界面中的文件存储路径获取所述用户界面资源对应界面文件,得到多媒体文件;
通过所述资源打包工具解析所述多媒体文件,并对所述多媒体文件中的用户界面组件进行自动切图和打包,得到所述用户界面资源。
可选地,所述根据所述界面开发指令和所述用户需求获取用户界面开发框架,包括:
通过查询符合所述用户需求的框架类型,得到目标框架类型;
基于所述界面开发指令获取所述目标框架类型对应的包管理器,并利用所述包管理器获取用户界面开发框架。
可选地所述,通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面之后,所述方法还包括:
获取所述标准用户界面中提取实体对象,得到显示实体对象;
利用预设的视图组件对所述显示实体对象进行用户界面渲染,得到渲染后的标准用户界面。
可选地,所述利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面之后,所述方法还包括:
获取所述初始用户界面中的待测试控件,并查询所述待测试控件对应的结构数据,得到控件结构数据;
将所述控件结构数据输入预设的界面测试模型中,获取界面测试计划;
通过所述界面测试计划对所述待测试控件进行测试,得到所述初始用户界面是否通过的界面测试结果。
为了解决上述问题,本发明还提供一种用户界面UI的开发装置,所述装置包括:
初始界面构建模块,用于基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面;
界面资源获取模块,用于利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源;
资源文件存储模块,用于根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库;
标准界面获取模块,用于利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
为了解决上述问题,本发明还提供一种电子设备,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行如上所述的用户界面UI的开发方法。
为了解决上述问题,本发明还提供一种计算机可读存储介质,包括存储数据区和存储程序区,存储数据区存储创建的数据,存储程序区存储有计算机程序;其中,所述计算机程序被处理器执行时实现如上所述的用户界面UI的开发方法。
本发明实施例在基于预设的界面开发指令获取用户需求后,根据界面开发指令和用户需求获取开发框架,通过开发框架构建出一个符合用户需求的初始用户界面,之后通过打包工具将初始用户界面中的资源迁移至智能终端设备中,通过界面资源文件的相关接口在智能终端设备中对控件数据进行重构,重新建立出符合用户需求的标准用户界面,解决了用户界面开发过程中开发控件修改困难的问题。因此本发明提出的用户界面UI的开发方法、装置、电子设备及计算机可读存储介质,可以提升用户界面的开发效率。
附图说明
图1为本发明一实施例提供的一种用户界面UI的开发方法的流程示意图;
图2为本发明一实施例提供的用户界面UI的开发装置的模块示意图;
图3为本发明一实施例提供的实现用户界面UI的开发方法的电子设备的内部结构示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本申请实施例提供一种用户界面UI的开发方法。所述用户界面UI的开发方法的执行主体包括但不限于服务端、终端等能够被配置为执行本申请实施例提供的该方法的电子设备中的至少一种。其中,服务器可以是独立的服务器,也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network,CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。换言之,所述用户界面UI的开发方法可以由安装在远端设备或服务端设备的软件或硬件来执行,所述软件可以是区块链平台。所述服务端包括但不限于:单台服务器、服务器集群、云端服务器或云端服务器集群等。
参照图1所示,为本发明一实施例提供的一种用户界面UI的开发方法的流程示意图。在本实施例中,所述用户界面UI的开发方法包括以下步骤S1-S4:
S1、基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面。
本发明实施例中,所述界面开发指令是指用于创建和管理用户界面(UserInterface,UI)的指令或命令集合。这些指令通常由开发系统或者开发工具提供,对用户界面的界面布局、对话框、菜单动画等元素进行操作。例如补间动画指令、状态列表指令、样式指令等。
本发明实施例中,首先在开发端或者说设计端根据所述用户界面开发框架构建初始用户界面,可以在设计端构建出一个符合用户需求的初始用户界面,之后再凭借这个初始用户界面中的资源再去用户使用的智能终端设备中构建符合用户需求的显示界面,以提升用户界面的开发效率。
进一步地,所述根据所述界面开发指令和所述用户需求获取用户界面开发框架,包括:
通过查询符合所述用户需求的框架类型,得到目标框架类型;
基于所述界面开发指令获取所述目标框架类型对应的包管理器,并利用所述包管理器获取用户界面开发框架。
详细地,所述目标框架类型用于确定选用的界面开发框架的类型,所述包管理器用于在用户界面开发过程中自动化地安装、更新、配置界面开发框架,简化用户界面开发地过程。
进一步地,所述利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面,包括:
获取所述用户界面开发框架对应的界面生成规则,并根据所述界面生成规则,利用所述用户需求构建控件,得到用户界面控件;
获取所述用户界面开发框架中的基础界面,并根据所述用户需求进行外观优化,得到用户需求界面;
将所述用户界面控件导入所述用户需求界面,得到所述初始用户界面。
本发明实施例中,所述界面生成规则是指设计和开发用户界面时应遵循的一些准则和准则集合,旨在提供界面开发时的可用性、易用性和一致性,以确保开发人员能够轻松理解和操作界面,例如,常见的用户界面生成规则具备一致性、简洁性、可用性、反馈机制等。
具体的,所述用户界面控件还可称之为组件、元素或部件,表示用户界面设计中构成具体界面的基本用户交互元素,通常由各种用户界面元素、可交互式文本、按钮、文本框、下拉列表等组成。
本发明实施例中,通过构建界面生成规则去开发和设计用户界面,得到符合用户需求的用户界面。
进一步地,所述利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面之后,所述方法还包括:
获取所述初始用户界面中的待测试控件,并查询所述待测试控件对应的结构数据,得到控件结构数据;
将所述控件结构数据输入预设的界面测试模型中,获取界面测试计划;
通过所述界面测试计划对所述待测试控件进行测试,得到所述初始用户界面是否通过的界面测试结果。
本发明实施例中,可以在得到初始用户界面之后,对所述初始用户进行进行测试,确保所述初始用户界面中的控件符合界面开发需求。
本发明另一实施例中,还可通过Adobe Flash CS或者说Adobe FlashProfessional CS作为用户界面生成的工具,并以此为基础,再根据用户需求和一定的规则输入图片和文字生成用户界面的相关控件。
S2、利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源。
本发明实施例中,所述打包工具是一种用户界面开发工具,可将用户界面的各个部分打包成共同部署的单个软件包,本方案中所述资源打包工具可通过C语言编写,用于解析用户界面中的数据,提取其中控件,得到界面图片资源。
进一步的,所述用户界面资源是指创建用户界面设计的各种素材、图形、字体、颜色和其他相关资源。所述用户界面资源还可以用于构建和美化应用程序、网站或其他数字界面的外观,以提供良好的用户体验。
其中,常见的用户界面资源例如图形和图像、字体、颜色、图标和矢量素材等。
本发明实施例中,所述通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源,包括:
通过所述初始用户界面中的文件存储路径获取所述用户界面资源对应界面文件,得到多媒体文件;
通过所述资源打包工具解析所述多媒体文件,并对所述多媒体文件中的用户界面组件进行自动切图和打包,得到所述用户界面资源。
具体的,所述多媒体文件是指用于增强用户界面交互体验的音频和视频文件,用于吸引用户的注意力,并提供更丰富的交互内容。
本发明实施例中,通过将初始用户界面的用户界面资源导出,可以便于后续在用户端的智能终端设备中构建符合用户需求的用户界面。
S3、根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库。
本发明实施例中,所述界面资源文件为通过设计工具或开发工具来处理或导出的资源文件。
具体的,所述智能终端设备包括具备影音播放能力的车载多媒体MP5以及智能手机、平板电脑等设备。
本发明实施例中,所述根据所述用户界面资源生成界面资源文件,包括:
获取所述用户界面资源中的页面原型,得到用户界面资源组成;
根据预设的控件映射规则,将所述用户界面资源组成转化资源文件,得到所述界面资源文件。
具体的,所述控件映射规则是指在使用视图绑定功能时,将界面资源文件中定义的控件映射到Java类中相应的控件对象的一组规则。
本发明另一实施例中,还可通过所述资源打包工具将所述用户界面资源直接转化为界面资源文件。
进一步地,在将所述用户界面资源组成转化为资源文件时,还得到Qss样式表文件,其中,Qss样式表文件用于界面样式显示,包含所需贴图等资源文件,界面资源文件中包含用户界面开发中所用到的控件,使用绝对位置排布,布局可由开发人员通过QTDesigner实现。
本发明实施例中,将所述界面资源文件存储入预设的智能终端系统的数据存储库可以避免数据的遗失,并且方便在智能终端系统中直接调用。
本发明另一实施例中可通过下述代码设置定时器,并利用蓝牙来实现开发端和智能终端设备之间的数据传输:
S4、利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
本发明实施例中,所述动态库文件(Dynamic Link Library,DLL)是一种可重用的代码和资源的文件,用于在资源文件调用时动态加载和连接。与静态库不同,动态库文件在运行时才加载到内存中,以供调用。所述动态库文件的相关接口为动态库文件暴露给外部程序或设备调用的函数或方法,这些接口定义了动态库提供的功能和服务,通过调用这些接口,外部程序或设备可以与动态库进行交互。
进一步地,所述标准用户界面为符合用户需求的,显示在智能终端设备的用户界面。
本发明实施例中,所述通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面,包括:
通过所述动态库文件的相关接口加载所述界面资源文件,并获取界面资源文件对应的XML文件;
根据所述界面资源文件和所述XML文件创建显示框架,得到用户界面显示框架;
利用所述XML文件中的控件定义生成控件实例,并在所述用户界面显示框架中进行显示,得到显示控件实例;
通过调用动态库文件的相关接口使用所述显示控件实例,获取所述显示控件实例的指针,并根据预设的程序逻辑和所述控件实例的指针,利用所述显示控件实例和所述用户界面显示框架构建标准用户界面。
具体的,所述XML文件由一系列被标签包围的数据组成,每个标签由尖括号定义,并包含标签名称,标签可以具有属性,属性由名称和值组成,并位于标签的开始标记中。所述XML文件由可扩展标记语言(Extensible Markup Language,XML)组成,是一种用于表示数据的标记语言。
本发明实施例中,通过动态库文件的相关接口提取界面资源文件中的控件数据可以获取控件的类型、位置、大小、样式等信息,对于程序运行时动态调整界面布局、设置控件属性等操作非常有用。
进一步地,所述通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面之后,所述方法还包括:
获取所述标准用户界面中提取实体对象,得到显示实体对象;
利用预设的视图组件对所述显示实体对象进行用户界面渲染,得到渲染后的标准用户界面。
本发明实施例中,通过对所述标准用户界面进行渲染,可以使得所述标准用户界面贴合所述智能终端设备,改善所述标准用户界面这一图像的细节和质量。
本发明实施例在基于预设的界面开发指令获取用户需求后,根据界面开发指令和用户需求获取开发框架,通过开发框架构建出一个符合用户需求的初始用户界面,之后通过打包工具将初始用户界面中的资源迁移至智能终端设备中,通过界面资源文件的相关接口在智能终端设备中对控件数据进行重构,重新建立出符合用户需求的标准用户界面,解决了用户界面开发过程中开发控件修改困难的问题。因此本发明提出的用户界面UI的开发方法、装置、电子设备及计算机可读存储介质,可以提升用户界面的开发效率。
如图2所示,是本发明用户界面UI的开发装置的模块示意图。
本发明所述用户界面UI的开发装置100可以安装于电子设备中。根据实现的功能,所述用户界面UI的开发装置可以包括初始界面构建模块101、界面资源获取模块102、资源文件存储模块103和标准界面获取模块104。本发明所述模块也可以称之为单元,是指一种能够被电子设备处理器所执行,并且能够完成固定功能的一系列计算机程序段,其存储在电子设备的存储器中。
在本实施例中,关于各模块/单元的功能如下:
所述初始界面构建模块101,用于基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面;
界面资源获取模块102,用于利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源;
资源文件存储模块103,用于根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库;
标准界面获取模块104,用于利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
详细地,本发明实施例中所述用户界面UI的开发装置100中所述的各模块在使用时采用与上述图1所述的用户界面UI的开发方法一样的技术手段,并能够产生相同的技术效果,这里不再赘述。
如图3所示,是本发明实现用户界面UI的开发方法的电子设备的结构示意图。
所述电子设备可以包括处理器10、存储器11、通信总线12以及通信接口13,还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序,如用户界面UI的开发程序。
其中,所述处理器10在一些实施例中可以由集成电路组成,例如可以由单个封装的集成电路所组成,也可以是由多个相同功能或不同功能封装的集成电路所组成,包括一个或者多个中央处理器(Central Processing Unit,CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(ControlUnit),利用各种接口和线路连接整个电子设备的各个部件,通过运行或执行存储在所述存储器11内的程序或者模块(例如执行用户界面UI的开发程序等),以及调用存储在所述存储器11内的数据,以执行电子设备的各种功能和处理数据。
所述存储器11至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如:SD或DX存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备的内部存储单元,例如该电子设备的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备的外部存储设备,例如电子设备上配备的插接式移动硬盘、智能存储卡(Smart Media Card,SMC)、安全数字(Secure Digital,SD)卡、闪存卡(Flash Card)等。进一步地,所述存储器11还可以既包括电子设备的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备的应用软件及各类数据,例如用户界面UI的开发程序的代码等,还可以用于暂时地存储已经输出或者将要输出的数据。
所述通信总线12可以是外设部件互连标准(Peripheral ComponentInterconnect,简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。
所述通信接口13用于上述电子设备与其他设备之间的通信,包括网络接口和用户接口。可选地,所述网络接口可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等),通常用于在该电子设备与其他电子设备之间建立通信连接。所述用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard)),可选地,用户接口还可以是标准的有线接口、无线接口。可选地,在一些实施例中,显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode,有机发光二极管)触摸器等。其中,显示器也可以适当的称为显示屏或显示单元,用于显示在电子设备中处理的信息以及用于显示可视化的用户界面。
图3仅示出了具有部件的电子设备,本领域技术人员可以理解的是,图3示出的结构并不构成对所述电子设备的限定,可以包括比图示更少或者更多的部件,或者组合某些部件,或者不同的部件布置。
例如,尽管未示出,所述电子设备还可以包括给各个部件供电的电源(比如电池),优选地,电源可以通过电源管理装置与所述至少一个处理器10逻辑相连,从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备还可以包括多种传感器、蓝牙模块、Wi-Fi模块等,在此不再赘述。
应该了解,所述实施例仅为说明之用,在专利申请范围上并不受此结构的限制。
所述电子设备中的所述存储器11存储的用户界面UI的开发程序是多个计算机程序的组合,在所述处理器10中运行时,可以实现:
基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面;
利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源;
根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库;
利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
具体地,所述处理器10对上述计算机程序的具体实现方法可参考图1对应实施例中相关步骤的描述,在此不赘述。
进一步地,所述电子设备集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个非易失性计算机可读取存储介质中。所述计算机可读存储介质可以是易失性的,也可以是非易失性的。例如,所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)。
本发明还提供一种计算机可读存储介质,所述可读存储介质存储有计算机程序,所述计算机程序在被电子设备的处理器所执行时,可以实现:
基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面;
利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源;
根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库;
利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
在本发明所提供的几个实施例中,应该理解到,所揭露的设备,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能模块的形式实现。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。
因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。
本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中,人工智能(Artificial Intelligence,AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能,感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。
此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称,而并不表示任何特定的顺序。
最后应说明的是,以上实施例仅用以说明本发明的技术方案而非限制,尽管参照较佳实施例对本发明进行了详细说明,本领域的普通技术人员应当理解,可以对本发明的技术方案进行修改或等同替换,而不脱离本发明技术方案的精神和范围。
Claims (10)
1.一种用户界面UI的开发方法,其特征在于,所述方法包括:
基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面;
利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源;
根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库;
利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
2.如权利要求1所述的用户界面UI的开发方法,其特征在于,所述通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面,包括:
通过所述动态库文件的相关接口加载所述界面资源文件,并获取界面资源文件对应的XML文件;
根据所述界面资源文件和所述XML文件创建显示框架,得到用户界面显示框架;
利用所述XML文件中的控件定义生成控件实例,并在所述用户界面显示框架中进行显示,得到显示控件实例;
通过调用动态库文件的相关接口使用所述显示控件实例,获取所述显示控件实例的指针,并根据预设的程序逻辑和所述控件实例的指针,利用所述显示控件实例和所述用户界面显示框架构建标准用户界面。
3.如权利要求1所述的用户界面UI的开发方法,其特征在于,所述利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面,包括:
获取所述用户界面开发框架对应的界面生成规则,并根据所述界面生成规则,利用所述用户需求构建控件,得到用户界面控件;
获取所述用户界面开发框架中的基础界面,并根据所述用户需求进行外观优化,得到用户需求界面;
将所述用户界面控件导入所述用户需求界面,得到所述初始用户界面。
4.如权利要求1所述的用户界面UI的开发方法,其特征在于,所述通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源,包括:
通过所述初始用户界面中的文件存储路径获取所述用户界面资源对应界面文件,得到多媒体文件;
通过所述资源打包工具解析所述多媒体文件,并对所述多媒体文件中的用户界面组件进行自动切图和打包,得到所述用户界面资源。
5.如权利要求1所述的用户界面UI的开发方法,其特征在于,所述根据所述界面开发指令和所述用户需求获取用户界面开发框架,包括:
通过查询符合所述用户需求的框架类型,得到目标框架类型;
基于所述界面开发指令获取所述目标框架类型对应的包管理器,并利用所述包管理器获取用户界面开发框架。
6.如权利要求1所述的用户界面UI的开发方法,其特征在于,所述通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面之后,所述方法还包括:
获取所述标准用户界面中提取实体对象,得到显示实体对象;
利用预设的视图组件对所述显示实体对象进行用户界面渲染,得到渲染后的标准用户界面。
7.如权利要求1所述的用户界面UI的开发方法,其特征在于,所述利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面之后,所述方法还包括:
获取所述初始用户界面中的待测试控件,并查询所述待测试控件对应的结构数据,得到控件结构数据;
将所述控件结构数据输入预设的界面测试模型中,获取界面测试计划;
通过所述界面测试计划对所述待测试控件进行测试,得到所述初始用户界面是否通过的界面测试结果。
8.一种用户界面UI的开发装置,其特征在于,所述装置包括:
初始界面构建模块,用于基于预设的界面开发指令获取用户需求,根据所述界面开发指令和所述用户需求获取用户界面开发框架,并利用所述用户需求和所述用户界面开发框架构建用户界面,得到初始用户界面;
界面资源获取模块,用于利用C语言库构建资源打包工具,并通过所述资源打包工具将所述初始用户界面中的界面资源导出,得到用户界面资源;
资源文件存储模块,用于根据所述用户界面资源生成界面资源文件,并将所述界面资源文件存储入预设的智能终端设备的数据存储库;
标准界面获取模块,用于利用所述智能终端设备加载所述界面资源文件,获取所述界面资源文件的动态库文件的相关接口,并通过所述动态库文件的相关接口提取界面资源文件中的控件数据,得到标准用户界面。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行如权利要求1至7中任一项所述的用户界面UI的开发方法。
10.一种计算机可读存储介质,包括存储数据区和存储程序区,存储数据区存储创建的数据,存储程序区存储有计算机程序;其中,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的用户界面UI的开发方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311537068.9A CN117608573A (zh) | 2023-11-17 | 2023-11-17 | 用户界面ui的开发方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311537068.9A CN117608573A (zh) | 2023-11-17 | 2023-11-17 | 用户界面ui的开发方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117608573A true CN117608573A (zh) | 2024-02-27 |
Family
ID=89952700
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311537068.9A Pending CN117608573A (zh) | 2023-11-17 | 2023-11-17 | 用户界面ui的开发方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117608573A (zh) |
-
2023
- 2023-11-17 CN CN202311537068.9A patent/CN117608573A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108292231B (zh) | 从数据生成应用的方法和系统 | |
Paterno et al. | One model, many interfaces | |
US11561772B2 (en) | Low-code development platform | |
JP4812337B2 (ja) | フォームタイプを使用してフォームを生成する方法および装置 | |
CN113095995B (zh) | 网页水印添加方法、装置、电子设备及存储介质 | |
EP2885700A1 (en) | User interface control framework for stamping out controls using a declarative template | |
US11677807B2 (en) | System and method to standardize and improve implementation efficiency of user interface content | |
CN110837366A (zh) | 一种表单生成方法、电子装置及计算机可读存储介质 | |
US20240160410A1 (en) | Application Development Platform, Micro-program Generation Method, and Device and Storage Medium | |
CN112214256B (zh) | 机器学习的运行控制方法、装置、电子设备及存储介质 | |
CN117608573A (zh) | 用户界面ui的开发方法、装置、设备及介质 | |
US20220413843A1 (en) | Combining model-driven applications and canvas-type applications with application lifecycle management | |
CN112667202B (zh) | Mda与bpmn相结合的软件设计方法和装置 | |
CN114398282A (zh) | 测试脚本的生成方法、装置、设备及存储介质 | |
CN114637937A (zh) | 页面显示方法、装置、电子设备及计算机可读存储介质 | |
CN114185522A (zh) | 页面主题定制方法、装置、电子设备及存储介质 | |
US20140033168A1 (en) | Method and system for providing modeled components | |
CN113010129A (zh) | 虚拟演播厅全流程多终端板书提取方法和装置 | |
CN112685023A (zh) | 基于基础库的前端开发处理方法、装置、设备和存储介质 | |
CN112632436A (zh) | 一种网页显示方法、装置、电子设备及存储介质 | |
CN116595963B (zh) | 基于模板配置的单据生成方法、装置、设备及介质 | |
CN107145372A (zh) | 信息生成方法和装置 | |
US20240160416A1 (en) | Multicell document editor minimoremap | |
CN114995940A (zh) | 弹框配置及展示方法、装置、设备及存储介质 | |
CN117724704A (zh) | 一种智能建造管理系统快速构建方法、装置、设备及介质 |
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 |