一种弹框展示方法、终端装置及存储介质制造方法及图纸

技术编号:19821072 阅读:20 留言:0更新日期:2018-12-19 14:27
本发明专利技术公开了一种弹框展示方法、终端装置及存储介质,用于在终端界面展示弹框。本发明专利技术提供的方法包括:获取预设的弹框页面;创建一个网络视图控件,将所述网络视图控件添加到预弹出界面;所述网络视图控件加载所述弹框页面,并在所述预弹出界面展示所述网络视图控件。通过本发明专利技术使得弹框样式的改变更为方便,简化样式变化操作,同时避免多次编写弹框控件,带来代码冗余的问题。

【技术实现步骤摘要】
一种弹框展示方法、终端装置及存储介质
本专利技术涉及终端应用开发领域,尤其涉及一种弹框展示方法、终端装置及存储介质。
技术介绍
在使用手机或电脑过程中,常常会有弹框跳出,提示我们各种讯息。这种弹框的设计往往会需要各种样式,当使用系统提供的弹框控件或调用弹框的方法时,需要提前设定好弹框样式,且样式难以改变,使用起来非常不便。针对上述弹框控件使用不便的问题,目前,常用到的方法是通过原生代码开发弹窗控件,然后把用户数据及要展示的样式填入到控件中,这种方式需要提前设置好数据及图片位置,并且需要提前加载显示数据,一旦要求改变控件中样式的布局,就需要变更原生代码,这样改变弹框样式操作就会变得非常复杂。
技术实现思路
本专利技术实施例提供了一种弹框展示方法、终端装置及存储介质,能够在控件上加载弹框页面,解决了现有通过代码编写弹框显示内容,导致改变样式不便的问题。本专利技术实施例的第一方面,提供了一种弹框展示方法,包括:获取预设的弹框页面;创建一个网络视图控件,将所述网络视图控件添加到预弹出界面;所述网络视图控件加载所述弹框页面,并在所述预弹出界面展示所述网络视图控件。本专利技术实施例的第二方面,提供了一种弹框展示的终端装置,包括:获取模块:用于获取预设的弹框页面;添加模块:用于创建一个网络视图控件,将所述网络视图控件添加到预弹出界面;展示模块:用于所述网络视图控件加载所述弹框页面,并在所述预弹出界面展示所述网络视图控件。本专利技术实施例的第三方面,提供了一种终端装置,包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如本专利技术实施例第一方面所述方法的步骤。本专利技术实施例的第四方面,提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现如本专利技术实施例第一方面所述方法的步骤。本专利技术实施例的第五方面,提供了一种计算机程序产品,所述计算机程序产品包括计算机程序,所述计算机程序被一个或多个处理器执行时实现本专利技术实施例第一方面提供的所述方法的步骤。本专利技术实施例中,通过预设弹框页面的显示样式,再通过网络视图控件加载该弹框页面,将所述网络视图控件作为弹框添加到要弹出的界面上,使得在改变弹框样式时,直接改变弹框页面的布局及样式就可以,不需要变更原开发的代码,从而大大方便弹框样式的变化,简化操作,同时避免多次编写弹框控件,带来代码冗余的问题。附图说明为了更清楚地说明本专利技术实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的弹框展示方法的一个实施例流程图;图2为本专利技术实施例提供的弹框展示方法的另一实施例流程图;图3为本专利技术实施例提供的弹框展示的终端装置的结构示意图;图4为本专利技术实施例提供的终端装置的结构示意图。具体实施方式本专利技术实施例提供了一种弹框展示方法、终端装置及存储介质,用于终端界面展示弹框,能便捷变换弹框样式。为使得本专利技术的专利技术目的、特征、优点能够更加的明显和易懂,下面将结合本专利技术实施例中的附图,对本专利技术实施例中的技术方案进行清楚、完整地描述,显然,下面所描述的实施例仅仅是本专利技术一部分实施例,而非全部的实施例。基于本专利技术中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本专利技术保护的范围。实施例一:参阅图1,本专利技术实施例提供的弹框展示方法的实现流程图,包括以下步骤:S101、获取预设的弹框页面;所述弹框页面为常见的网页界面弹框,或应用程序界面弹框,即以计算机窗口为载体,通过窗体控件进行消息推送。弹窗页面展示前需要提前设定弹框展示内容的样式,这些样式一般可包括字体,颜色,图片及布局等,还可以包括流媒体、flash动画等,在此不做限定。当弹窗的内容包含实时数据时,需要从服务器接收实时的数据。在本专利技术实施例中,所述弹框页面可以直接由服务器端设定好,终端再从服务器端接收显示,该弹框页面中可包含有需要显示的实时数据。可选的,所述预显示的弹框页面为HTML页面或HTML页面链接。当弹框页面为前端语言编写的页面时,可实现弹框样式的多样化,且界面布局不受传统控件限制。所述HTML页面链接即网页链接,可以为绝对URL的超链接或相对URL的超链接。所述HTML页面为HTML语言编写,页面多样化,具有较好的拓展性和通用性,而且HTML页面可通过CSS(层叠样式表)改变页面元素,方便弹框样式变更。可选的,当所述预显示的弹框页面为HTML页面时,将所述HTML页面下载到本地磁盘,其中,所述HTML页面包括HTML资源文件、JavaScript资源文件和CSS资源文件。可选的,当所述预显示的弹框页面为HTML页面链接时,获取所述HTML页面的链接地址。所述链接地址一般为网页地址,例如百度网址(www.baidu.com)。S102、创建一个网络视图控件,将所述网络视图控件添加到预弹出界面;所述网络视图控件即webview控件,还可以包括其他能够加载网页的浏览控件。通过所述网络视图控件,可以加载网页内容,并使用HTML中的布局,以及实现实现与JavaScript的交互调用。所述预弹出界面为弹框所在的父视图或主窗口,即需要显示弹框的界面。将所述网络视图控件添加到弹出界面,就完成弹框的设置。可选的,将所述网络视图控件背景色设为透明。所述网络视图控件包含有很多属性,设定其中控件的背景色可以防止控件的界面显示会干扰弹框页面。对于不同弹框页面可以进行不同的加载方式,使得可以根据需要灵活获取HTML页面。S103、所述网络视图控件加载所述弹框页面,并在所述预弹出界面展示所述网络视图控件。所述网络视图控件可以通过该控件中的方法获取到弹框页面的页面元素及布局,将弹框页面的页面设置数据及资源加载到网络视图控件中,该控件就可以将弹框内容展示出来。可选的,所述在所述预弹出界面展示所述网络视图控件还包括:预设所述网络视图控件展示的触发条件,当监测到所述触发条件,展示所述网络视图控件。一般弹框会在用户进行某一特定操作时,才会打开,即终端监测到用户的动作,才会显示弹框,例如当用户打开一个新页面时,弹出弹框。所述触发条件指的是用户操作行为,可以包括但不限于点击、悬停、滑动或打开新页面等。可选的,所述还包括:设定JavaScript与原生代码的交互调用。在所述弹框页面中一般包含有JavaScript方法,JavaScript方法可以调用原生代码中方法执行特定操作,例如关闭网络视图控件、跳转原生页面等,而原生代码也可通过预先定义的方法,执行预设操作,例如获取弹框页面数据,进行界面跳转等。JavaScript与原生代码的交互调用不仅可以进行数据交互,一定程度实现相互控制,而且增强了交互性。上述步骤,通过网络视图控件加载弹框页面,进而实现弹框展示,可以方便对弹框页面的更改,灵活显示数据内容。实施例二:在图1的基础上,结合图2详述当预显示的弹框页面分别为HTML页面或HTML页面链接时,弹框展示过程,如下:在步骤S101中,所述预设的弹框页面一般为前端开发的网页,即HTML页面本文档来自技高网...

【技术保护点】
1.一种弹框展示方法,其特征在于,包括:获取预设的弹框页面;创建一个网络视图控件,将所述网络视图控件添加到预弹出界面;所述网络视图控件加载所述弹框页面,并在所述预弹出界面展示所述网络视图控件。

【技术特征摘要】
1.一种弹框展示方法,其特征在于,包括:获取预设的弹框页面;创建一个网络视图控件,将所述网络视图控件添加到预弹出界面;所述网络视图控件加载所述弹框页面,并在所述预弹出界面展示所述网络视图控件。2.根据权利要求1所述的方法,其特征在于,所述预显示的弹框页面为HTML页面或HTML页面链接。3.根据权利要求2所述的方法,其特征在于,所述预显示的弹框页面为HTML页面或HTML页面链接包括:当所述预显示的弹框页面为HTML页面时,将所述HTML页面下载到本地磁盘,其中,所述HTML页面包括HTML资源文件、JavaScript资源文件和CSS资源文件。4.根据权利要求2所述的方法,其特征在于,所述预显示的弹框页面为HTML页面或HTML页面链接包括还包括:当所述预显示的弹框页面为HTML页面链接时,获取所述HTML页面的链接地址。5.根据权利要求1所述的方法,其特征在于,所述将所述网络视图控件添加到预弹出界面还包括:将所述网络视图控件背景色设为透明。6.根据权利要求...

【专利技术属性】
技术研发人员:胡鹏张文明陈少杰
申请(专利权)人:武汉斗鱼网络科技有限公司
类型:发明
国别省市:湖北,42

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1