展示智能终端应用启动页的方法及装置与流程

文档序号:14923597发布日期:2018-07-13 08:11

本申请涉及智能终端应用领域,具体涉及一种展示智能终端应用启动页的方法及装置。



背景技术:

在智能终端(例如手机)应用的启动过程中,需要花一些时间进行初始化,为了避免展示给用户一个空白的页面,绝大部分智能终端应用都会在启动时加入启动页(Splash Screen),并且对启动页进行了更充分的利用:比如品牌展示、节假日营销、甚至广告展示。

现有技术在智能终端应用启动过程中加入启动页的方案主要有:

使用静态图片做为启动页;

使用gif等格式的动态图片作为启动页;

在图片启动页方案的基础上,加入可交互控件,以实现在启动页能够进行用户交互。

上述几种技术方案存在如下缺点:

使用静态图片做为启动页,展示的内容单一,表现力较差,不会产生较好的用户体验;

使用gif等格式的动态图片作为启动页,动画时间越长,需占用的内存越大,会给手机应用带来较高的性能损耗;

在图片启动页方案的基础上,加入了可交互控件,以实现在启动页能够进行用户交互,不易于动态部署,如果启动页的交互需要变化,就只能强制要求用户升级客户端。

综上所述,现有的在智能终端应用启动过程中加入启动页的方法,存在表现力弱、性能损耗高、实现交互部署难度大的缺陷。



技术实现要素:

本申请提供一种展示智能终端应用启动页的方法,以解决现有在智能终端应用启动过程中加入启动页的方法存在表现力弱、性能损耗高、实现交互部署难度大的问题。

所述展示智能终端应用启动页的方法包括:

接收对智能终端上APP应用的启动操作并加载首页;

读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址;

将所述作为启动页的HTML网页,通过浏览器显示到界面上。

可选的,在读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址的步骤之前,包括:

读取启动页展示方式的相关配置,判断是否使用浏览器方式来显示启动页;若是,则进入所述读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址的步骤。

可选的,所述读取启动页展示方式的相关配置,判断是否使用浏览器方式来显示启动页的步骤中,若判断结果为否,则继续判断是否使用图片启动页,若是,则加载所述APP应用的应用配置中指定的图片到界面。

可选的,若所述判断是否使用图片启动页的结果为否,则直接加载所述APP应用的首页。

可选的,所述作为启动页的HTML网页含有动画。

可选的,所述作为启动页的HTML网页包括交互性界面。

可选的,所述交互性界面的交互性通过在启动页上显示的按钮实现。

可选的,所述将所述作为启动页的HTML网页,通过浏览器显示到界面上,包括:

在启动页上显示具有预定主题的按钮;

接收对所述具有预定主题的按钮的选择确定;

根据接收的对所述具有预定主题的按钮的选择确定,在界面上对预先设置的图标进行动画展示。

可选的,所述方法还包括:

在加载首页完成后,将所述预先设置的图标停留在与该图标相关的位置上。

可选的,所述动画通过HTML5制作。

可选的,所述方法还包括:

在加载首页完成后,将启动页设置成透明效果。

可选的,所述通过浏览器显示到界面上,包括:

通过WebView浏览器显示到界面上。

本申请另外提供一种展示智能终端应用启动页的装置,所述装置包括:

接收单元,用于接收对智能终端上APP应用的启动操作并加载首页;

读取单元,用于读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址;

显示单元,用于将所述作为启动页的HTML网页,通过浏览器显示到界面上。

与现有技术相比,本申请具有以下优点:

本申请提供一种展示智能终端应用启动页的方法,包括:

接收对智能终端上APP应用的启动操作并加载首页;读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址;将所述作为启动页的HTML网页,通过浏览器显示到界面上。

本申请提供的展示智能终端应用启动页的方法,通过使用浏览器将作为启动页的HTML网页显示到界面上,提供了丰富的样式和动画效果,可以很好地对动画效果进行支持,丰富了表现力,提高了用户体验;此外,通过使用浏览器方式来展示启动页,也不会给智能终端应用带来较大的性能影响;再有,使用HTML网页能够很方便实现交互性的界面,在启动页就能与用户进行互动,只需要改变HTML网页的内容,就可轻松实现不同的交互设计,易于动态部署,不需要强制用户升级客户端版本。

附图说明

图1是本申请第一实施例提供的一种展示智能终端应用启动页的方法的流程图。

图2是本申请第一实施例提供的使用交互性界面作为启动页的HTML网页,通过浏览器显示到界面上的流程图。

图3是本申请第二实施例提供的一种展示智能终端应用启动页的装置的示意图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本发明。但是本发明能够以很多不同于在此描述的其它方式来实施,本领域技术人员可以在不违背本发明内涵的情况下做类似推广,因此本发明不受下面公开的具体实施的限制。

本申请第一实施例提供了一种展示智能终端应用启动页的方法。请参考图1,其示出了根据本申请的实施例提供的一种展示智能终端应用启动页的方法的流程图。以下结合图1进行详细说明。

步骤S101,接收对智能终端上APP应用的启动操作并加载首页。

本步骤是展示智能终端应用启动页的基础,只有在智能终端上APP应用程序启动后,才能展示智能终端应用启动页。

所述智能终端,指能够安装APP应用并能访问网络的移动终端设备,例如智能手机、智能手表、智能平板电脑等。

所述智能终端上APP(App是英文Application的简称)应用,指安装在智能终端上的应用程序,多指安装在智能终端上的第三方应用程序。其启动时可能需要几秒甚至更长的时间。例如“淘宝”、“天猫”、“钉钉”等。

所述接收对智能终端上APP应用的启动操作,指在用户点按相应的APP应用显示在屏幕上的图标,智能终端在接收到点按动作后,执行智能终端上相应的APP应用的启动程序。

例如,用户点按手机屏幕上显示的“淘宝”图标,则启动了手机的“淘宝”客户端应用程序,“淘宝”客户端应用程序处于了启动状态。

所述首页,是指APP应用启动完成后,智能终端的界面上显示的内容。

所述加载首页,是指使用浏览器将APP应用的首页显示到界面上的过程,加载首页一般需要几秒甚至更长的时间。

步骤S102,读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址。

本步骤是将作为启动页的HTML网页显示到界面上的前序步骤。

HTML(Hyper Text MarkUp Language),即超文本标记语言,是WWW的描述语言。HTML语言是由HTML标记组成的描述性文本,HTML标记可以说明文字、图形、动画、声音、表格、链接等。通过使用HTML,可以制作出精美的页面。HTML语言是浏览器执行的,用于告诉浏览器要显示什么和如何显示,通俗的讲就是告诉浏览器以什么样的板式样式来显示超文本内容,网页就是HTML结合一些其他的语言制作的。

所述HTML网页,是使用HTML语言制作的网页,通过HTML制作的网页,可以包含丰富的样式和动画效果,与静态图片相比,极大地提升了用户的体验。

所述启动页,是在智能终端应用启动过程中首页加载完成前,显示到智能终端界面上的页面。设置启动页的目的是在智能终端(例如手机)应用启动过程中需要花一些时间进行初始化,有时初始化的时间相对较长。如果在初始化中展示给用户一个空白的页面或仅将静态图片作为启动页,会极大降低用户的体验;如果将HTML网页作为启动页,通过浏览器显示在界面上,这将极大提高用户的体验。

因为HTML网页可以被设计为丰富的样式,并且可以设计为含有动画的网页,所以与将静态图片作为启动页的方式相比,将HTML网页作为启动页,极大地增强了启动页的表现力,而且不会给智能终端APP应用带来较大的性能影响。例如,将作为启动页的HTML网页设计为一段企业活动的宣传广告。

所述作为启动页的HTML网页,指将在网络上存储的某个HTML网页作为APP应用启动时的启动页。由于HTML网页的内容修改非常容易,因此,HTML网页作为启动页需要更新时,只需要在服务端改变HTML网页的内容即可,无需强制用户升级客户端版本。

所述网页地址,指统一资源定位符(URL,英语Uniform/Universal Resource Locator的缩写)是因特网上标准的资源的地址(Address)。统一资源定位符(URL)是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。Internet上的每一个网页都具有一个唯一的名称标识,通常称之为URL地址,这种地址可以是本地磁盘,也可以是局域网上的某一台计算机,更多的是Internet上的站点。简单地说,URL就是Web地址,俗称“网址”。

所述APP应用的应用配置,指APP应用所对应的配置文件,例如android系统下,应用配置指APP应用所对应的配置文件manifest(android.Manifest.xml)。

所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址,是作为启动页的HTML网页对应的URL(统一资源定位符)地址。作为启动页的HTML网页,可以是具有多个样式的网页,增强显示效果;也可以是具有动画效果的网页;还可以设为交互性界面,和用户产生互动,增强用户的体验。

所述读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址,指从应用配置中读取预先存储在应用配置中的作为启动页的HTML网页所对应的网页地址。在APP应用开发时,将作为启动页的网页地址存储为应用配置中指定的HTML网页地址,以供APP应用启动时显示启动页时使用。

在APP启动的过程中,除了只使用浏览器方式(将HTML网页作为启动页的方式)来显示启动页以外,还可以将使用浏览器方式显示启动页与其他的启动方式结合起来使用,其他的启动方式可包括使用图片作为启动页的方式和不使用任何启动页的方式。使用浏览器方式可以和上述两种方式中的任何一种结合使用,也可以同时结合两种方式使用。

本实施例中,使用浏览器方式和上述两种方式同时结合使用,其具体实现为:在读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址的步骤之前,包括:读取启动页展示方式的相关配置,判断是否使用浏览器方式来显示启动页;若是,则进入所述读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址的步骤;若判断结果为否,则继续判断是否使用图片启动页,若是,则加载所述APP应用的应用配置中指定的图片到界面;若所述判断是否使用图片启动页的结果为否,则直接加载所述APP应用的首页。

步骤S103,将所述作为启动页的HTML网页,通过浏览器显示到界面上。

本步骤将作为启动页的HTML网页显示到界面上,实现了在APP应用启动的过程中增强了用户的体验。

所述浏览器,是指可以显示网页服务器或者HTML网页内容,并让用户与这些文件交互的一种软件。其用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。所述浏览器可以是WebView(网络视图),也可以是智能终端上安装的其他能加载显示HTML网页的浏览器。

WebView(网络视图),能加载显示HTML网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页。如果智能终端(例如手机)使用的是Android系统,可以通过调用WebView的loadUrl()方法加载HTML网页,其参数可以是网络上的某个网址,也可以是本地的某个文件。例如,一个HTML网页URL地址为“https://www.taobao.com/”,则可以通过调用WebView的loadUrl()方法加载HTML网页,其参数为“https://www.taobao.com/”。

所述将所述作为启动页的HTML网页,通过浏览器显示到智能终端的界面上,指浏览器根据作为启动页的HTML网页的网页地址,将作为启动页的HTML网页显示到智能终端的界面上。

为了提高用户的体验,可以将作为启动页的HTML网页设计为包含动画的网页。HTML网页中的动画可以通过HTML5制作,也可以通过其他的能够制作动画的工具制作,并将其插入到HTML网页中。

为了提高用户的体验,还可以将作为启动页的HTML网页设置为包括交互性界面的HTML网页。通过在APP应用的启动页,实现用户与智能终端的交互,极大地增强了APP应用的用户体验。

要实现交互性界面的HTML网页,可以通过在启动页上显示的按钮实现。具体的,在作为启动页的HTML网页上设置一按钮,如果用户点按按钮,则链接另一HTML网页上,并将另一HTML网页上的内容显示到界面上,实现了APP应用启动过程中用户与智能终端的交互。

使用交互性界面作为启动页的HTML网页,通过浏览器显示到界面上的过程包括以下步骤:

在启动页上显示具有预定主题的按钮;

接收对所述具有预定主题的按钮的选择确定;

根据接收的对所述具有预定主题的按钮的选择确定,在界面上对预先设置的图标进行动画展示。

请参见图2,其为本申请的第一实施例提供的使用交互性界面作为启动页的HTML网页,通过浏览器显示到界面上的流程图,具体包括步骤S103-1至S103-3。

步骤S103-1,在启动页上显示具有预定主题的按钮。

所述预定主题,是指为了对启动页进行更充分的利用,在启动页上设置品牌展示、节假日营销或广告展示等,基于这些活动所设置的主题为预定主题。所述预设主题可以为一个,也可以根据需求设置多个。

所述在启动页上显示具有预定主题的按钮,指通过浏览器将在作为启动页的HTML网页上设置的与预设主题相关的按钮显示到界面上。此按钮可以作为启动页与用户进行交互的媒介。如果有多个预设主题,则对每个预设主题都设置一个与其对应的按钮并在启动页上显示出来。在有多个预设主题时,用户可以选择自己感兴趣的预设主题,成功地将用户引导至其感兴趣的与预设主题相关的活动。

当需要对某一预设主题进行突出时,为了引起用户的注意,可以根据需要在作为启动页的HTML网页上设置一个与预设主题相关的按钮,与用户进行交互。例如,如果“手机淘宝”想围绕“外卖”业务做营销活动,就可以在作为启动页的HTML网页上设置一个“开启饿货节”的按钮,其中“开启饿货节”的按钮就是预设主题的按钮;在通过浏览器显示作为启动页的HTML网页时,就会将“开启饿货节”的按钮显示到界面上。如果“手机淘宝”想围绕“阿里旅行”业务做营销活动,就可以在作为启动页的HTML网页上同时设置一个“开启旅游节”的按钮,其中“开启旅游节”的按钮也是预设主题的按钮;在通过浏览器显示作为启动页的HTML网页时,就会将“开启旅游节”的按钮也显示到界面上。

步骤S103-2,接收对所述具有预定主题的按钮的选择确定。

所述具有预定主题的按钮的选择确定,指智能终端上的APP应用接收用户对启动页上显示的具有预设主题的按钮的选择确定,具体为APP应用接收用户对感兴趣的具有预设主题的按钮的选择确定。一般情况下,用户会通过点按自己感兴趣的具有预设主题的按钮进行选择确定。如果启动页上显示了两个以上具有预设主题的按钮,则用户会选择自己感兴趣的具有预设主题的按钮进行点按。例如,APP应用接收用户对“开启饿货节”的按钮的点按动作,就是接收对所述具有“开启饿货节”的按钮的选择确定。

步骤S103-3,根据接收的对所述具有预定主题的按钮的选择确定,在界面上对预先设置的图标进行动画展示。

在APP应用接收到用户对所述感兴趣的具有预设主题的按钮的选择确定后,在界面上对预先设置的图标进行动画展示。其中,预先设置的图标是与用户感兴趣的预设主题相关的并且在APP应用首页上显示的图标。例如,在“开启饿货节”活动中的“外卖”图标,即为预先设置的图标;如果预设主题为“开启旅游节”,并且要通过“阿里旅行”进行旅游活动的促销,则预先设置的图标就为“阿里旅行”图标。所述对预先设置的图标进行动画展示,可以通过作为启动页的HTML网页链接到另一HTML网页,在另一HTML网页上进行预先设置的图标的动画的展示。

通过将预先设置的图标进行动画展示,能够提升用户对预设主题相关活动的兴趣,与单一的静态图片展示方式相比,极大的提升了用户的体验。

使用交互性界面作为启动页,引导用户选择参与自己感兴趣的活动,用户在加载首页的过程中,不仅通过启动页与智能终端进行了交互,而且看到了生动的动画展示,极大的提升了用户的体验。

在加载首页完成后,将所述预先设置的图标停留在与该图标相关的位置上。

所述与该图标相关的位置,指首页上显示的与预先设置的图标相同的图标的显示位置。

将所述预先设置的图标停留在与该图标相关的位置上,目的是实现启动页与首页之间的平滑过渡,用户不会有图片跳跃的感觉。例如,如果预先设置的图标为“外卖”图标,则在加载首页完成后,将“外卖”图标停留在首页上显示“外卖”图标的位置上。

优选的,在将所述作为启动页的HTML网页,通过浏览器显示到界面上的步骤之后,在加载首页完成后,将启动页设置成透明效果。

具体的,由于APP应用启动页与首页本质上是两个分离和独立的页面,为了更好地将这两个页面融合在一起,在首页加载完成后,可以将启动页设置成透明的,可以通过js脚本控制CSS,将html的透明度设置为100%来实现。通过在首页加载完成后将启动页设置成透明的,可以达到将启动页自然过渡到首页的效果。

下面以一具体例子说明启动页实现交互的过程。

例如,如果“手机淘宝”想围绕“口碑外卖”业务做营销活动,就可以在作为启动页的HTML网页上设置一个“开启饿货节”的按钮,用户在打开淘宝APP应用时,启动页会显示有一个“开启饿货节”的按钮,用户点击此“开启饿货节”的按钮后,浏览器就会调用作为启动页的HTML网页上链接的另一HTML网页,此时另一HTML网页作为启动页,另一HTML网页设置了“外卖”图标的动画效果,浏览器加载含有动画效果的另一网页后,界面上出现“外卖”图标(一辆送货摩托车)驶入的动画,等首页加载好,通过将另一HTML网页的透明度设为100%,启动页变成透明的,此时界面上只能看到最后启动页的“外卖”图标停止在首页“外卖”图标上,用户看到的只有加载完成的首页。由于上述启动页不仅支持出彩的动画效果,同时又加入了用户交互的设计元素,因此提升了用户的体验。

至此,对本实施例提供的展示智能终端应用启动页的方法的实施方式进行了详细说明。本申请通过使用浏览器将作为启动页的HTML网页显示到界面上,与以前的将静态图片作为启动页的方式相比,提供了丰富的样式和动画效果,可以很好地对动画效果进行支持,丰富了表现力,提高了用户体验;此外,通过使用浏览器方式来展示启动页,与使用gif等格式的动态图片作为启动页的方式相比,不会随着动画时间的增加,占用更大的内存,从而不会给智能终端应用带来较大的性能影响;再有,使用HTML网页能够很方便实现交互性的界面,在启动页就能与用户进行互动,只需要改变HTML网页的内容,就可轻松实现不同的交互设计,易于动态部署,不需要强制用户升级客户端版本。

与上述展示智能终端应用启动页的方法相对应的,本申请还提供了一种展示智能终端应用启动页的装置。由于所述装置的实施例基本相似于方法的实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。所述展示智能终端应用启动页的装置实施例如下:

请参考图3,其示出了根据本申请的第二实施例提供的一种展示智能终端应用启动页的装置的示意图。

所述展示智能终端应用启动页的装置,包括:接收单元301、读取单元302、显示单元303。

接收单元301,用于接收对智能终端上APP应用的启动操作并加载首页;

读取单元302,用于读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址;

显示单元303,用于将所述作为启动页的HTML网页,通过浏览器显示到界面上。

可选的,在读取单元工作之前,包括:

判断单元,用于读取启动页展示方式的相关配置,判断是否使用浏览器方式来显示启动页;若是,则进入所述读取所述APP应用的应用配置中存储的作为启动页的HTML网页所对应的网页地址的步骤。

所述读取启动页展示方式的相关配置,判断是否使用浏览器方式来显示启动页的步骤中,若判断结果为否,则继续判断是否使用图片启动页,若是,则加载所述APP应用的应用配置中指定的图片到界面。

可选的,若所述判断是否使用图片启动页的结果为否,则直接加载所述APP应用的首页。

可选的,所述作为启动页的HTML网页含有动画。

可选的,所述作为启动页的HTML网页包括交互性界面。

可选的,所述交互性界面的交互性通过在启动页上显示的按钮实现。

可选的,所述显示单元,包括:

显示按钮子单元,用于在启动页上显示具有预定主题的按钮;

接收子单元,用于接收对所述具有预定主题的按钮的选择确定;

展示子单元,用于根据接收的对所述具有预定主题的按钮的选择确定,在界面上对预先设置的图标进行动画展示。

可选的,所述装置,包括:

在加载首页完成后,将所述预先设置的图标停留在与该图标相关的位置上。

可选的,所述装置,包括:

所述动画通过HTML5制作。

可选的,所述装置包括:

设置效果单元,用于在加载首页完成后,将启动页设置成透明效果。

可选的,显示单元中,包括:

显示子单元,用于将所述作为启动页的HTML网页,通过WebView浏览器显示到界面上。

本发明虽然以较佳实施例公开如上,但其并不是用来限定本发明,任何本领域技术人员在不脱离本发明的精神和范围内,都可以做出可能的变动和修改,因此本发明的保护范围应当以本发明权利要求所界定的范围为准。

在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。

2、本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

再多了解一些
当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1