CN112181554A - 一种交互界面显示方法、设备、电子设备及存储介质 - Google Patents
一种交互界面显示方法、设备、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112181554A CN112181554A CN202010936354.2A CN202010936354A CN112181554A CN 112181554 A CN112181554 A CN 112181554A CN 202010936354 A CN202010936354 A CN 202010936354A CN 112181554 A CN112181554 A CN 112181554A
- Authority
- CN
- China
- Prior art keywords
- interface
- sub
- loading
- interactive
- interfaces
- 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
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
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
-
- 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)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本说明书一个或多个实施例提供的一种交互界面显示方法、设备、电子设备及存储介质,包括:加载界面框架,并加载嵌入界面框架中的所有子界面,在所有子界面中确定出初始子界面;基于界面框架及初始子界面生成交互界面,显示交互界面;其中,交互界面内设置有触发区域,每个触发区域与一个子界面对应;响应用户对触发区域的操作,确定触发区域对应的子界面,并在交互界面中显示该子界面。本说明书一个或多个实施例通过在加载交互框架时同时加载内嵌的所有子界面,即只需进行一次界面组的加载,使所有界面数据加载进缓存,从而实现按需分布式的界面加载调取,进而能够统一处理各种数据,有效减少代码冗余、减少加载时间,降低了内存占用。
Description
技术领域
本说明书一个或多个实施例涉及界面显示技术领域,尤其涉及一种交互界面显示方法、设备、电子设备及存储介质。
背景技术
随着智能设备的普及,智能设备已是人们生活中必不可少的一部分,智能设备通过其内装载的应用程序与用户进行交互。例如:Microsoft Office word办公软件,是一个文字处理器应用程序。用户通过其实现文字撰写、文章编辑等功能,用户在其中心界面中进行文字、图片的编辑,并通过中心界面四周的交互界面实现对中心界面中内容的进一步调整、编辑、统计等功能。
但是,现有的交互界面在与用户进行交互时,都是在用户选择了交互界面中的具体功能之后,才去加载用户所选择功能对应的脚本,这种每次都进行脚本加载的方式只会造成内存的累加,势必造成代码冗余、内存占用高的问题。
发明内容
有鉴于此,本说明书一个或多个实施例的目的在于提出的一种交互界面显示方法、设备、电子设备及存储介质,以解决代码冗余、内存占用高的问题。
基于上述目的,本说明书一个或多个实施例提供了一种交互界面显示方法,包括:
加载界面框架,并加载嵌入所述界面框架中的所有子界面,在所有子界面中确定出初始子界面;
基于所述界面框架及所述初始子界面生成交互界面,显示所述交互界面;其中,所述交互界面内设置有至少一个触发区域,每个所述触发区域均与一个所述子界面对应;
响应于用户对所述触发区域的触发操作,确定所述触发区域对应的所述子界面为对应子界面,并在所述交互界面中显示所述对应子界面。
在一些实施方式中,所述每个所述触发区域与所有子界面中的一个对应,包括:
所述交互界面被创建时,建立所述触发区域与所有子界面中对应的子界面的映射关系,并生成索引信息,所述索引信息用于记录所述映射关系,并与所述触发区域关联。
在一些实施方式中,所述确定与所述触发区域对应的对应子界面,包括:
根据所述触发区域查找关联的所述索引信息,根据所述索引信息中记录的映射关系在所有子界面中查找对应的子界面,将其作为所述对应子界面。
在一些实施方式中,所述加载界面框架,并加载嵌入所述界面框架中的所有子界面,包括:
使用加载插件进行一次加载,加载所述界面框架,并将嵌入所述界面框架的所有子界面加载至内存储器。
在一些实施方式中,所述在所述交互界面中显示所述对应子界面,包括:
在所述交互界面设定位置上显示所述对应子界面的子界面面板;
基于所述子界面面板,加载所述对应子界面对应的功能数据。
在一些实施方式中,子界面包括:一级子界面和二级子界面;所述触发区域对应所述一级子界面;所述一级子界面内设置有与所述二级子界面对应的触发按钮;
所述方法,还包括:
响应于用户对所述触发按钮的触发操作,在所述交互界面和/或所述一级子界面中显示所述触发按钮对应的所述二级子界面。
在一些实施方式中,
所述触发区域,包括以下至少一项:选择图标、选择框、选择按钮。
基于同一构思,本说明书一个或多个实施例还提供了一种交互界面显示设备,包括:
加载模块,加载界面框架,并加载嵌入所述界面框架中的所有子界面,在所有子界面中确定出初始子界面;
显示模块,基于所述界面框架及所述初始子界面生成交互界面,显示所述交互界面;其中,所述交互界面内设置有至少一个触发区域,每个所述触发区域均与一个所述子界面对应;
响应模块,响应于用户对所述触发区域的触发操作,确定所述触发区域对应的所述子界面为对应子界面,并在所述交互界面中显示所述对应子界面。
基于同一构思,本说明书一个或多个实施例还提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上任一项所述的方法。
基于同一构思,本说明书一个或多个实施例还提供了一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行如上任一项所述的方法。
从上面所述可以看出,本说明书一个或多个实施例提供的一种交互界面显示方法、设备、电子设备及存储介质,包括:加载界面框架,并加载嵌入界面框架中的所有子界面,在所有子界面中确定出初始子界面;基于界面框架及初始子界面生成交互界面,显示交互界面;其中,交互界面内设置有触发区域,每个触发区域与一个子界面对应;响应用户对触发区域的操作,确定触发区域对应的子界面,并在交互界面中显示该子界面。本说明书一个或多个实施例通过在加载交互框架时同时加载内嵌的所有子界面,即只需进行一次界面组的加载,使所有界面数据加载进缓存,从而实现按需分布式的界面加载调取,进而能够统一处理各种数据,有效减少代码冗余、减少加载时间,降低了内存占用。
附图说明
为了更清楚地说明本说明书一个或多个实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本说明书一个或多个实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本说明书一个或多个实施例提出的一种交互界面显示方法的流程示意图;
图2为本说明书一个或多个实施例提出的一种交互界面显示方法在具体应用时的加载流程示意图;
图3为本说明书一个或多个实施例提出的一种交互界面显示设备的结构示意图;
图4为本说明书一个或多个实施例提出的电子设备结构示意图。
具体实施方式
为使本说明书的目的、技术方案和优点更加清楚明白,以下结合具体实施例,并参照附图,对本说明书进一步详细说明。
需要说明的是,除非另外定义,本说明书实施例使用的技术术语或者科学术语应当为本公开所属领域内具有一般技能的人士所理解的通常意义。本公开中使用的“第一”、“第二”以及类似的词语并不表示任何顺序、数量或者重要性,而只是用来区分不同的组成部分。“包括”或者“包含”等类似的词语意指出现该词前面的元件、物件或者方法步骤涵盖出现在该词后面列举的元件、物件或者方法步骤及其等同,而不排除其他元件、物件或者方法步骤。“连接”或者“相连”等类似的词语并非限定于物理的或者机械的连接,而是可以包括电性的连接,不管是直接的还是间接的。“上”、“下”、“左”、“右”等仅用于表示相对位置关系,当被描述对象的绝对位置改变后,则该相对位置关系也可能相应地改变。
如背景技术部分所述,现有的应用程序的交互界面大多使用Qt进行应用程序的框架开发,Qt是一个跨平台的C++框架,已多次版本更新,其除了支持界面设计,还封装了与网络编程、多线程、数据库连接、视频音频等相关的功能,且其支持的目前市场上的大多数操作系统如桌面的Windows、Linux及Unix等,智能手机终端的Android、iOS及WinPhone等,嵌入式系统QNX、VxWorks等等均是使用Qt进行框架搭建的。其设计生成的交互界面一般通过QML实现一组界面的呈现,QML是以.qml后缀结尾的通过描述性的脚本语言形成的文件,打开QML文件的方式一般包括QQmlApplicationEngined搭配Window、QQuickView搭配Item以及通过QQuickWidget加载QML等。
目前通过QQuickWidget加载若干QML文件实现一组界面过程中,需要QQuickWidget分别嵌入加载每个QML文件,由于使用QQuickWidget占用内存较高,这种并行的使用多个QQuickWidget,会造成内存的累加,存在代码冗余、内存占用高的问题。从显示角度及用户使用角度来看,这样的加载呈现方式会造成切换时的卡顿,内存占用较高造成的内存过热从而造成损耗。从而影响了用户体验、并造成了硬件过多的耗损。
结合上述实际情况,本说明书一个或多个实施例提出了一种交互界面显示方案,通过在加载交互主界面时同时加载内嵌的所有子界面,即只需进行一次界面组的加载,使所有界面数据加载进缓存,从而实现按需分布式的界面加载调取,进而能够统一处理各种数据,有效减少代码冗余、减少加载时间,降低了内存占用。
参考图1所示,为本说明书一个实施例的一种交互界面显示方法的流程示意图,具体包括以下步骤:
步骤101,加载界面框架,并加载嵌入所述界面框架中的所有子界面,在所有子界面中确定出初始子界面。
本步骤旨在,完成界面框架的加载,并确定出初始子界面。用户在开启一个应用程序时,这个应用程序通常都会显示一个可以与用户互动的交互界面,在本具体实施例中,这个交互界面是由多个子界面及控制子界面布局格式的界面框架构成的,其中界面框架用于确定交互界面的整体布局格式等框架形信息。
之后,对于子界面,子界面为交互主界面中各种功能所对应的功能界面。在具体应用场景对应于Qt框架中,每个子界面对应一个QML文件,如页面属性的pages.qml文件在加载时显示的页面属性即为一种类型的子界面,该子界面中可包括页面背景颜色,图片库等属性;又如文本类型的context.qml文件,其对应的子界面可包括编写文字,显示文本的属性,其中显示文本又包括文本和排列两个子界面,其中文本包括字体颜色,字体大小等属性,排列包括垂直居中,水平居中等属性。在具体应用场景中,可采用QJsonObject数据格式来存储所需要的数据,如key-value的键值对形式,比如,页面属性的pages.qml文件,页面属性包括字体、字体颜色及字体大小等属性,例如:页面属性为微软雅黑、白色字体、30字号,其可以以[fontfamily-"微软雅黑",fontcolor-#ffffff,fontsize-30]的形式加载至缓存单元。
对于子界面嵌入界面框架的方式,在具体应用场景中,对于与子界面对应的QML文件,其主要通过QQuickWidget等加载插件加载,本方案通过创建主界面切换文件mainproperty.qml的交互主界面,实现仅需要一个QQuickWidget插件加载一个mainproperty.qml,即可以根据指令随时调取出mainproperty.qml包括的各QML文件对应的子界面,进而可以使界面框架被加载时,加载所有子界面,实现了按需分布式的界面加载。同时,由于将所有子界面全部嵌入了界面框架中,仅为一个整体文件,进而可以减少代码的冗余。
当应用程序被打开时,由于用户还未对交互界面进行任何操作,服务器无法根据用户操作确定用户需要显示的子界面,此时需要赋予一个初始界面,即需要预先设置初始的子界面用于一开始的显示。进而,确定出预先设置的初始子界面。
步骤102,基于所述界面框架及所述初始子界面生成交互界面,显示所述交互界面;其中,所述交互界面内设置有至少一个触发区域,每个所述触发区域均与一个所述子界面对应。
本步骤旨在,生成并给用户呈现出含有触发区域的交互界面。供用户查看交互界面并可以在其中进行操作。在具体应用场景中,可以通过各种显示装置进行显示,例如:计算机的显示器、手持智能设备的显示屏幕、电子白板或投屏的显示屏等等。
如背景技术所述,交互界面即为用户开启一个应用程序时,应用程序默认显示的初始界面。同时,在这个初始界面上按照界面框架设置有触发区域,触发区域即为能够与用户进行互动,且能够产生特定功能的按钮、框体、图标等或这些按钮、框体、图标的设定范围内等,例如:word办公软件中,位于word界面上方的“开始”、“插入”、“设计”等按钮,每个按钮都有一个确定的触发范围,当用户通过鼠标指针点击这个触发范围内时,word界面上就会显示与按钮对应的具体内容。
在具体应用场景中,在应用程序的交互界面中的每个区域都可以设置触发区域,以word办公软件为例,其上部设置有各种功能的控制栏,每个控制栏选项都具有一定的点击范围,其可看成本方案中的一个个触发区域;同时,word交互界面的下部也设置有一排控制按钮,其同样可看成本方案中的一个个触发区域等等。
同时,界面框架中也设置了具体初始子界面对应的显示位置等等,进而可以通过界面框架及初始子界面整合成初始的交互界面呈现给用户。提供一个初始的平台与用户进行交互。
之后,建立对应的方式可以为在建立交互界面时,生成各个触发区域与对应的子界面之间的对应关系表等。
步骤103,响应于用户对所述触发区域的触发操作,确定所述触发区域对应的所述子界面为对应子界面,并在所述交互界面中显示所述对应子界面。
本步骤旨在,当用户进行触发操作时,确定出对应的子界面并显示出来。其中触发操作为用户对于触发区域利用鼠标或触控笔等进行的点击操作,或是用手指的点击触控操作等等。当用户触发了触发区域之后,会确定与当前被触发的触发区域对应的对应子界面,其中,确定的方式可以为根据索引信息或对照表进行确定等等,当用户触发其中一个触发区域时,服务器根据对应关系表确定出对应子界面。在具体应用场景中,用户点击触发区域后,交互界面会获取到当前触发区域的索引信息,即index,交互界面根据对应关系表查找并确定出索引信息对应的子界面。从而可以看出,每个触发区域都与一个子界面相对应。
其中,根据前述步骤中子界面的介绍可知,子界面在界面框架加载时已经全部加载入系统内存或缓存中了,此时直接可以从内存或缓存中直接调取相应的内容即可,其调取的方式可以为整个子界面面板及具体内容都一次性提供,或是分批次逐步提供均可。用户在交互界面中可以看到新生成的或替换的子界面,同时,由于子界面在加载交互界面时已经一次性全部加载完成了,其仅调用了一次加载插件QQuickWidget插件进行文件加载,由于将文件通过QQuickWidget插件加载入内存的时间要远长于将文件从内存中调出显示的时间,同时每一次运用QQuickWidget插件都会占用大量的内存空间。从而可以看出,本方案能够统一处理各种数据,且有效减少加载时间、降低内存占用。
之后,显示的对应子界面可以覆盖或替换初始子界面或其他子界面,也可以在交互界面的其他设定区域进行显示。
在具体应用场景中,如图2所示,为本说明书一个实施例的一种交互界面显示方法在具体应用时的加载流程示意图,其在启动后,通过QQuickWidget加载mainproperty.qml的界面框架,同时缓存中加载了mainproperty.qml包括的各子界面,即各个QML文件,各子界面分别对应于QML1文件、QML2文件、QML3……。基于界面框架,并根据预设的初始子界面,生成并显示出交互界面。之后,根据用户对于触发区域的触发,传递对应的index即索引信息给交互界面,从缓存中获取子界面对应的QML文件相关数据并显示。
使用QQuickWidget嵌入加载mainproperty.qml时,只用了一次QQuickWidget就加载完界面框架及全部的子界面。
在另一具体实施例中的按需分布式加载界面,其先显示子界面的整体框架,然后再加载界面中各功能所对应的具体数据,从而进一步的加快了加载速度,使用户可以先看到子界面整体面板,之后再加载子界面中各个功能模块的具体内容。以此可以更快速的显示出子界面内容,提高用户的体验感受,同时,一般人的反应速度是远慢于服务器再次传递子界面具体功能数据的时间,进而也不会影响用户的使用。
通过应用本说明书一个或多个实施例提供的一种交互界面显示方法,包括:加载界面框架,并加载嵌入界面框架中的所有子界面,在所有子界面中确定出初始子界面;基于界面框架及初始子界面生成交互界面,显示交互界面;其中,交互界面内设置有触发区域,每个触发区域与一个子界面对应;响应用户对触发区域的操作,确定触发区域对应的子界面,并在交互界面中显示该子界面。本说明书一个或多个实施例通过在加载交互框架时同时加载内嵌的所有子界面,即只需进行一次界面组的加载,使所有界面数据加载进缓存,从而实现按需分布式的界面加载调取,进而能够统一处理各种数据,有效减少代码冗余、减少加载时间,降低了内存占用。
需要说明的是,本说明书一个或多个实施例的方法可以由单个设备执行,例如一台计算机或服务器等。本实施例的方法也可以应用于分布式场景下,由多台设备相互配合来完成。在这种分布式场景的情况下,这多台设备中的一台设备可以只执行本说明书一个或多个实施例的方法中的某一个或多个步骤,这多台设备相互之间会进行交互以完成所述的方法。
上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
在本说明书的可选实施例中,为了准确确定触发区域与子界面之间的对应关系。所述每个所述触发区域与所有子界面中的一个对应,包括:
所述交互界面被创建时,建立所述触发区域与所有子界面中对应的子界面的映射关系,并生成索引信息,所述索引信息用于记录所述映射关系,并与所述触发区域关联。
其中,索引信息即为一个指向文件、信息或指令,在本具体实施例中,具体指代的是index指令,其可以反应索引序号与子界面QML文件之间的指向关系。之后,子界面与触发区域的映射关系是在交互界面创建时就已经建立好的,其可以通过映射表或对照表的形式储存。交互界面可以在需要时读取映射表进行关系的确认。同时,映射表同样也可以在交互界面加载时一并加载入内存,进而可以进一步加快加载速度。
在本说明书的可选实施例中,为了确认出触发区域所对应的子界面。所述确定与所述触发区域对应的对应子界面,包括:
根据所述触发区域查找关联的所述索引信息,根据所述索引信息中记录的映射关系在所有子界面中查找对应的子界面,将其作为所述对应子界面。
其中,当用户触发所述触发区域后,激活触发区域对应索引序号并生成索引信息,交互主界面读取索引信息后确定出对应的子界面QML文件,进而确定出对应的子界面。
在本说明书的可选实施例中,所述
加载界面框架,并加载嵌入所述界面框架中的所有子界面,包括:
使用加载插件进行一次加载,加载所述界面框架,并将嵌入所述界面框架的所有子界面加载至内存储器。
其中,加载插件具体可以为在运用Qt时,所使用的QQuickWidget插件、QQmlapplicationengine插件、QQuickView插件等等,加载QML格式文件的插件。可以看出,对于加载界面框架和子界面,可以进行一次加载;也可以分批次加载,例如对子界面进行分类加载,一次加载多个;还可以每次使用到一个子界面时再对这个子界面进行加载等等。
在本说明书的可选实施例中,为了进一步加快加载速度。所述在所述交互界面中显示所述对应子界面,包括:
在所述交互界面设定位置上显示所述对应子界面的子界面面板;
基于所述子界面面板,加载所述对应子界面对应的功能数据。
其中,先显示对应子界面的整体界面面板框架,然后再加载界面中各功能所对应的具体数据,从而进一步的加快加载速度,使用户可以先看到对应子界面的整体面板,之后再加载对应子界面中各个功能模块的具体内容。以此可以更快速的显示出对应子界面内容,提高用户的体验感受,同时,一般人的反应速度是远慢于服务器再次传递子界面具体功能数据的时间,进而也不会影响用户的使用。
在本说明书的可选实施例中,为了使交互界面及各个子界面更有层次,方便用户理解程序中的各个功能。子界面包括:一级子界面和二级子界面;所述触发区域对应所述一级子界面;所述一级子界面内设置有与所述二级子界面对应的触发按钮;
所述方法,还包括:
响应于用户对所述触发按钮的触发操作,在所述交互界面和/或所述一级子界面中显示所述触发按钮对应的所述二级子界面。
其中,二级子界面为一级子界面的下位子界面,用于进一步展示一级子界面中的具体功能,触发按钮与触发区域类似,都被配置有与子界面对应的索引信息,当用户通过鼠标点击或手指点触等方式触发触发按钮时,交互界面或一级子界面接收到索引信息之后,直接调取对应的二级子界面在交互界面或一级子界面中显示二级子界面。可以看出二级子界面下可以继续设置更下位的子界面。
在本说明书的可选实施例中,为了适应不同应用程序的设计需求,使触发区域的有更多的表现形式。所述触发区域,包括以下至少一项:选择图标、选择框、选择按钮。
基于同一构思,本说明书一个或多个实施例还提供了一种交互界面显示设备,参考图3所示,包括:
加载模块301,加载界面框架,并加载嵌入所述界面框架中的所有子界面,在所有子界面中确定出初始子界面;
显示模块302,基于所述界面框架及所述初始子界面生成交互界面,显示所述交互界面;其中,所述交互界面内设置有至少一个触发区域,每个所述触发区域均与一个所述子界面对应;
响应模块303,响应于用户对所述触发区域的触发操作,确定所述触发区域对应的所述子界面为对应子界面,并在所述交互界面中显示所述对应子界面。
作为一个可选的实施例,所述显示模块302每个所述触发区域与所有子界面中的一个对应,包括:
所述交互界面被创建时,建立所述触发区域与所有子界面中对应的子界面的映射关系,并生成索引信息,所述索引信息用于记录所述映射关系,并与所述触发区域关联。
作为一个可选的实施例,所述响应模块303确定与所述触发区域对应的对应子界面,包括:
根据所述触发区域查找关联的所述索引信息,根据所述索引信息中记录的映射关系在所有子界面中查找对应的子界面,将其作为所述对应子界面。
作为一个可选的实施例,所述加载模块301加载界面框架,并加载嵌入所述界面框架中的所有子界面,包括:
使用加载插件进行一次加载,加载所述界面框架,并将嵌入所述界面框架的所有子界面加载至内存储器。
作为一个可选的实施例,所述响应模块303在在所述交互界面中显示所述对应子界面,包括:
在所述交互界面设定位置上显示所述对应子界面的子界面面板;
基于所述子界面面板,加载所述对应子界面对应的功能数据。
作为一个可选的实施例,子界面包括:一级子界面和二级子界面;所述触发区域对应所述一级子界面;所述一级子界面内设置有与所述二级子界面对应的触发按钮;
所述设备,还包括:
响应于用户对所述触发按钮的触发操作,在所述交互界面和/或所述一级子界面中显示所述触发按钮对应的所述二级子界面。
作为一个可选的实施例,所述触发区域,包括以下至少一项:选择图标、选择框、选择按钮。
为了描述的方便,描述以上设备时以功能分为各种模块分别描述。当然,在实施本说明书一个或多个实施例时可以把各模块的功能在同一个或多个软件和/或硬件中实现。
上述实施例的设备用于实现前述实施例中相应的方法,并且具有相应的方法实施例的有益效果,在此不再赘述。
基于同一发明构思,本说明书一个或多个实施例还提供了一种电子设备。该电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上任意一实施例所述的一种交互界面显示方法。
图4示出了本实施例所提供的一种更为具体的电子设备硬件结构示意图,该设备可以包括:处理器410、存储器420、输入/输出接口430、通信接口440和总线450。其中处理器410、存储器420、输入/输出接口430和通信接口440通过总线450实现彼此之间在设备内部的通信连接。
处理器410可以采用通用的CPU(Central Processing Unit,中央处理器)、微处理器、应用专用集成电路(Application Specific Integrated Circuit,ASIC)、或者一个或多个集成电路等方式实现,用于执行相关程序,以实现本说明书实施例所提供的技术方案。
存储器420可以采用ROM(Read Only Memory,只读存储器)、RAM(Random AccessMemory,随机存取存储器)、静态存储设备,动态存储设备等形式实现。存储器420可以存储操作系统和其他应用程序,在通过软件或者固件来实现本说明书实施例所提供的技术方案时,相关的程序代码保存在存储器420中,并由处理器410来调用执行。
输入/输出接口430用于连接输入/输出模块,以实现信息输入及输出。输入/输出模块可以作为组件配置在设备中(图中未示出),也可以外接于设备以提供相应功能。其中输入设备可以包括键盘、鼠标、触摸屏、麦克风、各类传感器等,输出设备可以包括显示器、扬声器、振动器、指示灯等。
通信接口440用于连接通信模块(图中未示出),以实现本设备与其他设备的通信交互。其中通信模块可以通过有线方式(例如USB、网线等)实现通信,也可以通过无线方式(例如移动网络、WIFI、蓝牙等)实现通信。
总线450包括一通路,在设备的各个组件(例如处理器410、存储器420、输入/输出接口430和通信接口440)之间传输信息。
需要说明的是,尽管上述设备仅示出了处理器410、存储器420、输入/输出接口430、通信接口440以及总线450,但是在具体实施过程中,该设备还可以包括实现正常运行所必需的其他组件。此外,本领域的技术人员可以理解的是,上述设备中也可以仅包含实现本说明书实施例方案所必需的组件,而不必包含图中所示的全部组件。
基于同一发明构思,本说明书一个或多个实施例还提供了一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行日上任意一实施例所述的一种交互界面显示方法。
本实施例的计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。
所属领域的普通技术人员应当理解:以上任何实施例的讨论仅为示例性的,并非旨在暗示本公开的范围(包括权利要求)被限于这些例子;在本公开的思路下,以上实施例或者不同实施例中的技术特征之间也可以进行组合,步骤可以以任意顺序实现,并存在如上所述的本说明书一个或多个实施例的不同方面的许多其它变化,为了简明它们没有在细节中提供。
另外,为简化说明和讨论,并且为了不会使本说明书一个或多个实施例难以理解,在所提供的附图中可以示出或可以不示出与集成电路(IC)芯片和其它部件的公知的电源/接地连接。此外,可以以框图的形式示出设备,以便避免使本说明书一个或多个实施例难以理解,并且这也考虑了以下事实,即关于这些框图设备的实施方式的细节是高度取决于将要实施本说明书一个或多个实施例的平台的(即,这些细节应当完全处于本领域技术人员的理解范围内)。在阐述了具体细节(例如,电路)以描述本公开的示例性实施例的情况下,对本领域技术人员来说显而易见的是,可以在没有这些具体细节的情况下或者这些具体细节有变化的情况下实施本说明书一个或多个实施例。因此,这些描述应被认为是说明性的而不是限制性的。
尽管已经结合了本公开的具体实施例对本公开进行了描述,但是根据前面的描述,这些实施例的很多替换、修改和变型对本领域普通技术人员来说将是显而易见的。例如,其它存储器架构(例如,动态RAM(DRAM))可以使用所讨论的实施例。
本说明书一个或多个实施例旨在涵盖落入所附权利要求的宽泛范围之内的所有这样的替换、修改和变型。因此,凡在本说明书一个或多个实施例的精神和原则之内,所做的任何省略、修改、等同替换、改进等,均应包含在本公开的保护范围之内。
Claims (10)
1.一种交互界面显示方法,其特征在于,包括:
加载界面框架,并加载嵌入所述界面框架中的所有子界面,在所有子界面中确定出初始子界面;
基于所述界面框架及所述初始子界面生成交互界面,显示所述交互界面;其中,所述交互界面内设置有至少一个触发区域,每个所述触发区域均与一个所述子界面对应;
响应于用户对所述触发区域的触发操作,确定所述触发区域对应的所述子界面为对应子界面,并在所述交互界面中显示所述对应子界面。
2.根据权利要求1所述的方法,其特征在于,所述每个所述触发区域与所有子界面中的一个对应,包括:
所述交互界面被创建时,建立所述触发区域与所有子界面中对应的子界面的映射关系,并生成索引信息,所述索引信息用于记录所述映射关系,并与所述触发区域关联。
3.根据权利要求2所述的方法,其特征在于,所述确定与所述触发区域对应的对应子界面,包括:
根据所述触发区域查找关联的所述索引信息,根据所述索引信息中记录的映射关系在所有子界面中查找对应的子界面,将其作为所述对应子界面。
4.根据权利要求1所述的方法,其特征在于,所述加载界面框架,并加载嵌入所述界面框架中的所有子界面,包括:
使用加载插件进行一次加载,加载所述界面框架,并将嵌入所述界面框架的所有子界面加载至内存储器。
5.根据权利要求1所述的方法,其特征在于,所述在所述交互界面中显示所述对应子界面,包括:
在所述交互界面设定位置上显示所述对应子界面的子界面面板;
基于所述子界面面板,加载所述对应子界面对应的功能数据。
6.根据权利要求1所述的方法,其特征在于,子界面包括:一级子界面和二级子界面;所述触发区域对应所述一级子界面;所述一级子界面内设置有与所述二级子界面对应的触发按钮;
所述方法,还包括:
响应于用户对所述触发按钮的触发操作,在所述交互界面和/或所述一级子界面中显示所述触发按钮对应的所述二级子界面。
7.根据权利要求1所述的方法,其特征在于,
所述触发区域,包括以下至少一项:选择图标、选择框、选择按钮。
8.一种交互界面显示设备,其特征在于,包括:
加载模块,加载界面框架,并加载嵌入所述界面框架中的所有子界面,在所有子界面中确定出初始子界面;
显示模块,基于所述界面框架及所述初始子界面生成交互界面,显示所述交互界面;其中,所述交互界面内设置有至少一个触发区域,每个所述触发区域均与一个所述子界面对应;
响应模块,响应于用户对所述触发区域的触发操作,确定所述触发区域对应的所述子界面为对应子界面,并在所述交互界面中显示所述对应子界面。
9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至7任一项所述的方法。
10.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令用于使所述计算机执行权利要求1至7任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010936354.2A CN112181554B (zh) | 2020-09-08 | 2020-09-08 | 一种交互界面显示方法、设备、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010936354.2A CN112181554B (zh) | 2020-09-08 | 2020-09-08 | 一种交互界面显示方法、设备、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112181554A true CN112181554A (zh) | 2021-01-05 |
CN112181554B CN112181554B (zh) | 2023-06-20 |
Family
ID=73924339
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010936354.2A Active CN112181554B (zh) | 2020-09-08 | 2020-09-08 | 一种交互界面显示方法、设备、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112181554B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113434149A (zh) * | 2021-07-07 | 2021-09-24 | 腾讯科技(深圳)有限公司 | 应用程序生成和加载方法、装置和介质 |
CN113794921A (zh) * | 2021-09-10 | 2021-12-14 | 京东方科技集团股份有限公司 | 一种交互界面加载方法及交互界面加载装置 |
CN113835805A (zh) * | 2021-09-18 | 2021-12-24 | 珠海格力电器股份有限公司 | 智能显示方法、装置、计算机设备和存储介质 |
CN114443159A (zh) * | 2021-12-31 | 2022-05-06 | 智器云南京信息科技有限公司 | 一种插件处理装置、方法、计算机设备和存储介质 |
CN114489551A (zh) * | 2022-02-09 | 2022-05-13 | 广东乐心医疗电子股份有限公司 | 数据显示方法、装置及电子设备 |
CN115018510A (zh) * | 2021-07-23 | 2022-09-06 | 北京字跳网络技术有限公司 | 实现辅助外呼方法、装置、终端和存储介质 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101944036A (zh) * | 2010-09-27 | 2011-01-12 | 苏州光格设备有限公司 | 一种基于工业监控系统的ria应用的内存优化方法 |
CN102508703A (zh) * | 2011-10-26 | 2012-06-20 | 深圳市亚特尔科技有限公司 | 一种单任务下多界面的管理方法 |
CN104516781A (zh) * | 2014-12-26 | 2015-04-15 | 北京元心科技有限公司 | 一种操作系统语言切换方法及装置 |
CN108024136A (zh) * | 2017-12-14 | 2018-05-11 | 深圳Tcl新技术有限公司 | 加载用户界面的方法、智能电视及计算机可读存储介质 |
CN108959495A (zh) * | 2018-06-25 | 2018-12-07 | 百度在线网络技术(北京)有限公司 | H5网页的页面显示方法、装置、设备和计算机存储介质 |
CN109508220A (zh) * | 2018-11-13 | 2019-03-22 | 广州金视网络信息工程有限公司 | 金融数据界面生成方法、装置、计算机设备和存储介质 |
CN109614176A (zh) * | 2018-10-30 | 2019-04-12 | 努比亚技术有限公司 | 一种应用界面布局方法、终端及计算机可读存储介质 |
CN110853721A (zh) * | 2019-11-19 | 2020-02-28 | 深圳开立生物医疗科技股份有限公司 | 一种超声报告的显示方法、装置、超声设备及存储介质 |
CN111090432A (zh) * | 2018-10-23 | 2020-05-01 | 鸿合科技股份有限公司 | 一种界面处理方法及装置、电子设备 |
CN111258694A (zh) * | 2020-01-15 | 2020-06-09 | 广州虎牙科技有限公司 | 界面加载方法、装置、用户端及存储介质 |
CN111309293A (zh) * | 2020-02-27 | 2020-06-19 | 北京奇艺世纪科技有限公司 | 一种界面框架构建方法、装置、电子设备及存储介质 |
-
2020
- 2020-09-08 CN CN202010936354.2A patent/CN112181554B/zh active Active
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101944036A (zh) * | 2010-09-27 | 2011-01-12 | 苏州光格设备有限公司 | 一种基于工业监控系统的ria应用的内存优化方法 |
CN102508703A (zh) * | 2011-10-26 | 2012-06-20 | 深圳市亚特尔科技有限公司 | 一种单任务下多界面的管理方法 |
CN104516781A (zh) * | 2014-12-26 | 2015-04-15 | 北京元心科技有限公司 | 一种操作系统语言切换方法及装置 |
CN108024136A (zh) * | 2017-12-14 | 2018-05-11 | 深圳Tcl新技术有限公司 | 加载用户界面的方法、智能电视及计算机可读存储介质 |
CN108959495A (zh) * | 2018-06-25 | 2018-12-07 | 百度在线网络技术(北京)有限公司 | H5网页的页面显示方法、装置、设备和计算机存储介质 |
CN111090432A (zh) * | 2018-10-23 | 2020-05-01 | 鸿合科技股份有限公司 | 一种界面处理方法及装置、电子设备 |
CN109614176A (zh) * | 2018-10-30 | 2019-04-12 | 努比亚技术有限公司 | 一种应用界面布局方法、终端及计算机可读存储介质 |
CN109508220A (zh) * | 2018-11-13 | 2019-03-22 | 广州金视网络信息工程有限公司 | 金融数据界面生成方法、装置、计算机设备和存储介质 |
CN110853721A (zh) * | 2019-11-19 | 2020-02-28 | 深圳开立生物医疗科技股份有限公司 | 一种超声报告的显示方法、装置、超声设备及存储介质 |
CN111258694A (zh) * | 2020-01-15 | 2020-06-09 | 广州虎牙科技有限公司 | 界面加载方法、装置、用户端及存储介质 |
CN111309293A (zh) * | 2020-02-27 | 2020-06-19 | 北京奇艺世纪科技有限公司 | 一种界面框架构建方法、装置、电子设备及存储介质 |
Non-Patent Citations (4)
Title |
---|
全威: "《基于Linux系统与Qt开发框架的虚拟仪表的显示应用研究 》", 《万方》 * |
全威: "《基于Linux系统与Qt开发框架的虚拟仪表的显示应用研究 》", 《万方》, 12 June 2017 (2017-06-12) * |
陈志泊等: "基于DirectUI可扩展应用程序架构的设计与实现", 《计算机科学》 * |
陈志泊等: "基于DirectUI可扩展应用程序架构的设计与实现", 《计算机科学》, 15 November 2012 (2012-11-15) * |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113434149A (zh) * | 2021-07-07 | 2021-09-24 | 腾讯科技(深圳)有限公司 | 应用程序生成和加载方法、装置和介质 |
CN113434149B (zh) * | 2021-07-07 | 2023-09-08 | 腾讯科技(深圳)有限公司 | 应用程序生成和加载方法、装置和介质 |
CN115018510A (zh) * | 2021-07-23 | 2022-09-06 | 北京字跳网络技术有限公司 | 实现辅助外呼方法、装置、终端和存储介质 |
CN113794921A (zh) * | 2021-09-10 | 2021-12-14 | 京东方科技集团股份有限公司 | 一种交互界面加载方法及交互界面加载装置 |
CN113794921B (zh) * | 2021-09-10 | 2024-04-16 | 京东方科技集团股份有限公司 | 一种交互界面加载方法及交互界面加载装置 |
CN113835805A (zh) * | 2021-09-18 | 2021-12-24 | 珠海格力电器股份有限公司 | 智能显示方法、装置、计算机设备和存储介质 |
CN114443159A (zh) * | 2021-12-31 | 2022-05-06 | 智器云南京信息科技有限公司 | 一种插件处理装置、方法、计算机设备和存储介质 |
CN114489551A (zh) * | 2022-02-09 | 2022-05-13 | 广东乐心医疗电子股份有限公司 | 数据显示方法、装置及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN112181554B (zh) | 2023-06-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112181554B (zh) | 一种交互界面显示方法、设备、电子设备及存储介质 | |
WO2019214417A1 (en) | Method for preloading application, storage medium, and terminal | |
CN110417988B (zh) | 一种界面显示方法、装置及设备 | |
CN108132744B (zh) | 一种遥控智能设备的方法与设备 | |
US11706331B2 (en) | Information processing method and apparatus, storage medium, and electronic device | |
US9921723B2 (en) | Method for switching pages, and electronic device and non-transitory computer readable storage medium for performing same | |
CN109074278B (zh) | 验证移动应用中的有状态动态链接 | |
CN107368511B (zh) | 一种信息展示方法及装置 | |
US8952912B1 (en) | Selection of elements on paginated touch sensitive display | |
CN110019464B (zh) | 页面处理方法及装置 | |
WO2015043442A1 (en) | Method, device and mobile terminal for text-to-speech processing | |
CN109086342B (zh) | 批量化生产和运维网站模板的方法、介质和终端 | |
CN111708959A (zh) | 页面显示方法、装置、存储介质及电子设备 | |
CN111596911A (zh) | 生成控件的方法、装置、计算机设备和存储介质 | |
US20170185422A1 (en) | Method and system for generating and controlling composite user interface control | |
CN111708431A (zh) | 人机交互方法、装置、头戴显示设备及存储介质 | |
CN107908679B (zh) | 脚本语句转换方法、装置及计算机可读存储介质 | |
CN110262749B (zh) | 一种网页操作方法、装置、容器、设备及介质 | |
US20200034101A1 (en) | Data displaying method and electronic device | |
CN111124584A (zh) | 快捷面板显示方法、终端及可读存储介质 | |
CN114265653A (zh) | 界面显示方法、装置、设备、存储介质及程序产品 | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
JP2019510322A (ja) | 制御コマンド認識方法、装置及び記憶媒体 | |
CN108427525B (zh) | 应用的识别码的展示方法及装置 | |
CN113553129A (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 |