CN110865863B - 快应用的界面显示方法、装置及存储介质 - Google Patents

快应用的界面显示方法、装置及存储介质 Download PDF

Info

Publication number
CN110865863B
CN110865863B CN201911130087.3A CN201911130087A CN110865863B CN 110865863 B CN110865863 B CN 110865863B CN 201911130087 A CN201911130087 A CN 201911130087A CN 110865863 B CN110865863 B CN 110865863B
Authority
CN
China
Prior art keywords
configuration information
application
style configuration
user interface
target
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
Application number
CN201911130087.3A
Other languages
English (en)
Other versions
CN110865863A (zh
Inventor
董永清
孙良木
潘温
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Xiaomi Mobile Software Co Ltd
Original Assignee
Beijing Xiaomi Mobile Software Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Xiaomi Mobile Software Co Ltd filed Critical Beijing Xiaomi Mobile Software Co Ltd
Priority to CN201911130087.3A priority Critical patent/CN110865863B/zh
Publication of CN110865863A publication Critical patent/CN110865863A/zh
Application granted granted Critical
Publication of CN110865863B publication Critical patent/CN110865863B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

本公开实施例提供了一种快应用的界面显示方法、装置及存储介质,涉及应用程序技术领域。所述方法包括:接收快应用的界面显示指令;获取终端的设备信息;根据设备信息,确定样式配置信息集中的目标样式配置信息,样式配置信息集适配于至少两类终端中,样式配置信息集中包括至少两类终端的样式配置信息,目标样式配置信息用于配置适配于终端的用户界面的目标显示样式;获取快应用的应用数据;调用目标样式配置信息,显示与应用数据和目标显示样式对应的用户界面。本公开实施例提供的技术方案,避免了编写多套程序代码的繁琐,方便省时。

Description

快应用的界面显示方法、装置及存储介质
技术领域
本公开实施例涉及应用程序技术领域,特别涉及一种快应用的界面显示方法、装置及存储介质。
背景技术
快应用是一种无需下载、即搜即用的新形态应用,使用了前端技术栈开发,同时具备HTML 5(Hyper Text Markup Language 5,超文本标记语言5)与原生应用的双重优点。
快应用可以应用于不同种类、不同型号的设备上,因此,相关技术人员需要针对不同种类、不同型号的设备编写多套程序代码。其中,每一套程序代码只能使快应用的UI(User Interface,用户界面)适配于某一种类的设备中的特定型号的设备。
由于设备的种类和型号众多,对每一种类和型号的设备编写对应的程序代码,较为繁琐耗时。
发明内容
本公开实施例提供了一种快应用的界面显示方法、装置及存储介质。所述技术方案如下:
一方面,本公开实施例提供了一种快应用的界面显示方法,所述快应用是基于集成在操作系统中的快应用框架运行的应用,所述方法包括:
接收所述快应用的界面显示指令;
获取终端的设备信息;
根据所述设备信息,确定样式配置信息集中的目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式;
获取所述快应用的应用数据;
调用所述目标样式配置信息,显示与所述应用数据和所述目标显示样式对应的用户界面。
可选地,所述根据所述设备信息,确定样式配置信息集中的目标样式配置信息,包括:
比对所述设备信息与所述样式配置信息集中的样式配置信息,将符合所述设备信息的样式配置信息,确定为所述目标样式配置信息。
可选地,所述调用所述目标样式配置信息,显示与所述应用数据和所述目标显示样式对应的用户界面,包括:
将所述应用数据添加至所述目标样式配置信息的程序代码中,通过所述目标样式配置信息,生成符合所述目标显示样式的所述用户界面;
显示所述用户界面。
可选地,所述将所述应用数据添加至所述目标样式配置信息的程序代码中,通过所述目标样式配置信息,生成符合所述目标显示样式的所述用户界面,包括:
将所述应用数据添加至所述目标样式配置信息的程序代码中;
通过所述目标样式配置信息生成待定用户界面,所述待定用户界面是指未渲染的用户界面;
通过所述目标样式配置信息,以原生渲染的方式对所述待定用户界面进行渲染,生成符合所述目标显示样式的所述用户界面。
可选地,所述设备信息包括所述终端的设备类型、屏幕尺寸、屏幕分辨率以及屏幕像素比中的至少一种。
可选地,所述获取终端的设备信息,包括:
调用钩子函数从所述终端的操作系统中获取所述设备信息。
可选地,所述获取所述快应用的应用数据,包括:
通过所述快应用的应用程序编程接口API,调用所述快应用的原生应用的API,通过所述原生应用的API获取所述应用数据。
另一方面,本公开实施例提供了一种快应用的界面显示装置,所述快应用是基于集成在操作系统中的快应用框架运行的应用,所述装置包括:
指令接收模块,被配置为接收所述快应用的界面显示指令;
信息获取模块,被配置为获取终端的设备信息;
样式确定模块,被配置为根据所述设备信息,确定样式配置信息集中的目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式;
数据获取模块,被配置为获取所述快应用的应用数据;
界面显示模块,被配置为调用所述目标样式配置信息,显示与所述应用数据和所述目标显示样式对应的用户界面。
可选地,所述样式确定模块,被配置为:
比对所述设备信息与所述样式配置信息集中的样式配置信息,将符合所述设备信息的样式配置信息,确定为所述目标样式配置信息。
可选地,所述界面显示模块包括:
界面生成子模块,被配置为将所述应用数据添加至所述目标样式配置信息的程序代码中,通过所述目标样式配置信息,生成符合所述目标显示样式的所述用户界面;
界面显示子模块,被配置为显示所述用户界面。
可选地,所述界面生成子模块,被配置为:
将所述应用数据添加至所述目标样式配置信息的程序代码中;
通过所述目标样式配置信息生成待定用户界面,所述待定用户界面是指未渲染的用户界面;
通过所述目标样式配置信息,以原生渲染的方式对所述待定用户界面进行渲染,生成符合所述目标显示样式的所述用户界面。
可选地,所述设备信息包括所述终端的设备类型、屏幕尺寸、屏幕分辨率以及屏幕像素比中的至少一种。
可选地,所述信息获取模块,被配置为:
调用钩子函数从所述终端的操作系统中获取所述设备信息。
可选地,所述数据获取模块,被配置为:
通过所述快应用的应用程序编程接口API调用所述快应用的原生应用的API,通过所述原生应用的API获取所述应用数据。
再一方面,本公开实施例提供了一种快应用的界面显示装置,所述快应用是基于集成在操作系统中的快应用框架运行的应用,所述装置包括:
处理器;
用于存储所述处理器的可执行指令的存储器;
其中,所述处理器被配置为:
接收所述快应用的界面显示指令;
获取终端的设备信息;
根据所述设备信息,确定样式配置信息集中的目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式;
获取所述快应用的应用数据;
调用所述目标样式配置信息,显示与所述应用数据和所述目标显示样式对应的用户界面。
又一方面,本公开实施例提供了一种非临时性计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述方法的步骤。
本公开实施例提供的技术方案可以包括如下有益效果:
通过在接收到快应用的界面显示指令后,获取终端的设备信息,根据设备信息,确定目标样式配置信息,再获取快应用的应用数据,调用目标样式配置信息,显示与应用数据和目标显示样式对应的用户界面,从而通过编写一套程序代码就可以生成适配于多种不同类型终端的用户界面,避免了编写多套程序代码的繁琐,节约快应用的开发成本。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的快应用的启动流程图;
图2是根据一示例性实施例示出的一种快应用的界面显示方法的流程图;
图3是根据另一示例性实施例示出的一种快应用的界面显示方法的流程图;
图4是根据一示例性实施例示出的快应用框架的框图;
图5是根据一示例性实施例示出的一种快应用的界面显示装置的框图;
图6是根据另一示例性实施例示出的一种快应用的界面显示装置的框图;
图7是根据一示例性实施例示出的一种装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的方法的例子。
快应用是一种基于手机硬件平台的新型应用形态,无需安装,即点即用,又兼具原生应用体验(性能、系统整合、交互等)。同时,快应用在诞生之初就在开发规范、能力接入、开发者服务等层面实现了手机厂商间的标准化统一,极大地降低开发者的适配成本。
与传统应用相比,快应用具备如下特点:
Instant:即点即用,用户无需等待;
Everywhere:与手机的使用场景深度整合,入口无处不在(搜索,智能助手,智能推荐,应用市场,浏览器……);
Efficient:准前端的开发方式,效率高。
由于快应用的特殊性,快应用被期待完成更多的任务,实现更多的功能。目前,快应用的功能正在逐步完善中,本公开实施例就是提供了一种快应用的新功能,利用该新功能实现快应用在不同终端中以合理准确的界面样式进行显示,扩展了快应用的功能,提高了快应用的处理能力以及实用性。
本申请实施例提供的方法,各步骤的执行主体可以是终端,该终端是指具备数据计算、处理、存储功能以及界面显示功能的电子设备,该终端可以是诸如手机、平板电脑、tv(television,电视)、可穿戴设备、PC(Personal Computer,个人计算机)、有屏音箱、智能机器人等终端。
下面,通过几个实施例对本公开技术方案进行介绍说明。
图1是根据一示例性实施例示出的一种快应用的界面显示方法的流程图。参见图1,该方法可以应用于上文介绍的终端中。该方法可以包括如下几个步骤:
在步骤101中,接收快应用的界面显示指令。
快应用是基于集成在操作系统中的快应用框架运行的应用。快应用还是一种无需下载、即搜即用的应用,具有体量小、免安装、占用资源少的特点。
在一些可能的实施例中,终端还可以接收快应用的启动指令,其中,启动指令中包括快应用的界面显示指令。
在一些可能的实施例中,终端还可以接收快应用的界面切换指令,其中,界面切换指令中包括快应用的界面显示指令。
可选地,当需要启动快应用或者切换快应用的界面时,终端可以通过识别用户的触发操作,接收到快应用的界面显示指令。触发操作可以包括输入指令代码、点击操作、语音输入、手势操作等等。
其中,点击操作可以是点击快应用对应的图标控件或名称控件,点击操作可以包括触摸操作、鼠标点击操作等等。
在步骤102中,获取终端的设备信息。
快应用的应用文件存储于快应用平台上,当终端首次接收到快应用的启动指令时,终端从快应用平台获取快应用的应用文件,并在终端上打开快应用,显示快应用的用户界面。在终端获取得到快应用的应用文件之后,终端首先获取自身的设备信息,该设备信息用于确定快应用中的目标样式配置信息。
在一些可能的实施例中,快应用在终端中被启动过,其应用文件仍存储在终端中,当再次接收到快应用的启动指令后,终端可以获取自身的设备信息,然后根据设备信息,运行存储在终端中的应用文件并显示适配于该终端的用户界面,而无需从快应用平台中重新获取快应用的应用文件。
在一些可能的实施例中,终端每接收一次快应用的界面切换指令,就获取一次终端的设备信息。
在一些可能的实施例中,终端中的快应用的应用文件被删除后,当再次接收到快应用的启动指令时,需要重新从快应用平台获取快应用的应用文件。
可选地,终端中设置有钩子函数,通过钩子函数从终端的操作系统中获取设备信息,该设备信息可以包括终端的设备类型、屏幕尺寸、屏幕分辨率以及屏幕像素比中的至少一种。其中,设备类型指示终端的类型,比如,终端可以包括手机、平板电脑、智能手表、电视等;屏幕尺寸用于表征终端屏幕长、宽、对角线长等信息;屏幕分辨率是指屏幕上显示的像素的个数;屏幕像素比是指像素点的宽高比。
该设备信息还可以包括设备型号、生产厂商、屏幕材质等;设备信息是指终端的设备参数,在本公开实施例中,对设备信息中包括的参数种类以及数量不作限定。
在步骤103中,根据设备信息,确定样式配置信息集中的目标样式配置信息。
在一些可能的实施例中,样式配置信息集适配于至少两类终端中,样式配置信息集中包括至少两类终端的样式配置信息,目标样式配置信息用于配置适配于终端的用户界面的目标显示样式。其中,至少两类终端可以指设备信息不相同的终端,设备信息不相同可以指一种设备信息不同,也可以指多种设备信息不同。
其中,用户界面的显示样式是指用户界面的外观展现形态,显示样式可以包括颜色、图形形状、图形尺寸、线框尺寸、字体、字号等等。相应地,样式配置信息可以包括颜色配置信息、图形形状配置信息、图形尺寸配置信息、线框尺寸配置信息、字体配置信息、字号配置信息等等。
在一些可能的实施例中,通过比对设备信息与样式配置信息集中的样式配置信息,将符合设备信息的样式配置信息,确定为目标样式配置信息。
在一些可能的实施例中,同一个设备上设置有多个屏幕,对于其中的任一屏幕,可以根据该屏幕的信息,确定其对应的目标样式配置信息。
在一些可能的实施例中,可以根据一种设备信息对目标样式配置信息进行确定,也可以根据多种设备信息对目标样式配置信息进行确定,本公开实施例对此不作限定。
在步骤104中,获取快应用的应用数据。
在确定目标样式配置信息后,终端获取快应用的应用数据;可选地,该应用数据用于在终端上显示快应用的用户界面。
需要说明的是,快应用对应有原生应用,可选地,快应用的应用数据是由原生应用的后台服务器提供的,因此,终端通过快应用的应用程序编程接口(ApplicationProgramming Interface,API)调用快应用的原生应用的API,通过原生应用的API获取应用数据。其中,快应用的API是对原生应用的API封装得到的。
可选地,原生应用的后台服务器可以包括第三方服务器,第三方服务器是指与快应用的后台服务器的提供方不同的后台服务器。
可选地,第三方服务器可以是快应用的开发者提供的服务器,第三方服务器可用于存储快应用的业务数据。
在步骤105中,调用目标样式配置信息,显示与应用数据和目标显示样式对应的用户界面。
在一些可能的实施例中,将应用数据与目标样式配置信息结合,可以将应用数据按照目标显示样式在用户界面中进行显示。
综上所述,本公开实施例提供的技术方案中,通过在接收到快应用的界面显示指令后,获取终端的设备信息,根据设备信息,确定目标样式配置信息,再获取快应用的应用数据,调用目标样式配置信息,显示与应用数据和目标显示样式对应的用户界面,从而通过编写一套程序代码就可以生成适配于多种不同类型终端的用户界面,避免了编写多套程序代码的繁琐,节约快应用的开发成本。
基于图1,在可选实施例中,上述步骤105还可以包括如下子步骤1051和1052:
在步骤1051中,将应用数据添加至目标样式配置信息的程序代码中,通过目标样式配置信息,生成符合目标显示样式的用户界面;
在步骤1052中,显示用户界面。
可选地,通过程序代码表示目标样式配置信息,将应用数据添加至对应的程序代码中并运行程序代码,可以将应用数据按照目标显示样式在用户界面中进行显示。
其中,上述样式配置信息可以是由快应用的平台提供给快应用开发者的规范信息,也可以由快应用的开发者自行编写。
在一些可能的实施例中,上述子步骤1051可以包括如下子步骤:
1、将应用数据添加至目标样式配置信息的程序代码中;
2、通过目标样式配置信息生成待定用户界面,待定用户界面是指未渲染的用户界面;
3、通过目标样式配置信息,以原生渲染的方式对待定用户界面进行渲染,生成符合目标显示样式的用户界面。
其中,渲染是一种生成可视化的图像或界面的方法。
在示例性实施例中,根据设备类型设置样式配置信息,对应的程序代码可以包括:
@media phone//设备类型为手机
{
font-size:64px;//文字字号为64px(pixel,像素)
background-color:gray;//背景色为灰色
}
在示例性实施例中,根据设备类型和屏幕尺寸设置样式配置信息,对应的程序代码可以包括:
@media tv and width>2180//设备类型为电视,且屏幕宽度方向可显示的像素点数大于2180
{
font-size:1280px;//文字字号为1280px
background-color:gray;//背景色为灰色
}
在示例性实施例中,根据设备类型和屏幕尺寸设置样式配置信息,对应的程序代码还可以包括:
@media tv and width>2180and height>2560//设备类型为电视,且屏幕宽度方向可显示的像素点数大于2180,且屏幕高度方向可显示的像素点数大于2560
{
font-size:128px;//文字字号为128px
background-color:gray;//背景色为灰色
}
在上述实现方式中,通过将应用数据添加至目标样式配置信息的程序代码中,并通过原生渲染显示出符合目标样式的用户界面,可将应用数据按照目标显示样式在用户界面中进行显示。
图3是根据一示例性实施例示出的快应用框架的框图。参见图3,该快应用框架包括:场景入口320、快应用引擎340和操作系统(Operating System,OS)基础设施&硬件360。
场景入口320包括负一屏、全局搜索、锁屏、桌面、应用市场、浏览器和二维码中的至少一种。场景入口320的外在展现形式可以为页面形式和卡片形式。
快应用引擎340包括前端框架341、通用场景342、轻量化场景343、嵌入式SDK(Software Development Kit,软件开发工具包)344和业务接入345。
其中,前端框架341包括MVVM(Model-View-View-Model,)、V-DOM、路由、基础API(Application Programming Interface,应用程序编程接口)、业务API、UI组件等;
通用场景342和轻量化场景343包括JavaScript引擎、标准渲染引擎、极速渲染引擎、端-云-芯加速、安全机制、新兴场景(AI(Artificial Intelligence,人工智能)、AR(Augmented Reality,增强现实)等)、系统整合(应用管理、权限管理等);
业务接入345包括推送(Push)、账号/支付等。
OS基础设施&硬件360包括:图形库、原生控件、系统服务和GPU(GraphicsProcessing Unit,图形处理器)/NPU(Neural-network Processing Unit,嵌入式神经网络处理器)等。
从执行路径层面,有标准的HTML5方式支撑通用的Web场景(一般通过系统的Webview组件或定制的Webview),以及JS(JavaScript)+Native的方式,支撑更轻量、更快速的体验。下面将按3个层面方面简要介绍快应用引擎的架构。
1)应用开发(前端框架+组件&API能力)
快应用的前端设计借鉴并整合了主流前端框架(Vue,React等)的设计思路:以组件化的方式构建应用,以数据绑定为核心的MVVM设计模式,以V-DOM的方式提升性能,同时选择了简洁清晰的类Vue的模板。同时对布局方面做了相应精简。从新的应用形态、映射原生UI、能力开放的角度,需要定义一套组件与API规范,方便开发这快速开发应用。
2)系统整合(应用管理,卡片-嵌入式SDK,安全机制等等)
快应用作为完整的应用形态,可以与系统深入整合,如同原生应用一样运行,以及和系统交互。快应用目前有两种形态:全屏方式的独立应用形态与嵌入方式的卡片形态。在独立应用的形态下,给用户的体验就像原生的应用程序,有完整的生命周期管理,页面管理,路由等。快应用可以寄生于安卓的Activity,页面寄生于Fragment,并通过独立的后台Service进行实例的管控。卡片则是另外一种形态,通过嵌入式SDK作为一个独立的局部控件嵌入到系统的各个角落,轻量化的展现动态内容。在安全隔离方面,可通过沙盒机制,进程隔离,权限控制,并结合操作系统层的支持做到较好的安全保障。
3)性能体验&新兴场景(JavaScript引擎,渲染引擎,端-云-芯加速,新兴场景)
在交互体验、资源开销和稳定性等方面,快应用通过引入原生渲染路径,进而实现前端开发方式+原生渲染与平台能力有效组合。
不同于其它的应用层的跨平台框架,快应用植根于手机的操作系统,可实现从芯片<-->操作系统<-->云的深度整合。端和云的结合以启动性能加速为例,通过云和端的协同渲染,网络链路层的优化可以大大加速快应用启动速度。同时可以整合硬件平台的特有能力,进一步提升体验。例如可以结合手机AI芯片,将NPU的算力整合到快应用引擎中来,使得AI场景(人脸识别、图像超分等)在端侧可以低延时、高性能的执行,同时又有效保护了用户的隐私,并节省带宽。
图4是根据一示例性实施例示出的快应用的启动流程图。参见图4,快应用的启动流程可以包括:
1)首次启动时,用户点击触发快应用的程序包的下载,同时做快应用引擎的初始化相关工作。当整个快应用的程序包下载与校验完成后,需要展示的第一个页面的JavaScript文件才会被加载并开始渲染。这个过程中的程序包下载是瓶颈,从前期的实测数据看,正常网络下200K(Kilobyte,千字节)左右的包下载时间至少要400毫秒以上,2M(MByte,兆字节)包要2秒以上。
2)页面渲染包括JavaScript加载、页面与JavaScript框架逻辑的执行、布局的运算,最终到原生UI控件的绘制。其中,页面内逻辑执行时会有一次或多次的网络请求(页面到应用自己的三方服务器的),网络请求返还的数据驱动页面的再次渲染,直至首屏内容完全展示。
这里网络请求、JavaScript执行、排版与绘制并非简单的串行关系,而是并行化地交织在一起影响着整个页面的渲染性能,并与页面设计的逻辑、网络状况与设备运行的状态强相关。
下述为本公开装置实施例,可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节,请参照本公开方法实施例。
图5是根据一示例性实施例示出的一种快应用的界面显示装置的框图。该装置500具有实现上述的快应用的界面显示方法示例的功能,所述功能可以由硬件实现,也可以由硬件执行相应的软件实现。该装置500可以是上文介绍的终端,也可以设置在终端上。参加图5,该装置500可以包括:指令接收模块510、信息获取模块520、样式确定模块530、数据获取模块540和界面显示模块550。
所述指令接收模块510,被配置为接收所述快应用的界面显示指令。
所述信息获取模块520,被配置为获取终端的设备信息。
所述样式确定模块530,被配置为根据所述设备信息,确定样式配置信息集中的目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式。
所述数据获取模块540,被配置为获取所述快应用的应用数据。
所述界面显示模块550,被配置为调用所述目标样式配置信息,显示与所述应用数据和所述目标显示样式对应的用户界面。
综上所述,本公开实施例提供的技术方案中,通过在接收到快应用的界面显示指令后,获取终端的设备信息,根据设备信息,确定目标样式配置信息,再获取快应用的应用数据,调用目标样式配置信息,显示与应用数据和目标显示样式对应的用户界面,从而通过编写一套程序代码就可以生成适配于多种不同类型终端的用户界面,避免了编写多套程序代码的繁琐,节约快应用的开发成本。
在示例性实施例中,所述样式确定模块530,被配置为比对所述设备信息与所述样式配置信息集中的样式配置信息,将符合所述设备信息的样式配置信息,确定为所述目标样式配置信息。
在示例性实施例中,如图6所示,所述界面显示模块550还包括:界面生成子模块551和界面显示子模块552。
所述界面生成子模块551,被配置为将所述应用数据添加至所述目标样式配置信息的程序代码中,通过所述目标样式配置信息,生成符合所述目标显示样式的所述用户界面。
所述界面显示子模块552,被配置为显示所述用户界面。
在示例性实施例中,如图6所示,所述界面生成子模块551,被配置为:
将所述应用数据添加至所述目标样式配置信息的程序代码中;
通过所述目标样式配置信息生成待定用户界面,所述待定用户界面是指未渲染的用户界面;
通过所述目标样式配置信息,以原生渲染的方式对所述待定用户界面进行渲染,生成符合所述目标显示样式的所述用户界面。
在示例性实施例中,所述设备信息包括所述终端的设备类型、屏幕尺寸、屏幕分辨率以及屏幕像素比中的至少一种。
在示例性实施例中,所述信息获取模块,被配置为:调用钩子函数从所述终端的操作系统中获取所述设备信息。
在示例性实施例中,所述数据获取模块,被配置为:通过所述快应用的应用程序编程接口API调用所述快应用的原生应用的API,通过所述原生应用的API获取所述应用数据。
需要说明的是,上述实施例提供的装置,在实现其功能时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将设备的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不作详细阐述说明。
本公开一示例性实施例还提供了一种快应用的界面显示装置,能够实现本公开提供的快应用的界面显示方法,所述快应用是基于集成在操作系统中的快应用框架运行的应用。该装置包括:处理器,以及用于存储处理器的可执行指令的存储器。其中,处理器被配置为:
接收所述快应用的界面显示指令;
获取终端的设备信息;
根据所述设备信息,确定样式配置信息集中的目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式;
获取所述快应用的应用数据;
调用所述目标样式配置信息,显示与所述应用数据和所述目标显示样式对应的用户界面。
在一些可能的设计中,所述处理器被配置为:
比对所述设备信息与所述样式配置信息集中的样式配置信息,将符合所述设备信息的样式配置信息,确定为所述目标样式配置信息。
在一些可能的设计中,所述处理器被配置为:
将所述应用数据添加至所述目标样式配置信息的程序代码中,通过所述目标样式配置信息,生成符合所述目标显示样式的所述用户界面;
显示所述用户界面。
在一些可能的设计中,所述处理器被配置为:
将所述应用数据添加至所述目标样式配置信息的程序代码中;
通过所述目标样式配置信息生成待定用户界面,所述待定用户界面是指未渲染的用户界面;
通过所述目标样式配置信息,以原生渲染的方式对所述待定用户界面进行渲染,生成符合所述目标显示样式的所述用户界面。
在一些可能的设计中,所述设备信息包括所述终端的设备类型、屏幕尺寸、屏幕分辨率以及屏幕像素比中的至少一种。
在一些可能的设计中,所述处理器被配置为:
调用钩子函数从所述终端的操作系统中获取所述设备信息。
在一些可能的设计中,所述处理器被配置为:
通过所述快应用的应用程序编程接口API,调用所述快应用的原生应用的API,通过所述原生应用的API获取所述应用数据。
图7是根据一示例性实施例示出的一种装置的框图。例如,装置700可以是移动电话,计算机设备,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图7,装置700可以包括以下一个或多个组件:处理组件702,存储器704,电源组件706,多媒体组件708,音频组件710,输入/输出(I/O,Input/Output)接口712,传感器组件714,以及通信组件716。
处理组件702通常控制装置700的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件702可以包括一个或多个处理器720来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件702可以包括一个或多个模块,便于处理组件702和其他组件之间的交互。例如,处理组件702可以包括多媒体模块,以方便多媒体组件708和处理组件702之间的交互。
存储器704被配置为存储各种类型的数据以支持在装置700的操作。这些数据的示例包括用于在装置700上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器704可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM,Static Random-Access Memory),电可擦除可编程只读存储器(EEPROM,Electrically Erasable Programmable Read Only Memory),可擦除可编程只读存储器(EPROM,Erasable Programmable Read Only Memory),可编程只读存储器(PROM,Programmable Read-Only Memory),只读存储器(ROM,Read Only Memory),磁存储器,快闪存储器,磁盘或光盘。
电源组件706为装置700的各种组件提供电力。电源组件706可以包括电源管理系统,一个或多个电源,及其他与为装置700生成、管理和分配电力相关联的组件。
多媒体组件708包括在所述装置700和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD,Liquid Crystal Display)和触摸面板(TP,TouchPad)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件708包括一个前置摄像头和/或后置摄像头。当装置700处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件710被配置为输出和/或输入音频信号。例如,音频组件710包括一个麦克风(MIC,Microphone),当装置700处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器704或经由通信组件716发送。在一些实施例中,音频组件710还包括一个扬声器,用于输出音频信号。
I/O接口712为处理组件702和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件714包括一个或多个传感器,用于为装置700提供各个方面的状态评估。例如,传感器组件714可以检测到装置700的打开/关闭状态,组件的相对定位,例如所述组件为装置700的显示器和小键盘,传感器组件714还可以检测装置700或装置700一个组件的位置改变,用户与装置700接触的存在或不存在,装置700方位或加速/减速和装置700的温度变化。传感器组件714可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件714还可以包括光传感器,如互补金属氧化物半导体(CMOS,Complementary Metal Oxide Semiconductor)或电荷耦合器件(CCD,Charge CoupledDevice)图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件714还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件716被配置为便于装置700和其他设备之间有线或无线方式的通信。装置700可以接入基于通信标准的无线网络,如Wi-Fi(Wireless Fidelity,无线保真),2G,3G,4G,5G,或它们的组合。在一个示例性实施例中,通信组件716经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件716还包括近场通信(NFC,Near Field Communication)模块,以促进短程通信。
在示例性实施例中,装置700可以被一个或多个应用专用集成电路(ASIC,Application Specific Integrated Circuit)、数字信号处理器(DSP,Demand-SidePlatform)、数字信号处理设备(DSPD,Digital Demand-Side Platform)、可编程逻辑器件(PLD,Programmable Logic Device)、现场可编程门阵列(FPGA,Field Programmable GateArray)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述快应用的界面显示方法。
在示例性实施例中,还提供了一种包括计算机程序的非临时性计算机可读存储介质,例如包括计算机程序的存储器704,上述计算机程序可由装置700的处理器720执行以完成上述快应用的界面显示方法。例如,所述非临时性计算机可读存储介质可以是ROM、RAM、光盘只读存储器(CD-ROM,Compact Disc Read-Only Memory)、磁带、软盘和光数据存储设备等。
应当理解的是,在本文中提及的“多个”是指两个或两个以上。本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种快应用的界面显示方法,其特征在于,所述快应用是基于集成在操作系统中的快应用框架运行的应用,所述方法由终端执行,所述方法包括:
接收所述快应用的界面显示指令,在所述快应用启动过的情况下,所述快应用的应用文件存储在所述终端中;
获取终端的设备信息;
比对所述设备信息与样式配置信息集中的样式配置信息,将符合所述设备信息的样式配置信息,确定为目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式;
获取所述快应用的应用数据;
将所述应用数据添加至所述目标样式配置信息的程序代码中;
通过所述目标样式配置信息生成待定用户界面,所述待定用户界面是指未渲染的用户界面;
通过所述目标样式配置信息,以原生渲染的方式对所述待定用户界面进行渲染,生成符合所述目标显示样式的所述用户界面;
显示所述用户界面。
2.根据权利要求1所述的方法,其特征在于,所述设备信息包括所述终端的设备类型、屏幕尺寸、屏幕分辨率以及屏幕像素比中的至少一种。
3.根据权利要求1所述的方法,其特征在于,所述获取终端的设备信息,包括:
调用钩子函数从所述终端的操作系统中获取所述设备信息。
4.根据权利要求1所述的方法,其特征在于,所述获取所述快应用的应用数据,包括:
通过所述快应用的应用程序编程接口API,调用所述快应用的原生应用的API,通过所述原生应用的API获取所述应用数据。
5.一种快应用的界面显示装置,其特征在于,所述快应用是基于集成在操作系统中的快应用框架运行的应用,所述装置包括:
指令接收模块,被配置为接收所述快应用的界面显示指令;
信息获取模块,被配置为获取终端的设备信息;
样式确定模块,被配置为比对所述设备信息与样式配置信息集中的样式配置信息,将符合所述设备信息的样式配置信息,确定为目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式;
数据获取模块,被配置为获取所述快应用的应用数据;
界面显示模块,被配置为将所述应用数据添加至所述目标样式配置信息的程序代码中;通过所述目标样式配置信息生成待定用户界面,所述待定用户界面是指未渲染的用户界面;通过所述目标样式配置信息,以原生渲染的方式对所述待定用户界面进行渲染,生成符合所述目标显示样式的所述用户界面;显示所述用户界面。
6.根据权利要求5所述的装置,其特征在于,所述设备信息包括所述终端的设备类型、屏幕尺寸、屏幕分辨率以及屏幕像素比中的至少一种。
7.根据权利要求5所述的装置,其特征在于,所述信息获取模块,被配置为:
调用钩子函数从所述终端的操作系统中获取所述设备信息。
8.根据权利要求5所述的装置,其特征在于,所述数据获取模块,被配置为:
通过所述快应用的应用程序编程接口API调用所述快应用的原生应用的API,通过所述原生应用的API获取所述应用数据。
9.一种快应用的界面显示装置,其特征在于,所述快应用是基于集成在操作系统中的快应用框架运行的应用,所述装置包括:
处理器;
用于存储所述处理器的可执行指令的存储器;
其中,所述处理器被配置为:
接收所述快应用的界面显示指令,在所述快应用启动过的情况下,所述快应用的应用文件存储在终端中;
获取终端的设备信息;
比对所述设备信息与样式配置信息集中的样式配置信息,将符合所述设备信息的样式配置信息,确定为目标样式配置信息,所述样式配置信息集适配于至少两类终端中,所述样式配置信息集中包括所述至少两类终端的样式配置信息,所述目标样式配置信息用于配置适配于所述终端的用户界面的目标显示样式;
获取所述快应用的应用数据;
将所述应用数据添加至所述目标样式配置信息的程序代码中;
通过所述目标样式配置信息生成待定用户界面,所述待定用户界面是指未渲染的用户界面;
通过所述目标样式配置信息,以原生渲染的方式对所述待定用户界面进行渲染,生成符合所述目标显示样式的所述用户界面;
显示所述用户界面。
10.一种非临时性计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至4任一项所述方法的步骤。
CN201911130087.3A 2019-11-18 2019-11-18 快应用的界面显示方法、装置及存储介质 Active CN110865863B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911130087.3A CN110865863B (zh) 2019-11-18 2019-11-18 快应用的界面显示方法、装置及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911130087.3A CN110865863B (zh) 2019-11-18 2019-11-18 快应用的界面显示方法、装置及存储介质

Publications (2)

Publication Number Publication Date
CN110865863A CN110865863A (zh) 2020-03-06
CN110865863B true CN110865863B (zh) 2022-09-30

Family

ID=69655423

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911130087.3A Active CN110865863B (zh) 2019-11-18 2019-11-18 快应用的界面显示方法、装置及存储介质

Country Status (1)

Country Link
CN (1) CN110865863B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021223178A1 (zh) * 2020-05-07 2021-11-11 深圳市欢太科技有限公司 用户界面处理方法及相关装置
CN114443186A (zh) * 2020-11-02 2022-05-06 上海博泰悦臻网络技术服务有限公司 基于Flutter框架的多分辨率自动适配显示方法、系统、介质及终端
CN113242471B (zh) * 2021-05-25 2022-07-12 四川虹魔方网络科技有限公司 基于Vue实现电视Launcher系统web端预览组件的方法

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107729074A (zh) * 2017-09-25 2018-02-23 百富计算机技术(深圳)有限公司 一种pos应用的用户界面的加载方法及装置
CN109375967A (zh) * 2018-08-27 2019-02-22 北京达佳互联信息技术有限公司 应用程序界面显示方法和装置、移动终端及存储介质
CN109558553A (zh) * 2018-11-20 2019-04-02 北京小米移动软件有限公司 样式确定方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10331321B2 (en) * 2015-06-07 2019-06-25 Apple Inc. Multiple device configuration application

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107729074A (zh) * 2017-09-25 2018-02-23 百富计算机技术(深圳)有限公司 一种pos应用的用户界面的加载方法及装置
CN109375967A (zh) * 2018-08-27 2019-02-22 北京达佳互联信息技术有限公司 应用程序界面显示方法和装置、移动终端及存储介质
CN109558553A (zh) * 2018-11-20 2019-04-02 北京小米移动软件有限公司 样式确定方法及装置

Also Published As

Publication number Publication date
CN110865863A (zh) 2020-03-06

Similar Documents

Publication Publication Date Title
CN110874217B (zh) 快应用的界面显示方法、装置及存储介质
CN111026396B (zh) 页面渲染方法、装置、电子设备及存储介质
CN110990075B (zh) 快应用的启动方法、装置、设备及存储介质
CN109460233B (zh) 页面的原生界面显示更新方法、装置、终端设备及介质
US11706331B2 (en) Information processing method and apparatus, storage medium, and electronic device
CN110990105B (zh) 界面显示方法、装置、电子设备及存储介质
CN111026490B (zh) 页面渲染方法、装置、电子设备及存储介质
CN110865863B (zh) 快应用的界面显示方法、装置及存储介质
CN111026491B (zh) 界面显示方法、装置、电子设备、服务器及存储介质
US20230004620A1 (en) Page display method
CN111078325B (zh) 应用程序运行方法、装置、电子设备及存储介质
CN110851240B (zh) 功能调用方法、装置及存储介质
CN110971974B (zh) 配置参数创建方法、装置、终端及存储介质
CN110851108A (zh) 电子设备操作方法、装置、电子设备及存储介质
CN107580039B (zh) 传输进度的显示方法、装置及终端
CN111008057A (zh) 页面展示方法、装置及存储介质
CN110968362B (zh) 应用运行方法、装置及存储介质
CN110865864B (zh) 快应用的界面显示方法、装置、设备及存储介质
CN111008050B (zh) 页面任务执行方法、装置、终端及存储介质
US11194598B2 (en) Information display method, terminal and storage medium
EP3835967A1 (en) Card data display method and apparatus, and storage medium
CN110908629A (zh) 电子设备操作方法、装置、电子设备和存储介质
CN111104183B (zh) 应用程序运行方法、装置、电子设备及存储介质
CN111338961B (zh) 应用调试方法及装置、电子设备及存储介质
CN110865760A (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