CN109800041A - 小程序背景模糊实现方法、装置、电子设备及存储介质 - Google Patents

小程序背景模糊实现方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN109800041A
CN109800041A CN201811582350.8A CN201811582350A CN109800041A CN 109800041 A CN109800041 A CN 109800041A CN 201811582350 A CN201811582350 A CN 201811582350A CN 109800041 A CN109800041 A CN 109800041A
Authority
CN
China
Prior art keywords
pop
basic page
small routine
page
activated
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
Application number
CN201811582350.8A
Other languages
English (en)
Other versions
CN109800041B (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.)
Tianjin ByteDance Technology Co Ltd
Original Assignee
Tianjin ByteDance Technology 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 Tianjin ByteDance Technology Co Ltd filed Critical Tianjin ByteDance Technology Co Ltd
Priority to CN201811582350.8A priority Critical patent/CN109800041B/zh
Publication of CN109800041A publication Critical patent/CN109800041A/zh
Application granted granted Critical
Publication of CN109800041B publication Critical patent/CN109800041B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本公开提供一种小程序背景模糊实现方法、装置、电子设备及计算机可读存储介质,其中,所述方法包括:接收触控指令,激活所述小程序;获取所述小程序的用户界面,所述用户界面包括基础页面及至少一个弹窗,所述弹窗位于所述基础页面表层;对所述基础页面进行高斯模糊处理,对所述弹窗进行渲染处理;显示处理后的小程序用户界面。本公开实施例通过对小程序基础页面以及弹窗的技术指标的改进,使得小程序在打开和关闭的时候能够具有更加绚丽的用户体验,特别是在打开或关闭时,弹窗能够以动画的渐变的形式呈现出来,增加了视觉效果。

Description

小程序背景模糊实现方法、装置、电子设备及存储介质
技术领域
本公开涉及计算机技术领域,具体为一种小程序背景模糊实现方法、装置、电子设备及计算机可读存储介质。
背景技术
随着移动互联网的发展,小程序应用的规模越来越大,一些小程序不仅需要满足客户的基本应用需求,还需要有更加绚丽的用户界面,以吸引用户的眼球,而小程序官方的弹窗并没有诸如背景模糊、渐变等比较绚丽的功效,不能给用户以更好的体验。
因此,对于传统的小程序应用进行技术改进,使其具有更加友好的用户界面从而提高小程序的使用视觉体验,就成为一个特别急迫的技术问题。
发明内容
本公开的目的在于提供一种程序背景模糊实现方法、装置、电子设备及计算机可读存储介质,能够实现小程序的背景虚化的技术效果。
根据本公开的实施方式,第一方面,本公开提供一种小程序背景模糊实现方法,包括:
接收触控指令,激活所述小程序;
获取所述小程序的用户界面,所述用户界面包括基础页面及至少一个弹窗,所述弹窗位于所述基础页面表层;
对所述基础页面进行高斯模糊处理,对所述弹窗进行渲染处理;
显示处理后的所述小程序的用户界面。
可选的,所述对所述基础页面进行高斯模糊处理,包括:
调整所述基础页面的滤镜属性值,所述基础页面具有高斯模糊特性。
可选的,在对所述基础页面进行高斯模糊处理之前,还包括:
调整所述基础页面的过渡属性值,所述基础页面被激活后具有过渡显示特性;和/或,
调整所述基础页面的轴线位置属性值,所述基础页面被激活后位于预设位置。
可选的,所述对所述弹窗进行渲染处理,包括:
调整所述弹窗的变化属性值,当所述弹窗被激活后,所述弹窗的面积从小到大显示于所述基础页面表层,或,当所述弹窗被关闭后,所述弹窗的面积从大到小消失于所述基础页面表层。
可选的,在对所述对所述弹窗进行渲染处理之前,还包括:
调整所述弹窗的过渡属性值,所述弹窗被激活后具有过渡显示特性;和/或,
调整所述弹窗的位置属性值,所述弹窗被激活后位于预设位置。
弹窗的变化属性值
根据本公开的实施方式,第二方面,本公开提供一种小程序背景模糊实现装置,包括:
激活单元,用于接收触控指令,激活所述小程序;
弹出单元,用于获取所述小程序的用户界面,所述用户界面包括基础页面及至少一个弹窗,所述弹窗位于所述基础页面表层;
处理单元,用于对所述基础页面进行高斯模糊处理,对所述弹窗进行渲染处理;
显示单元,用于显示处理后的所述小程序的用户界面。
可选的,所述处理单元还包括:
调整所述基础页面的滤镜属性值,所述基础页面具有高斯模糊特性;和/或,
调整所述基础页面的过渡属性值,所述基础页面被激活后具有过渡显示特性;和/或,
调整所述基础页面的轴线位置属性值,所述基础页面被激活后位于调整位置。
可选的,所述处理单元还包括:
调整所述弹窗的变化属性值,所述弹窗被激活后,从小到大显示于所述基础页面表层,或,所述弹窗被关闭后从大到小消失于所述基础页面表层;和/或
调整所述弹窗的过渡属性值,所述弹窗被激活后具有过渡显示特性;和/或,
调整所述弹窗的位置属性值,所述弹窗被激活后位于预设位置。
第三方面,本公开提供一种电子设备,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现第一方面任一所述的方法步骤。
第四方面,本公开提供一种计算机可读存储介质,其特征在于,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现第一方面任一所述的方法步骤。
与现有技术相比,本公开实施例的有益效果是:
本公开实施例通过对小程序基础页面以及弹窗的技术指标的改进,使得小程序在打开和关闭的时候能够具有更加绚丽的用户体验,特别是在打开或关闭时,弹窗能够以动画的渐变的形式呈现出来,增加了视觉效果。而且,在小程序打开完毕之后,背景基础页面能够呈现虚化的技术效果,更加增强了用户体验,从而使得小程序不仅在使用功能上满足了用户需求,而且在视觉体验上更加绚丽,提升了小程序的应用价值。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本公开一实施例提供的小程序背景模糊方法流程示意图;
图2为本公开一实施例提供的小程序背景模糊方法执行流程示意图;
图3为本公开一实施例提供的小程序背景模糊装置的结构示意图;
图4为本公开实施例提供的电子设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
在本公开实施例中使用的术语是仅仅出于描述特定实施例的目的,而非旨在限制本公开。在本公开实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式,除非上下文清楚地表示其他含义,“多种”一般包含至少两种,但是不排除包含至少一种的情况。
应当理解,本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。另外,本文中字符“/”,一般表示前后关联对象是一种“或”的关系。
应当理解,尽管在本公开实施例中可能采用术语第一、第二、第三等来描述技术名称,但这些技术名称不应限于这些术语。这些术语仅用来将技术名称区分开。例如,在不脱离本公开实施例范围的情况下,第一校验签名也可以被称为第二校验签名,类似地,第二校验签名也可以被称为第一校验签名。
取决于语境,如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地,取决于语境,短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的商品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种商品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的商品或者系统中还存在另外的相同要素。
另外,下述各方法实施例中的步骤时序仅为一种举例,而非严格限定。
请参阅图1,根据本公开的实施方式,本公开提供一种小程序背景模糊实现方法,具体包括如下步骤:
步骤S102:接受触控指令,所述小程序被激活;
该激活可以为任何一种常规的激活方式,包括但不限于鼠标单击、双击,手指的触控单击、双击等,对触控指令的方式不做具体的限制。在小程序中,设置modalOpen标志位,默认赋值为false,用来代表弹窗的打开和关闭状态。
步骤S104:弹出所述小程序基础页面及至少一个弹窗,所述弹窗位于所述基础页面表层;
所述小程序被激活后,会弹出具体的应用程序,该程序在内部结构上分为基础页面层和呈现于该基础页面层上的弹窗。基础页面层通常为背景层,而弹窗通常为应用层。将基础页面的模板代码和弹窗的模板代码,存放到同一view标签下进行编辑。
步骤S106:对所述基础页面进行高斯模糊处理,对所述弹窗进行渲染处理;
对所述基础页面进行高斯模糊处理,具体可选的,可以包括如下步骤:
步骤S1061:预设所述基础页面的滤镜属性值,使所述基础页面具有高斯模糊特性。
和/或,步骤S1062:预设所述基础页面的过渡属性值,使所述基础页面被激活后具有过渡显示特性;
和/或,步骤S1063:预设所述基础页面的轴线位置属性值,使所述基础页面被激活后位于预设位置。
具体的,对存放页面模板代码的view标签,预设其样式的transition属性为all0.5s,意为该视图发生显示的变化时,都会产生0.5秒的过渡效果,z-index属性为0,这样指视图的Z轴顺序,能保证视图的顺序。同时,如果modalOpen为false,则预设其样式filter为blur(0px),意为给该视图加上0像素的高斯模糊效果,如果modalOpen为true,则预设其样式filter为blur(5px),意为给该视图加上5像素的高斯模糊效果,这样基础页面就会呈现虚化效果。
可选的,所述对所述弹窗进行渲染处理,包括:
步骤S1064:预设所述弹窗的变化属性值,使得所述弹窗被激活后,从小到大显示于所述基础页面表层,或,所述弹窗被关闭后从大到小消失于所述基础页面表层。
和/或,步骤S1065:预设所述弹窗的过渡属性值,使所述弹窗被激活后具有过渡显示特性;
和/或,步骤S1066:预设所述弹窗的位置属性值,使所述弹窗被激活后位于预设位置。对所述弹窗进行渲染处理;
具体的,对存放弹窗模板代码的view标签,预设其样式的transition属性为all0.5s,意为该视图发生显示的变化时,都会产生0.5秒的过渡效果;z-index属性为200,这样弹窗就会显示在页面的上层,能被看见;display属性为flex,这样弹窗会按照flex标准布局,即弹性布局;预设just-content属性为center,这样弹窗会水平居中;预设align-item为center,这样弹窗会垂直居中。同时,如果modalOpen为false,则预设其样式filter为scale(0),意为该视图缩放到没有,如果modalOpen为true,则预设其样式filter为scale(1),意为给该视图缩放到原尺寸,这样弹窗会从小到大的显示出来。
步骤S108:显示处理后的小程序用户界面。
打开小程序,预设modalOpen标志位为true,则小程序会根据数据重新渲染,此时基础页面,即背景,会在0.5秒内逐渐模糊,然后弹窗会在0.5秒内从屏幕中间从小到大的展示出来。
关闭小程序,预设modalOpen标志位为false,则小程序会根据数据重新渲染,此时页面,即背景,会在0.5秒内逐渐清晰,然后弹窗会在0.5秒内从屏幕中间从大到小的消失。
对于小程序的执行过程可以参见图2所示,小程序被激活后,初始化基础页面和弹窗的结构样式,进行参数预设,弹窗模板及基础页面根据预设参数进行渲染虚化,最后小程序被打开或关闭。
本公开实施例通过对小程序基础页面以及弹窗的技术指标的改进,使得小程序在打开和关闭的时候能够具有更加绚丽的用户体验,特别是在打开或关闭时,弹窗能够以动画的渐变的形式呈现出来,增加了视觉效果。而且,在小程序打开完毕之后,背景基础页面能够呈现虚化的技术效果,更加增强了用户体验,从而使得小程序不仅在使用功能上满足了用户需求,而且在视觉体验上更加绚丽,提升了小程序的应用价值。
请参阅图3,根据本公开的另一实施方式,本公开提供一种小程序背景模糊实现装置,具体包括:激活单元302、弹出单元304、处理单元306以及显示单元8:
激活单元302:用于接受触控指令,所述小程序被激活;
该激活可以为任何一种常规的激活方式,包括但不限于鼠标单击、双击,手指的触控单击、双击等,对触控指令的方式不做具体的限制。在小程序中,设置modalOpen标志位,默认赋值为false,用来代表弹窗的打开和关闭状态。
弹出单元304:用于弹出所述小程序基础页面及至少一个弹窗,所述弹窗位于所述基础页面表层;
所述小程序被激活后,会弹出具体的应用程序,该程序在内部结构上分为基础页面层和呈现于该基础页面层上的弹窗。基础页面层通常为背景层,而弹窗通常为应用层。将基础页面的模板代码和弹窗的模板代码,存放到同一view标签下进行编辑。
处理单元306:用于对所述基础页面进行高斯模糊处理,对所述弹窗进行渲染处理;
对所述基础页面进行高斯模糊处理,具体可选的用于:
预设所述基础页面的滤镜属性值,使所述基础页面具有高斯模糊特性。
和/或,预设所述基础页面的过渡属性值,使所述基础页面被激活后具有过渡显示特性;
和/或,预设所述基础页面的轴线位置属性值,使所述基础页面被激活后位于预设位置。
具体的,对存放页面模板代码的view标签,预设其样式的transition属性为all0.5s,意为该视图发生显示的变化时,都会产生0.5秒的过渡效果,z-index属性为0,这样指视图的Z轴顺序,能保证视图的顺序。同时,如果modalOpen为false,则预设其样式filter为blur(0px),意为给该视图加上0像素的高斯模糊效果,如果modalOpen为true,则预设其样式filter为blur(5px),意为给该视图加上5像素的高斯模糊效果,这样基础页面就会呈现虚化效果。
可选的,所述对所述弹窗进行渲染处理,包括用于:
预设所述弹窗的变化属性值,使得所述弹窗被激活后,从小到大显示于所述基础页面表层,或,所述弹窗被关闭后从大到小消失于所述基础页面表层。
和/或,预设所述弹窗的过渡属性值,使所述弹窗被激活后具有过渡显示特性;
和/或,预设所述弹窗的位置属性值,使所述弹窗被激活后位于预设位置。对所述弹窗进行渲染处理;
具体的,对存放弹窗模板代码的view标签,预设其样式的transition属性为all0.5s,意为该视图发生显示的变化时,都会产生0.5秒的过渡效果;z-index属性为200,这样弹窗就会显示在页面的上层,能被看见;display属性为flex,这样弹窗会按照flex标准布局,即弹性布局;预设just-content属性为center,这样弹窗会水平居中;预设align-item为center,这样弹窗会垂直居中。同时,如果modalOpen为false,则预设其样式filter为scale(0),意为该视图缩放到没有,如果modalOpen为true,则预设其样式filter为scale(1),意为给该视图缩放到原尺寸,这样弹窗会从小到大的显示出来。
显示单元308:用于显示处理后的小程序用户界面。
打开小程序,预设modalOpen标志位为true,则小程序会根据数据重新渲染,此时基础页面,即背景,会在0.5秒内逐渐模糊,然后弹窗会在0.5秒内从屏幕中间从小到大的展示出来。
关闭小程序,预设modalOpen标志位为false,则小程序会根据数据重新渲染,此时页面,即背景,会在0.5秒内逐渐清晰,然后弹窗会在0.5秒内从屏幕中间从大到小的消失。
本公开实施例通过对小程序基础页面以及弹窗的技术指标的改进,使得小程序在打开和关闭的时候能够具有更加绚丽的用户体验,特别是在打开或关闭时,弹窗能够以动画的渐变的形式呈现出来,增加了视觉效果。而且,在小程序打开完毕之后,背景基础页面能够呈现虚化的技术效果,更加增强了用户体验,从而使得小程序不仅在使用功能上满足了用户需求,而且在视觉体验上更加绚丽,提升了小程序的应用价值。
本公开实施例还提供一种电子设备,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现前述任一所述的方法步骤。
本公开实施例还提供一种计算机可读存储介质,其特征在于,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现前述任一所述的方法步骤。
下面参考图4,其示出了适于用来实现本公开实施例的电子设备400的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图4所示,电子设备400可以包括处理装置(例如中央处理器、图形处理器等)401,其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中,还存储有电子设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常,以下装置可以连接至I/O接口405:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407;包括例如磁带、硬盘等的存储装置408;以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备400,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置409从网络上被下载和安装,或者从存储装置408被安装,或者从ROM 402被安装。在该计算机程序被处理装置401执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:获取至少两个网际协议地址;向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求,其中,所述节点评价设备从所述至少两个网际协议地址中,选取网际协议地址并返回;接收所述节点评价设备返回的网际协议地址;其中,所获取的网际协议地址指示内容分发网络中的边缘节点。
或者,上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:接收包括至少两个网际协议地址的节点评价请求;从所述至少两个网际协议地址中,选取网际协议地址;返回选取出的网际协议地址;其中,接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。

Claims (10)

1.一种小程序背景模糊实现方法,其特征在于,包括:
接收触控指令,激活所述小程序;
获取所述小程序的用户界面,所述用户界面包括基础页面及至少一个弹窗,所述弹窗位于所述基础页面表层;
对所述基础页面进行高斯模糊处理,对所述弹窗进行渲染处理;
显示处理后的所述小程序的用户界面。
2.根据权利要求1所述的方法,其特征在于,所述对所述基础页面进行高斯模糊处理,包括:
调整所述基础页面的滤镜属性值,所述基础页面具有高斯模糊特性。
3.根据权利要求2所述的方法,其特征在于,在对所述基础页面进行高斯模糊处理之前,还包括:
调整所述基础页面的过渡属性值,所述基础页面被激活后具有过渡显示特性;和/或,
调整所述基础页面的轴线位置属性值,所述基础页面被激活后位于预设位置。
4.根据权利要求1所述的方法,其特征在于,所述对所述弹窗进行渲染处理,包括:
调整所述弹窗的变化属性值,当所述弹窗被激活后,所述弹窗的面积从小到大显示于所述基础页面表层,或,当所述弹窗被关闭后,所述弹窗的面积从大到小消失于所述基础页面表层。
5.根据权利要求4所述的方法,其特征在于,在对所述对所述弹窗进行渲染处理之前,还包括:
调整所述弹窗的过渡属性值,所述弹窗被激活后具有过渡显示特性;和/或,
调整所述弹窗的位置属性值,所述弹窗被激活后位于预设位置。
6.一种小程序背景模糊实现装置,其特征在于,包括:
激活单元,用于接收触控指令,激活所述小程序;
弹出单元,用于获取所述小程序的用户界面,所述用户界面包括基础页面及至少一个弹窗,所述弹窗位于所述基础页面表层;
处理单元,用于对所述基础页面进行高斯模糊处理,对所述弹窗进行渲染处理;
显示单元,用于显示处理后的所述小程序的用户界面。
7.根据权利要求6所述的装置,其特征在于,所述处理单元还包括:
调整所述基础页面的滤镜属性值,所述基础页面具有高斯模糊特性;和/或,
调整所述基础页面的过渡属性值,所述基础页面被激活后具有过渡显示特性;和/或,
调整所述基础页面的轴线位置属性值,所述基础页面被激活后位于调整位置。
8.根据权利要求6所述的装置,其特征在于,所述处理单元还包括:
调整所述弹窗的滤镜属性值,所述弹窗被激活后,从小到大显示于所述基础页面表层,或,所述弹窗被关闭后从大到小消失于所述基础页面表层;和/或
调整所述弹窗的过渡属性值,所述弹窗被激活后具有过渡显示特性;和/或,
调整所述弹窗的位置属性值,所述弹窗被激活后位于预设位置。
9.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储有能够被所述处理器执行的计算机程序指令,所述处理器执行所述计算机程序指令时,实现权利要求1-5任一所述的方法步骤。
10.一种计算机可读存储介质,其特征在于,存储有计算机程序指令,所述计算机程序指令在被处理器调用和执行时实现权利要求1-5任一所述的方法步骤。
CN201811582350.8A 2018-12-24 2018-12-24 小程序背景模糊实现方法、装置、电子设备及存储介质 Active CN109800041B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811582350.8A CN109800041B (zh) 2018-12-24 2018-12-24 小程序背景模糊实现方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811582350.8A CN109800041B (zh) 2018-12-24 2018-12-24 小程序背景模糊实现方法、装置、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN109800041A true CN109800041A (zh) 2019-05-24
CN109800041B CN109800041B (zh) 2022-10-18

Family

ID=66557507

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811582350.8A Active CN109800041B (zh) 2018-12-24 2018-12-24 小程序背景模糊实现方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN109800041B (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110377197A (zh) * 2019-07-23 2019-10-25 珠海格力电器股份有限公司 电器设备的控制方法及装置、存储介质和处理器
CN110457038A (zh) * 2019-08-14 2019-11-15 百度在线网络技术(北京)有限公司 附属应用端的卡片显示方法、装置、设备以及存储介质
CN110942419A (zh) * 2019-11-22 2020-03-31 航天科技控股集团股份有限公司 一种全液晶仪表毛玻璃模糊处理方法
CN111246280A (zh) * 2020-03-04 2020-06-05 四川长虹电器股份有限公司 智能电视自动获取应用弹窗图像的方法
CN112346796A (zh) * 2020-09-25 2021-02-09 北京淇瑀信息科技有限公司 一种弹窗收纳显示方法、装置和电子设备
CN112527424A (zh) * 2019-09-19 2021-03-19 北京国双科技有限公司 用于弹窗的控制方法及装置

Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100056058A1 (en) * 2008-08-28 2010-03-04 Tinsley Keith R Method and apparatus for mitigating radio frequency interference in a platform
CN102194003A (zh) * 2011-05-26 2011-09-21 重庆猪八戒网络有限公司 一种网页弹窗方法及装置
CN104298433A (zh) * 2014-09-30 2015-01-21 小米科技有限责任公司 屏幕显示方法、装置及移动终端
CN105677189A (zh) * 2016-02-19 2016-06-15 腾讯科技(深圳)有限公司 控制应用的方法和装置
CN106020638A (zh) * 2016-05-06 2016-10-12 乐视控股(北京)有限公司 显示界面切换方法、显示界面切换设备以及移动设备
CN106648715A (zh) * 2015-10-29 2017-05-10 阿里巴巴集团控股有限公司 加载弹窗控件的方法和系统
CN107168616A (zh) * 2017-06-08 2017-09-15 网易(杭州)网络有限公司 游戏交互界面显示方法、装置、电子设备及存储介质
CN107908331A (zh) * 2017-11-17 2018-04-13 广东小天才科技有限公司 一种桌面图标的显示控制方法及电子设备
CN107944325A (zh) * 2017-11-23 2018-04-20 维沃移动通信有限公司 一种扫码方法、扫码装置及移动终端
CN108108084A (zh) * 2016-11-25 2018-06-01 阿里巴巴集团控股有限公司 显示信息详情的方法、装置及电子设备
CN108415753A (zh) * 2018-03-12 2018-08-17 广东欧珀移动通信有限公司 用户界面显示方法、装置及终端
CN108876490A (zh) * 2018-10-08 2018-11-23 安徽机器猫电子商务股份有限公司 一种基于社交关系和广告费分享的精准商业方法

Patent Citations (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100056058A1 (en) * 2008-08-28 2010-03-04 Tinsley Keith R Method and apparatus for mitigating radio frequency interference in a platform
CN102194003A (zh) * 2011-05-26 2011-09-21 重庆猪八戒网络有限公司 一种网页弹窗方法及装置
CN104298433A (zh) * 2014-09-30 2015-01-21 小米科技有限责任公司 屏幕显示方法、装置及移动终端
CN106648715A (zh) * 2015-10-29 2017-05-10 阿里巴巴集团控股有限公司 加载弹窗控件的方法和系统
CN105677189A (zh) * 2016-02-19 2016-06-15 腾讯科技(深圳)有限公司 控制应用的方法和装置
CN106020638A (zh) * 2016-05-06 2016-10-12 乐视控股(北京)有限公司 显示界面切换方法、显示界面切换设备以及移动设备
CN108108084A (zh) * 2016-11-25 2018-06-01 阿里巴巴集团控股有限公司 显示信息详情的方法、装置及电子设备
CN107168616A (zh) * 2017-06-08 2017-09-15 网易(杭州)网络有限公司 游戏交互界面显示方法、装置、电子设备及存储介质
CN107908331A (zh) * 2017-11-17 2018-04-13 广东小天才科技有限公司 一种桌面图标的显示控制方法及电子设备
CN107944325A (zh) * 2017-11-23 2018-04-20 维沃移动通信有限公司 一种扫码方法、扫码装置及移动终端
CN108415753A (zh) * 2018-03-12 2018-08-17 广东欧珀移动通信有限公司 用户界面显示方法、装置及终端
CN108876490A (zh) * 2018-10-08 2018-11-23 安徽机器猫电子商务股份有限公司 一种基于社交关系和广告费分享的精准商业方法

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110377197A (zh) * 2019-07-23 2019-10-25 珠海格力电器股份有限公司 电器设备的控制方法及装置、存储介质和处理器
CN110457038A (zh) * 2019-08-14 2019-11-15 百度在线网络技术(北京)有限公司 附属应用端的卡片显示方法、装置、设备以及存储介质
CN110457038B (zh) * 2019-08-14 2022-11-29 百度在线网络技术(北京)有限公司 附属应用端的卡片显示方法、装置、设备以及存储介质
CN112527424A (zh) * 2019-09-19 2021-03-19 北京国双科技有限公司 用于弹窗的控制方法及装置
CN110942419A (zh) * 2019-11-22 2020-03-31 航天科技控股集团股份有限公司 一种全液晶仪表毛玻璃模糊处理方法
CN110942419B (zh) * 2019-11-22 2023-09-22 航天科技控股集团股份有限公司 一种全液晶仪表毛玻璃模糊处理方法
CN111246280A (zh) * 2020-03-04 2020-06-05 四川长虹电器股份有限公司 智能电视自动获取应用弹窗图像的方法
CN112346796A (zh) * 2020-09-25 2021-02-09 北京淇瑀信息科技有限公司 一种弹窗收纳显示方法、装置和电子设备

Also Published As

Publication number Publication date
CN109800041B (zh) 2022-10-18

Similar Documents

Publication Publication Date Title
CN109800041A (zh) 小程序背景模糊实现方法、装置、电子设备及存储介质
CN107889070B (zh) 图片处理方法、装置、终端及计算机可读存储介质
US10838692B2 (en) Techniques to present a user interface for the visually impaired
US20070083821A1 (en) Creating viewports from selected regions of windows
US20030142139A1 (en) Automatic window representation adjustment
US11403352B2 (en) Multi-touch gesture search
CN109799945A (zh) 小程序长列表滚动显示方法、装置、电子设备及存储介质
CN109889875A (zh) 通信方法、装置、终端设备和计算机可读介质
KR102690215B1 (ko) 대화 스레드를 표시하기 위한 방법 및 시스템
CN110362248A (zh) 小程序侧边菜单栏的控制方法、装置、设备及介质
CN110489041A (zh) 小程序拖动元素自动对齐的方法、装置、设备及介质
CN109491742A (zh) 页面表格渲染方法及装置
US20200293175A1 (en) Three-dimensional interactive user interface
US20240295949A1 (en) Method, apparatus, device and medium for information presentation
CN110381352A (zh) 虚拟礼物的显示方法、装置、电子设备及可读介质
WO2018226989A1 (en) Displaying images associated with apps based on app processing task progress statuses
CN109814778A (zh) 小程序选项卡的实现方法、装置、电子设备及介质
WO2024099201A1 (zh) 用于用户交互的方法、装置、设备和存储介质
US20110126161A1 (en) Positional effects in a three-dimensional desktop environment
EP2916282A1 (en) Advertisement method for electronic device and electronic device thereof
US20150112997A1 (en) Method for content control and electronic device thereof
TW201020968A (en) System, method, and computer program product for preventing display of unwanted content stored in a frame buffer
US10592083B2 (en) Hover activation based on input device pointer movement
CN109815469A (zh) 一种文字编辑方法、装置、介质和电子设备
WO2023066258A1 (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