CN111552529B - Ui适配方法、装置、计算机设备及存储介质 - Google Patents
Ui适配方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN111552529B CN111552529B CN202010305925.2A CN202010305925A CN111552529B CN 111552529 B CN111552529 B CN 111552529B CN 202010305925 A CN202010305925 A CN 202010305925A CN 111552529 B CN111552529 B CN 111552529B
- Authority
- CN
- China
- Prior art keywords
- interface
- script
- information
- interface information
- user interface
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本发明实施例公开了一种UI适配方法,通过WPF应用中的图形界面框架动态加载显示当前界面信息;通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面,使得用户界面与后台通过事件通信,实现了无需编译即可通信,同时,由于无需编译,因此,非专业专业人员就可以实现用户界面的适配,降低了维护成本,大大提高了UI适配效率。此外,本发明实施例还公开了一种UI适配装置、计算机设备以及一种计算机可读存储介质。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种UI适配方法、装置、计算机设备及存储介质。
背景技术
UI(User Interface,用户界面)是一种交互的可视化模块,用户设备通过专用的软件来实现UI,用户通过UI实现与用户设备的交互。随着通信技术的发展,用户设备的类型也日益增多,以医疗自助设备为例,不同医院对自助设备的UI有不同的需求和配置。导致对用户设备的用户界面的需求多元化,用户界面的适配显得尤为重要。目前对于用户设备的UI的适配,多是专业开发人员通过对界面代码化的方式进行定制,一方面,由于定制需要开发人员重新开发,影响UI适配效率和UI适配的适用性。另一方面,代码化的方式需要专业人员编译,导致程序的响应速度降低,降低了UI适配效率。
发明内容
基于此,有必要针对上述问题,提出一种提高UI适配效率的UI适配方法、装置、计算机设备及存储介质。
一种UI适配方法,包括:
通过WPF应用中的图形界面框架动态加载显示当前界面信息;
通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;
从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;
根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面。
一种UI适配装置,所述装置包括:
加载模块,用于通过WPF应用中的图形界面框架动态加载显示当前界面信息;
解析模块,用于通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;
查找模块,用于从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;
渲染模块,用于根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面。
一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述计算机程序被所述处理器执行时,使得所述处理器执行以下步骤:通过WPF应用中的图形界面框架动态加载显示当前界面信息;
通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;
从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;
根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面。
一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时,使得所述处理器执行以下步骤:
通过WPF应用中的图形界面框架动态加载显示当前界面信息;
通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;
从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;
根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面。
上述UI适配方法、装置、计算机设备及存储介质,通过WPF应用中的图形界面框架动态加载显示当前界面信息;通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面,使得用户界面与后台通过事件通信,实现了无需编译即可通信,同时,由于无需编译,因此,非专业专业人员就可以实现用户界面的适配,降低了维护成本,大大提高了UI适配效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
其中:
图1为一个实施例中UI适配方法的流程图;
图2为一个实施例中当前界面信息解析方法的流程图;
图3为一个实施例中待适配界面信息渲染方法的流程图;
图4为一个实施例中javascript脚本确定方法的流程图;
图5为另一个实施例中UI适配方法的流程图;
图6为又一个实施例中UI适配方法的流程图;
图7为一个实施例中UI适配装置的结构框图;
图8为一个实施例中计算机设备的结构框图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图1所示,在一个实施例中,提供了一种UI适配方法,该UI适配方法既可以应用于终端,也可以应用于服务器,本实施例以应用于服务器举例说明。该UI适配方法具体包括以下步骤:
步骤102,通过WPF应用中的图形界面框架动态加载显示当前界面信息。
其中,WPF(Windows Presentation Foundation)应用是一种基于Windows的用户界面框架,提供了统一的编程模型、语言、框架以及全新的多媒体交互用户图形界面。本实施例中的WPF应用用于借助图形界面框架对矢量图的超强支持的特点,对自助设备的用户界面进行处理。当前界面信息是指待处理的界面信息需要展示的界面。具体地,通过WPF应用中的图形界面框架动态加载显示该当前界面信息,以便后续基于该当前界面信息对待适配界面信息进行调整,提高界面适配的准确度。
步骤104,通过预设的webview控件对当前界面信息进行解析,得到参考界面数据。
其中,webview控件是一种浏览器控件,用于直接访问网页,根据展示的页面信息分析网页的界面信息。参考界面数据是指用户界面的界面元素和布局等数据。具体地,通过预先设置的webview控件实例对当前界面信息进行初始化,得到当前界面信息的尺寸、颜色、位置、字体等界面元素以及界面样式等,作为参考界面数据。
步骤106,从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息。
其中,待适配界面是指需要进行适配的界面信息,即当前用户设备需要展示的界面。例如,某一型号的打印机的打印作业的界面。具体地,预先将各个用户设备的用户界面保存在设备界面库的文件夹中,根据预设的目录查找到待适配界面信息,可以理解地,待适配界面信息的获取只需根据预设的目录进行查找即可,方便快速,对于非专业开发人员也能够快速获取到待适配界面信息。
步骤108,根据参考界面数据,对待适配界面信息进行渲染,生成目标用户界面。
其中,渲染是一种用于实现WPF元素显示到用户设备的屏幕的过程。目标用户界面是指对待适配界面信息进行修改适配后得到的用户界面。具体地,通过脚本的方式将待适配界面信息以与参考界面数据一致的形式进行渲染,生成目标用户界面,其中的脚本可以是javascript脚本,也可以是html脚本,还可以是javascript脚本和html脚本的组合的脚本。作为本实施例的优选,采用javascript脚本和html脚本的组合的脚对待适配界面信息进行渲染,以提高渲染效率。本实施例中,根据参考界面数据对待适配界面信息进行渲染,使得用户界面与后台通过事件通信,实现了无需编译即可通信,同时,由于无需编译,因此,非专业专业人员就可以实现用户界面的适配,降低了维护成本,大大提高了UI适配效率。
上述UI适配方法,通过WPF应用中的图形界面框架动态加载显示当前界面信息;通过预设的webview控件对当前界面信息进行解析,得到参考界面数据;从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;根述参考界面数据,对待适配界面信息进行渲染,生成目标用户界面,使得用户界面与后台通过事件通信,实现了无需编译即可通信,同时,由于无需编译,因此,非专业专业人员就可以实现用户界面的适配,降低了维护成本,大大提高了UI适配效率。
如图2所示,在一个实施例中,参考用户界面数据包括界面元素和布局。通过预设的webview控件对当前界面信息进行解析,得到参考界面数据,包括:
步骤104A,获取与webview控件对应的webview实例;
步骤104B,通过webview实例中的元素类确定当前界面信息中的界面元素;
步骤104C,通过webview实例中的布局类确定当前界面信息中的布局;
步骤104D,根据界面元素和布局确定参考界面数据。
在这个实施例中,首先获取与webview控件对应的webview实例,通过webview实例中的元素类确定当前界面信息中的界面元素,如界面元素颜色,界面元素数量、位置等,通过webview实例中的布局类确定当前界面信息中的布局,如界面样式等,根据界面元素和布局确定参考界面数据,具体可以是按照布局合并界面元素,生成参考界面数据,以便后续基于参考界面数据进行界面信息数据的调整。
如图3所示,在一个实施例中,根据参考界面数据,对待适配界面信息进行渲染,得到目标用户界面,包括:
步骤108A,根据参考界面数据确定javascript脚本,并根据待适配界面信息确定html脚本;
步骤108B,执行javascript脚本和html脚本,生成目标用户界面。
其中,javascript脚本是一种基于对象和事件驱动并具有安全性能的解释型脚本语言,不需要编译,而是直接嵌入在http页面中,把静态页面转变成支持用户交互并相应应用事件的动态页面。用于对用户界面进行数据验证、控制浏览器以及生成时钟、日历个时间戳文档等,还可以以事件驱动的方式直接对客户端的输入作出响应。html(Hyper TextMarkup Language)脚本即超文本标记语言或超文本链接标示语言,通过一些约定的标签符号对文件的内容进行标注,指出内容的输出格式,例如,界面元素中的字体大小及颜色、背景颜色、表格形式,以及布局如各界面元素之间布局关系等。可以直接通过浏览器会自动解释标签的含义,并按照一定的格式在屏幕上显示被标记的信息。具体地,根据参考界面数据确定javascript脚本,即预先配置javascript脚本模板,在javascript脚本模板上,根据参考界面数据中的界面元素和布局进行相应调整,得到javascript脚本。根据待适配界面信息确定html脚本,即预先配置html脚本模板,根据待适配界面信息对html脚本模板进行调整,得到html脚本。执行javascript脚本和html脚本,生成目标用户界面。
可以理解地,本实施例中,通过采用javascript技术和技术对待适配界面信息进行渲染,生成目标用户界面,省去了编译的过程,无需专业开发人员即可实现用户界面的适配,提高了UI适配效率。
如图4所示,在一个实施例中,根据参考界面数据确定javascript脚本,包括:
步骤108A1,基于参考界面数据构建javascript对象;
步骤108A2,通过javascript对象绑定界面元素和布局,生成javascript脚本。
在这个实施例中,首先根据参考界面数据构建javascript对象,其中的javascript对象是包含变量的变量,通过参考界面数据确定javascript对象的属性值和方法,创建javascript对象,然后通过javascript对象绑定界面元素和布局,生成javascript脚本,从而保证javascript脚本的准确性。
在一个实施例中,执行javascript脚本和html脚本,生成目标用户界面,包括:
在html脚本对应的html页面中,运行与javascript脚本对应的代码程序,生成目标用户界面。
在这个实施例中,在html脚本对应的html页面中,运行与javascript脚本对应的代码程序,生成目标用户界面,可以理解地,由于html脚本是根据待适配界面信息确定,因此,html页面能够准确地描述待适配界面信息,同时,由于javascript脚本是根据参考界面数据确定的,因此,与javascript脚本对应的代码程序能够准确地表达参考界面数据,在html脚本对应的html页面中,运行与javascript脚本对应的代码程序,生成目标用户界面,从而保证了目标用户界面的准确性,进而提高了UI适配的准确性。
如图5所示,在一个实施例中,在通过WPF应用中的图形界面框架动态加载显示当前界面信息之前,还包括:
步骤110,检测通过用户设备输入的操作,调用与操作对应的应用程序;
步骤112,根据应用程序确定当前界面信息。
具体地,在动态加载显示当前界面信息之前,服务器还需要检测用户设备输入的操作,调用与操作对应的应用程序,然后响应于用户输入的运行应用程序的操作,获取该当前界面信息。例如,用户针对某个用户设备的应用程序的图标进行了点击操作,服务器检测到用户输入的运行该应用程序的操作后,响应于用户输入的运行应用程序的操作,获取该当前界面信息。
如图6所示,在一个实施例中,在根据用户界面信息,待适配界面信息进行渲染,得到目标用户界面后,还包括:
步骤114,当检测到对目标用户界面进行修改指令时,获取指令中包含的脚本修改参数;
步骤116,根据脚本修改参数更新javascript脚本和html脚本,得到更新后的javascript脚本和html脚本;
步骤118,执行更新后的javascript脚本和html脚本,生成修改后的目标用户界面。
在这个实施例中,在服务器检测到用户输入的修改目标用户界面的指令后,获取指令中包含的脚本修改参数,根据脚本修改参数更新javascript脚本和html脚本,得到更新后的javascript脚本和html脚本;执行更新后的javascript脚本和html脚本,生成修改后的目标用户界面,从而实现了对目标用户界面的修改,该修改过程只需要进行脚本修改参数的简单替换,方便快速,大大提高了用户目标界面修改的效率,相较于传统的程序的修改,进一步提高了UI适配效率。
值得说明的是,该脚本修改参数还可以是图片,且在脚本修改参数是图片的情况下,还可以将图片存入到步骤S106中的设备界面库的文件夹中,并修改对应的目录,并继续执行步骤108,即可实现对目标用户界面的修改。
如图7所示,在一个实施例中,提出了一种UI适配装置,所述装置包括:
加载模块702,用于通过WPF应用中的图形界面框架动态加载显示当前界面信息;
解析模块704,用于通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;
查找模块706,用于从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;
渲染模块708,用于根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面。
在一个实施例中,所述参考用户界面数据包括界面元素和布局;解析模块包括:
实例获取单元,用于获取与所述webview控件对应的webview实例;
元素确定单元,用于通过所述webview实例中的元素类确定所述当前界面信息中的所述界面元素;
布局确定单元,用于通过所述webview实例中的布局类确定所述当前界面信息中的所述布局;
界面确定单元,用于根据所述界面元素和所述布局确定所述参考界面数据。
在一个实施例中,渲染模块包括:
脚本确定单元,用于根据所述参考界面数据确定javascript脚本,并根据所述待适配界面信息确定html脚本;
界面生成单元,用于执行所述javascript脚本和所述html脚本,生成所述目标用户界面。
在一个实施例中,脚本确定单元包括:
对象确定子单元,用于基于所述参考界面数据构建javascript对象;
脚本生成子单元,用于通过所述javascript对象绑定所述界面元素和布局,生成所述javascript脚本。
在一个实施例中,界面生成单元包括:界面生成单元子单元,用于在html脚本对应的html页面中,运行与所述javascript脚本对应的代码程序,生成所述目标用户界面
在一个实施例中,该UI适配装置还包括:
调用模块,用于检测通过用户设备输入的操作,调用与所述操作对应的应用程序;
确定模块,用于根据所述应用程序确定所述当前界面信息。
在一个实施例中,该UI适配装置还包括:
获取模块,用于当检测到对所述目标用户界面进行修改指令时,获取所述指令中包含的脚本修改参数;
更新模块,用于根据所述脚本修改参数更新所述javascript脚本和所述html脚本,得到更新后的javascript脚本和html脚本;
生成模块,用于执行所述更新后的javascript脚本和html脚本,生成修改后的目标用户界面。
图8示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是服务器,所述服务器包括但不限于高性能计算机和高性能计算机集群。如图8所示,该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中,存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统,还可存储有计算机程序,该计算机程序被处理器执行时,可使得处理器实现UI适配方法。该内存储器中也可储存有计算机程序,该计算机程序被处理器执行时,可使得处理器执行UI适配方法。本领域技术人员可以理解,图8中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,本申请提供的UI适配方法可以实现为一种计算机程序的形式,计算机程序可在如图8所示的计算机设备上运行。计算机设备的存储器中可存储组成UI适配装置的各个程序模板。比如,加载模块702,解析模块704,查找模块706,渲染模块708。
一种计算机设备,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如下步骤:通过WPF应用中的图形界面框架动态加载显示当前界面信息;通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面。
在一个实施例中,参考用户界面数据包括界面元素和布局;所述通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据,包括:获取与所述webview控件对应的webview实例;通过所述webview实例中的元素类确定所述当前界面信息中的所述界面元素;通过所述webview实例中的布局类确定所述当前界面信息中的所述布局;根据所述界面元素和所述布局确定所述参考界面数据。
在一个实施例中,根据所述参考界面数据,对所述待适配界面信息进行渲染,得到目标用户界面,包括:根据所述参考界面数据确定javascript脚本,并根据所述待适配界面信息确定html脚本;执行所述javascript脚本和所述html脚本,生成所述目标用户界面。
在一个实施例中,根据所述参考界面数据确定javascript脚本,包括:基于所述参考界面数据构建javascript对象;通过所述javascript对象绑定所述界面元素和布局,生成所述javascript脚本。
在一个实施例中,执行所述javascript脚本和所述html脚本,生成所述目标用户界面,包括:在html脚本对应的html页面中,运行与所述javascript脚本对应的代码程序,生成所述目标用户界面。
在一个实施例中,在所述通过WPF应用中的图形界面框架动态加载显示当前界面信息之前,还包括:检测通过用户设备输入的操作,调用与所述操作对应的应用程序;根据所述应用程序确定所述当前界面信息。
在一个实施例中,在根据所述用户界面信息,所述待适配界面信息进行渲染,得到目标用户界面后,还包括:当检测到对所述目标用户界面进行修改指令时,获取所述指令中包含的脚本修改参数;根据所述脚本修改参数更新所述javascript脚本和所述html脚本,得到更新后的javascript脚本和html脚本;执行所述更新后的javascript脚本和html脚本,生成修改后的目标用户界面。
一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如下步骤:通过WPF应用中的图形界面框架动态加载显示当前界面信息;通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据;从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面。
在一个实施例中,参考用户界面数据包括界面元素和布局;所述通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据,包括:获取与所述webview控件对应的webview实例;通过所述webview实例中的元素类确定所述当前界面信息中的所述界面元素;通过所述webview实例中的布局类确定所述当前界面信息中的所述布局;根据所述界面元素和所述布局确定所述参考界面数据。
在一个实施例中,根据所述参考界面数据,对所述待适配界面信息进行渲染,得到目标用户界面,包括:根据所述参考界面数据确定javascript脚本,并根据所述待适配界面信息确定html脚本;执行所述javascript脚本和所述html脚本,生成所述目标用户界面。
在一个实施例中,根据所述参考界面数据确定javascript脚本,包括:基于所述参考界面数据构建javascript对象;通过所述javascript对象绑定所述界面元素和布局,生成所述javascript脚本。
在一个实施例中,执行所述javascript脚本和所述html脚本,生成所述目标用户界面,包括:在html脚本对应的html页面中,运行与所述javascript脚本对应的代码程序,生成所述目标用户界面。
在一个实施例中,在所述通过WPF应用中的图形界面框架动态加载显示当前界面信息之前,还包括:检测通过用户设备输入的操作,调用与所述操作对应的应用程序;根据所述应用程序确定所述当前界面信息。
在一个实施例中,在根据所述用户界面信息,所述待适配界面信息进行渲染,得到目标用户界面后,还包括:当检测到对所述目标用户界面进行修改指令时,获取所述指令中包含的脚本修改参数;根据所述脚本修改参数更新所述javascript脚本和所述html脚本,得到更新后的javascript脚本和html脚本;执行所述更新后的javascript脚本和html脚本,生成修改后的目标用户界面。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一非易失性计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用,均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限,RAM以多种形式可得,诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请专利的保护范围应以所附权利要求为准。
Claims (9)
1.一种UI适配方法,其特征在于,所述方法包括:
通过WPF应用中的图形界面框架动态加载显示当前界面信息;
通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据,所述参考界面数据包括界面元素和布局;
从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;
根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面;
其中,所述通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据,包括:
获取与所述webview控件对应的webview实例;
通过所述webview实例中的元素类确定所述当前界面信息中的所述界面元素;
通过所述webview实例中的布局类确定所述当前界面信息中的所述布局;
根据所述界面元素和所述布局确定所述参考界面数据。
2.根据权利要求1所述的UI适配方法,其特征在于,所述根据所述参考界面数据,对所述待适配界面信息进行渲染,得到目标用户界面,包括:
根据所述参考界面数据确定javascript脚本,并根据所述待适配界面信息确定html脚本;
执行所述javascript脚本和所述html脚本,生成所述目标用户界面。
3.根据权利要求2所述的UI适配方法,其特征在于,所述根据所述参考界面数据确定javascript脚本,包括:
基于所述参考界面数据构建javascript对象;
通过所述javascript对象绑定所述界面元素和布局,生成所述javascript脚本。
4.根据权利要求2所述的UI适配方法,其特征在于,所述执行所述javascript脚本和所述html脚本,生成所述目标用户界面,包括:
在html脚本对应的html页面中,运行与所述javascript脚本对应的代码程序,生成所述目标用户界面。
5.根据权利要求1所述的UI适配方法,其特征在于,在所述通过WPF应用中的图形界面框架动态加载显示当前界面信息之前,还包括:
检测通过用户设备输入的操作,调用与所述操作对应的应用程序;
根据所述应用程序确定所述当前界面信息。
6.根据权利要求2所述的UI适配方法,其特征在于,在根据所述参考界面数据,所述待适配界面信息进行渲染,得到目标用户界面后,还包括:
当检测到对所述目标用户界面进行修改指令时,获取所述指令中包含的脚本修改参数;
根据所述脚本修改参数更新所述javascript脚本和所述html脚本,得到更新后的javascript脚本和html脚本;
执行所述更新后的javascript脚本和html脚本,生成修改后的目标用户界面。
7.一种UI适配装置,其特征在于,所述UI适配装置包括:
加载模块,用于通过WPF应用中的图形界面框架动态加载显示当前界面信息;
解析模块,用于通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据,所述参考界面数据包括界面元素和布局;
查找模块,用于从预设的设备界面库的文件夹中,根据预设的目录查找待适配界面信息;
渲染模块,用于根据所述参考界面数据,对所述待适配界面信息进行渲染,生成目标用户界面;
其中,所述通过预设的webview控件对所述当前界面信息进行解析,得到参考界面数据,包括:
获取与所述webview控件对应的webview实例;
通过所述webview实例中的元素类确定所述当前界面信息中的所述界面元素;
通过所述webview实例中的布局类确定所述当前界面信息中的所述布局;
根据所述界面元素和所述布局确定所述参考界面数据。
8.一种计算机设备,其特征在于,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述UI适配方法的步骤。
9.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至6任一项所述UI适配方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010305925.2A CN111552529B (zh) | 2020-04-17 | 2020-04-17 | Ui适配方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010305925.2A CN111552529B (zh) | 2020-04-17 | 2020-04-17 | Ui适配方法、装置、计算机设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111552529A CN111552529A (zh) | 2020-08-18 |
CN111552529B true CN111552529B (zh) | 2023-03-14 |
Family
ID=72003023
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010305925.2A Active CN111552529B (zh) | 2020-04-17 | 2020-04-17 | Ui适配方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111552529B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104239044A (zh) * | 2014-09-05 | 2014-12-24 | 北京航天自动控制研究所 | 一种图形用户界面动态生成方法 |
CN106547528A (zh) * | 2015-09-22 | 2017-03-29 | 腾讯科技(深圳)有限公司 | 一种界面布局方法以及装置 |
CN108024136A (zh) * | 2017-12-14 | 2018-05-11 | 深圳Tcl新技术有限公司 | 加载用户界面的方法、智能电视及计算机可读存储介质 |
FR3069679A1 (fr) * | 2017-07-31 | 2019-02-01 | General Electric Company | Adaptation d'interfaces utilisateurs d'apres des criteres de reference |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8938685B2 (en) * | 2010-12-31 | 2015-01-20 | Verizon Patent And Licensing Inc. | Automated graphical user interface design and development systems and methods |
US9459846B2 (en) * | 2011-01-31 | 2016-10-04 | Sap Se | User interface style guide compliance |
US8799866B2 (en) * | 2011-05-31 | 2014-08-05 | International Business Machines Corporation | Automatic generation of user interfaces |
US11501313B2 (en) * | 2017-10-23 | 2022-11-15 | Veeva Systems Inc. | System and method for displaying data from a storage |
-
2020
- 2020-04-17 CN CN202010305925.2A patent/CN111552529B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104239044A (zh) * | 2014-09-05 | 2014-12-24 | 北京航天自动控制研究所 | 一种图形用户界面动态生成方法 |
CN106547528A (zh) * | 2015-09-22 | 2017-03-29 | 腾讯科技(深圳)有限公司 | 一种界面布局方法以及装置 |
FR3069679A1 (fr) * | 2017-07-31 | 2019-02-01 | General Electric Company | Adaptation d'interfaces utilisateurs d'apres des criteres de reference |
CN108024136A (zh) * | 2017-12-14 | 2018-05-11 | 深圳Tcl新技术有限公司 | 加载用户界面的方法、智能电视及计算机可读存储介质 |
Non-Patent Citations (2)
Title |
---|
《Android手机App性能优化方法与技术研究》;王永鹏;《万方》;20180530;全文 * |
《Raising the Bar Really High: An MTD Approach to Protect Data in Embedded Browsers》;Fadi Mohsen et al.;《2019 IEEE 43rd Annual Computer Software and Applications Conference (COMPSAC)》;20190709;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN111552529A (zh) | 2020-08-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20220067268A1 (en) | Systems and methods for remote dashboard image generation | |
US10325012B2 (en) | Filtered stylesheets | |
CN108038134B (zh) | 页面展示的方法、装置和存储介质以及电子设备 | |
TWI476677B (zh) | 開發網頁應用程式之方法與系統 | |
CN112416339A (zh) | 页面开发方法、装置、计算机设备 | |
US8645823B1 (en) | Converting static websites to resolution independent websites in a web development environment | |
US10055386B2 (en) | Using server side font preparation to achieve WYSIWYG and cross platform fidelity on web based word processor | |
CN108595697B (zh) | 网页集成方法、装置及系统 | |
US20080155554A1 (en) | Managed execution environment for software application interfacing | |
CN111291533B (zh) | 待显示句段的显示方法、装置、计算机设备和存储介质 | |
CN112395848A (zh) | 富文本显示方法、装置、计算机设备和存储介质 | |
KR20140018414A (ko) | 브라우저 기반 애플리케이션 프로그램 확장 방법 및 디바이스 | |
CN115268908A (zh) | 自定义配置页面的方法、装置、设备和存储介质 | |
CN112287255B (zh) | 页面构建方法及装置、计算设备、计算机可读存储介质 | |
CN113778405A (zh) | 一种跨平台app构建方法、装置、系统及介质 | |
US20040030717A1 (en) | Extending hypermedia documents | |
CN111552529B (zh) | Ui适配方法、装置、计算机设备及存储介质 | |
CN116719456A (zh) | 图标样式切换方法、装置、电子设备及存储介质 | |
CN112507257B (zh) | 一种网页显示方法、装置、设备以及存储介质 | |
CN112001157B (zh) | 一种网页数据表格在线设计方法及装置 | |
EP3852032A1 (en) | Machine first approach for identifying accessibility, non-compliances, remediation techniques and fixing at run-time | |
CN113934412A (zh) | 程序生成方法、装置、设备及存储介质 | |
CN113498512A (zh) | 车载图像显示的优化方法、装置、计算机设备和存储介质 | |
CN116009863B (zh) | 前端页面渲染方法、设备及存储介质 | |
CN111949266B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |