CN111562894A - 图层显示方法、装置与设备 - Google Patents
图层显示方法、装置与设备 Download PDFInfo
- Publication number
- CN111562894A CN111562894A CN201910115543.0A CN201910115543A CN111562894A CN 111562894 A CN111562894 A CN 111562894A CN 201910115543 A CN201910115543 A CN 201910115543A CN 111562894 A CN111562894 A CN 111562894A
- Authority
- CN
- China
- Prior art keywords
- target
- picture
- layer
- target layer
- texture
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 70
- 230000002452 interceptive effect Effects 0.000 claims abstract description 68
- 238000009877 rendering Methods 0.000 claims abstract description 40
- 238000004590 computer program Methods 0.000 claims description 13
- 230000003993 interaction Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 239000003550 marker Substances 0.000 description 7
- 230000009286 beneficial effect Effects 0.000 description 6
- 230000000694 effects Effects 0.000 description 6
- 230000001960 triggered effect Effects 0.000 description 4
- 230000005540 biological transmission Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供一种图层显示方法、装置与设备,其中,该方法包括:当接收到用户的第一交互操作时,将预设图片渲染到目标图层上,第一交互操作用于触发显示包含目标图片的目标图层;加载目标图片;将目标图层上的预设图片替换为目标图片。本发明提供的技术方案,可以快速显示目标图层,减少整体卡顿的现象,因而可以提高用户的交互体验。
Description
技术领域
本发明涉及图像处理技术领域,尤其涉及一种图层显示方法、装置与设备。
背景技术
电子地图是现实世界的缩影,人们可以通过电子地图进行兴趣点查询、导航和路径规划等,因而,电子地图给人们出行提供了诸多便利,已日趋成为人们日常生活中必不可少的应用软件之一。
电子地图在显示查询结果时,一般是采用图层渲染技术实现。其中,查询结果中一般都包含图片信息,当待显示的图片需要通过网络加载时,目前一般是先向服务器请求加载该图片,当图片下载完成后,将下载的图片渲染到图层上进行显示。
但是,上述这种常用的图层显示方法,需要把图片完全下载下来之后才能加载到图层上进行显示,这样会有整体卡顿的现象,从而会降低用户的交互体验。
发明内容
有鉴于此,本发明提供一种图层显示方法、装置与设备,用于解决目前的图层显示方法中的卡顿问题,以提高用户的交互体验。
为了实现上述目的,第一方面,本发明实施例提供一种图层显示方法,包括:
当接收到用户的第一交互操作时,将预设图片渲染到目标图层上,第一交互操作用于触发显示包含目标图片的目标图层;
加载目标图片;
将目标图层上的预设图片替换为目标图片。
本实施例提供的图层显示方法,通过在需要在接收到用户的用于触发显示包含目标图片的目标图层的第一交互操作时,先将预设图片渲染到目标图层上,在加载完目标图片后再将目标图层上的预设图片替换为目标图片,可以快速显示目标图层,减少整体卡顿的现象,因而可以提高用户的交互体验。
作为本发明实施例一种可选的实施方式,加载目标图片,包括:
异步加载目标图片。
通过异步加载目标图片,可以在目标图层上渲染出预设图片后,使用户可以对目标图层进行交互操作,从而可以进一步减少整体卡顿的现象,进而可以进一步提高用户的交互体验。
作为本发明实施例一种可选的实施方式,在将预设图片渲染到目标图层上之后,将所述目标图层上的预设图片替换为所述目标图片之前,该方法还包括:
当接收到用户作用于目标图层的第二交互操作时,显示与第二交互操作对应的用户界面。
通过在接收到用户作用于目标图层的第二交互操作时,显示与第二交互操作对应的用户界面,实现了用户在加载目标图片期间进行的交互过程,这样可以提高用户的交互体验。
作为本发明实施例一种可选的实施方式,在将预设图片渲染到目标图层上之前,该方法还包括:
当接收到用户的第一交互操作时,从预存的多张图片中选取一张图片作为预设图片。
通过从预存的多张图片中选取一张图片作为预设图片,可以使显示的图片更加多样,从而可以提升用户体验。
作为本发明实施例一种可选的实施方式,从预存的多张图片中选取一张图片作为预设图片,包括:
根据多张图片与目标图片的相似度,从多张图片中选取一张图片作为预设图片。
通过根据根据多张图片与目标图片的相似度,从多张图片中选取一张图片作为预设图片,可以使目标图层先显示与目标图片相似的预设图片,这样可以提升用户体验。
作为本发明实施例一种可选的实施方式,将预设图片渲染到目标图层上,包括:
根据预设图片渲染目标图层,生成目标图层的占位纹理;
显示目标图层的占位纹理。
通过根据预设图片渲染目标图层,生成目标图层的占位纹理后,显示目标图层的占位纹理,可以实现在目标图层上显示预设图片。
作为本发明实施例一种可选的实施方式,根据预设图片渲染目标图层,生成目标图层的占位纹理,包括:
根据预设图片生成占位位图;
将占位位图渲染到目标图层上,生成目标图层的占位纹理。
通过根据预设图片生成占位位图后,将占位位图渲染到目标图层上,可以实现目标图层的占位纹理的生成。
作为本发明实施例一种可选的实施方式,异步加载目标图片,包括:
开启子线程,并通过子线程加载目标图片。
通过开启子线程,通过子线程加载目标图片,可以实现目标图片的异步加载过程。
作为本发明实施例一种可选的实施方式,将目标图层上的预设图片替换为目标图片,包括:
根据目标图片重新渲染目标图层,生成目标图层的目标纹理;
显示目标图层的目标纹理。
通过根据目标图片重新渲染目标图层,生成目标图层的目标纹理后,显示目标图层的目标纹理,可以实现目标图层上预设图片的替换过程。
作为本发明实施例一种可选的实施方式,根据目标图片重新渲染目标图层,生成目标图层的目标纹理,包括:
根据目标图片异步生成目标位图;
将目标位图渲染到目标图层上,生成目标图层的目标纹理。
通过根据目标图片生成目标位图,将目标位图渲染到目标图层上,可以实现目标图层的目标纹理的生成。
作为本发明实施例一种可选的实施方式,在在目标图层上显示预设图片之前,方法还包括:
接收用户作用于目标兴趣点的第一交互操作,目标图片与目标兴趣点相对应,目标图层上还渲染有所述目标兴趣点的提示信息。
通过接收用户作用于目标兴趣点的第一交互操作来显示目标图层,并在目标图层上渲染目标兴趣点的提示信息,可以方便用户了解目标POI的信息,从而可以进一步提高用户使用的便利性和用户的交互体验。
第二方面,本发明实施例提供一种图层显示装置,包括:
接收模块,用于接收用户的第一交互操作,所述第一交互操作用于触发显示包含目标图片的目标图层;
显示模块,用于在接收模块接收到用户的第一交互操作时,将预设图片渲染到目标图层上;
加载模块,用于加载目标图片;
显示模块还用于:在加载完目标图片后,将目标图层上的预设图片替换为目标图片。
作为本发明实施例一种可选的实施方式,加载模块具体用于异步加载目标图片。
作为本发明实施例一种可选的实施方式,显示模块还用于:
当接收到用户作用于目标图层的第二交互操作时,显示与第二交互操作对应的用户界面。
作为本发明实施例一种可选的实施方式,该装置还包括:
选择模块,用于在接收到用户的第一交互操作时,从预存的多张图片中选取一张图片作为预设图片。
作为本发明实施例一种可选的实施方式,选择模块具体用于:
根据多张图片与目标图片的相似度,从多张图片中选取一张图片作为预设图片。
作为本发明实施例一种可选的实施方式,显示模块,包括:
生成单元,用于根据预设图片渲染目标图层,生成目标图层的占位纹理;
显示单元,用于显示目标图层的占位纹理。
作为本发明实施例一种可选的实施方式,生成单元具体用于:
根据预设图片生成占位位图;
将占位位图渲染到目标图层上,生成目标图层的占位纹理。
作为本发明实施例一种可选的实施方式,加载模块具体用于:
开启子线程,并通过子线程加载目标图片。
作为本发明实施例一种可选的实施方式,生成单元还用于:根据目标图片重新渲染目标图层,生成目标图层的目标纹理;
显示单元还用于:显示目标图层的目标纹理。
作为本发明实施例一种可选的实施方式,生成单元具体用于:
根据目标图片异步生成目标位图;
将目标位图渲染到目标图层上,生成目标图层的目标纹理。
作为本发明实施例一种可选的实施方式,接收模块具体用于接收用户作用于目标兴趣点的第一交互操作,目标图片与目标兴趣点相对应,目标图层上还渲染有所述目标兴趣点的提示信息。
上述第二方面以及上述第二方面的各可能的实施方式所提供的图层显示装置,其有益效果可以参见上述第一方面和第一方面的各可能的实施方式所带来的有益效果,在此不再赘述。
第三方面,本发明实施例提供一种图层显示设备,包括:存储器和处理器,存储器用于存储计算机程序;处理器用于在调用计算机程序时执行上述第一方面或第一方面的任一实施方式所述的方法。
上述第三方面以及上述第三方面的各可能的实施方式所提供的图层显示设备,其有益效果可以参见上述第一方面和第一方面的各可能的实施方式所带来的有益效果,在此不再赘述。
第四方面,本发明实施例提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述第一方面或第一方面的任一实施方式所述的方法。
上述第四方面以及上述第四方面的各可能的实施方式所提供的计算机可读存储介质,其有益效果可以参见上述第一方面和第一方面的各可能的实施方式所带来的有益效果,在此不再赘述。
附图说明
图1为本发明实施例提供的一种图层显示方法的流程示意图;
图2为本发明实施例提供的生成目标图层的占位纹理的方法流程示意图;
图3为本发明实施例提供的生成目标图层的目标纹理的方法流程示意图;
图4为本发明实施例提供的目标图层的界面显示示意图一;
图5为本发明实施例提供的目标图层的界面显示示意图二;
图6为本发明实施例提供的另一种图层显示方法的流程示意图;
图7为本发明实施例提供的图层显示装置的结构示意图;
图8为本发明实施例提供的图片显示设备的结构示意图。
具体实施方式
针对目前的图层显示方法,需要把图片完全下载下来之后才能加载到图层上进行显示,从而会有整体卡顿的现象,进而会降低用户交互体验的技术问题,本发明实施例提供一种图层显示方法、装置与设备,主要通过在需要在目标图层中显示目标图片时,先在目标图层上显示预设图片,同时异步加载待显示的目标图片,然后将目标图层上的预设图片替换为目标图片,来减少整体卡顿的现象,进而提高用户的交互体验。
本发明实施例提供的图层显示方法,可以用于客户端上的地图图层的显示或其他需要显示图片的图层显示,其中,该客户端可以是移动终端设备,也可以是台式机等固定终端设备;为了便于说明,本发明实施例以在移动终端设备上显示地图图层为例进行示例性说明。
下面以具体地实施例对本发明的技术方案进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例不再赘述。
图1为本发明实施例提供的一种图层显示方法的流程示意图,如图1所示,本实施例提供的方法可以包括如下步骤:
S110、当接收到用户的第一交互操作时,将预设图片渲染到目标图层上。
具体的,由于图片占用的存储空间较大,因此,地图图层上显示的图片大多都需要通过网络加载后进行显示。本实施例中,用户可以在移动终端设备上触发用于显示目标图层的操作,当移动终端设备接收到用户触发的用于显示包含目标图片的目标图层的交互操作(此处称为第一交互操作)后,可以先采用一个预设图片目标图层上进行占位显示,等目标图片加载完成后再将目标图层上的预设图片替换为目标图片,这样可以尽早显示目标图层,从而就可以减少整体卡顿的现象,进而就可以提高用户的交互体验。
其中,第一交互操作可以是用户通过按键或其他控制设备触发的选择操作;为了提升用户使用的便利性和用户的交互体验,第一交互操作也可以是通过手指或触摸笔触发的触控操作。
具体的,可以是在接收到用户作用于目标兴趣点(Point of Interest,POI)的第一交互操作时显示目标图层,其中,目标图片与该目标POI相对应,目标图层上除了显示目标图片之外,还可以显示与目标POI相关的一些提示信息,例如:建议游玩几分钟和是否必游等,具体的提示信息本实施例不做特别限定。
本实施例中,预设图片可以是系统预设的一张图片,为了提高显示效果,也可以从预存的多张图片中选取一张图片作为预设图片。在具体选择预设图片时,可以是从多张图片中任意选取一张图片作为预设图片;也可以是根据多张图片与目标图片的相似度,从多张图片中选取一张图片作为预设图片,以提升用户体验。例如:用户选择目标POI后,需要在目标图层上显示与目标POI对应的目标图片,此时可以根据目标POI的信息确定各张图片与目标图片的相似度,将相似度最高的图片确定为预设图片,或者从相似度大于预设阈值的图片中任意选择一张图片作为预设图片。在具体实现时可以根据需要任意选择,本实施例对此不做特别限定。
本实施例中,在具体显示预设图片时,可以先根据预设图片渲染目标图层,生成目标图层的纹理(此处称为占位纹理);然后显示目标图层的占位纹理。
其中,该占位纹理可以是地图上的扎点、卡片、线条或区域等纹路,用于通过预设图片进行目标图层的纹理占位,使目标图层可以尽早显示。
在具体生成目标图层的占位纹理时,可以采用图2所示的方法实现。图2为本发明实施例提供的生成目标图层的占位纹理的方法流程示意图,如图2所示,根据预设图片渲染目标图层,生成目标图层的占位纹理,可以包括如下步骤:
S111、根据预设图片生成占位位图。
具体的,可以直接根据预设图片创建控件(view)对象,以生成位图(此处称为占位位图)进行显示;为了节省系统开支,本实施例中,也可以根据预设图片创建图形对象(Drawable对象),以生成占位位图进行显示,本实施例中即以采用Drawable对象生成占位位图为例进行示例性说明。
S112、将占位位图渲染到目标图层上,生成目标图层的占位纹理。
具体的,可以先创建一个marker的容器图层,将上述创建的Bitmap转换为marker添加到图层标记(overlayItem)中,然后将overlayItem添加到目标图层overlay上。
本实施例中,在生成目标图层的占位纹理后,可以通知系统主动刷新屏幕以显示目标图层的占位纹理;方便起见,也可以等待系统自动刷新屏幕以显示目标图层的占位纹理;此时,用户就可以看到包含预设图片的图层,并可以在该图层上进行交互操作。
S120、加载目标图片。
具体的,可以通过同步或异步方式加载目标图片,本实施例中优选采用异步加载目标图片的方式,使目标图层的显示与目标图片的加载可以并行运行,以便用户可以对目标图层进行交互操作,进一步减少整体卡顿的现象。
在具体实现时,可以开启一个子线程,通过子线程加载目标图片,实现目标图片的异步加载。
其中,子线程在加载目标图片时,可以向服务器发起用于下载目标图片的网络请求,该网络请求中可以携带目标图片的标识,以便服务器根据目标图片的标识将对应的目标图片传输给移动终端设备。
需要说明的是,当加载方式为异步加载时,步骤S120与步骤S110之间没有严格的时序执行关系,步骤S120可以在步骤S110之后执行,也可以在步骤S110之前执行,还可以与步骤S110同时执行,具体执行顺序本实施例不做特别限定。
S130、将目标图层上的预设图片替换为目标图片。
具体的,当目标图片加载完毕后,就可以将目标图层上的预设图片动态替换为目标图片,使目标图层显示正确的图片,从而达到流畅更新的效果。
本实施例中,在具体替换预设图片时,可以先根据目标图片重新渲染目标图层,生成目标图层的纹理(称为目标纹理);然后显示目标图层的目标纹理。
与占位纹理类似,该目标纹理可以是地图上的扎点、卡片、线条或区域等纹路,具体根据请求的目标图片确定。
在具体生成目标图层的目标纹理时,可以采用图3所示的方法实现。图3为本发明实施例提供的生成目标图层的目标纹理的方法流程示意图,如图3所示,根据目标图片重新渲染目标图层,生成目标图层的目标纹理,可以包括如下步骤:
S131、根据目标图片异步生成目标位图。
具体的,与上述步骤S111类似,可以直接根据目标图片创建控件(view)对象,以生成位图(此处称为目标位图)进行显示;为了节省系统开支,本实施例中,也可以根据目标图片创建图形对象(Drawable对象),以生成目标位图进行显示。
在生成目标位图时,可以通过上述子线程异步生成,这样可以进一步提高用户交互的流畅性。
S132、将目标位图渲染到目标图层上,生成目标图层的目标纹理。
具体的,可以通过直接重设步骤S112中创建的overlayItem的marker,来重新渲染目标图层,替换目标图层的纹理,生成带有目标图片的纹理。
与显示目标图层的占位纹理类似,本实施例中,在生成目标图层的目标纹理后,可以通知系统主动刷新屏幕以显示目标图层的目标纹理;方便起见,也可以等待系统自动刷新屏幕以显示目标图层的目标纹理,此时,用户就可以看到包含目标图片的图层,并可以在该图层上进行交互操作。
图4为本发明实施例提供的目标图层的界面显示示意图一,图5为本发明实施例提供的目标图层的界面显示示意图二,下面结合图4和图5举例说明本实施例的技术方案带来的效果。
例如:用户在电子地图中点击某景区POI“情人瀑”(即目标POI),查看情人瀑的卡片时,卡片中需要显示情人瀑对应的图片(即目标图片,如图5中所示的卡片中左侧的图片)以及一些文字信息,该目标图片需要通过网络加载。在通过目前的图层显示方法在地图图层(目标图层)中显示包含目标图片的卡片时,是先向服务器请求加载目标图片,当加载完成后在地图图层上显示包含目标图片的卡片(如图5中所示),这样在加载目标图片期间,电子地图上就会出现卡顿现象,用户需要等待目标图片加载完成后才能在电子地图上进行交互操作,这就会影响用户的交互体验。
而通过本实施例提供的方案在显示包含目标图片的卡片时,是先在地图图层上显示包含本地的一张预设图片(如图4中所示的卡片中左侧的灰色图片)的卡片,通过预设图片进行地图图层的纹理占位,这样用户可以尽快看到目标图层,减少了地图图层的卡顿现象;当目标图片加载完成后,再用目标图片替换掉地图图层上的预设图片(如图5中所示,卡片中左侧的灰色图片被替换为情人瀑图片),展示出带有真实图片的卡片,从而可以提高交互的流畅性,进而就可以提高用户的交互体验。
本实施例提供的图层显示方法,通过在需要在接收到用户的用于触发显示包含目标图片的目标图层的第一交互操作时,先将预设图片渲染到目标图层上,在加载完目标图片后再将目标图层上的预设图片替换为目标图片,可以快速显示目标图层,减少整体卡顿的现象,因而可以提高用户的交互体验。
图6为本发明实施例提供的另一种图层显示方法的流程示意图,本实施例是上述实施例的一种具体的实现方式。在上述实施例的基础上,如图6所示,本实施例提供的方法可以包括如下步骤:
S210、接收用户作用于目标POI的第一交互操作。
具体的,用户可以通过手指或触摸笔等在移动终端设备的触控屏上进行第一交互操作,例如:用户打开电子地图应用后,通过点击目标POI触发显示目标POI对应的图片(即目标图片)。
S220、根据预设图片生成占位位图。
具体的,可以先通过调用方法mContext.getResources().getDrawable获取预设图片对应的Drawable对象,然后通过调用方法drawable2Bitmap将Drawable对象转换为Bitmap对象(即占位位图)。
S230、将占位位图渲染到目标图层上,生成目标图层的占位纹理进行显示。
具体的,可以通过调用方法createMarker创建一个overlayItem的marker,然后将创建的Bitmap设置在marker中,以将Bitmap传递给overlayItem;然后,可以通过调用方法addItem将overlayItem添加到目标图层overlay上,实现将占位位图渲染到目标图层上,生成目标图层的占位纹理。
在生成目标图层的占位纹理后,可以通知系统主动刷新屏幕或等待系统自动刷新屏幕以显示目标图层的占位纹理,例如:显示目标POI对应的卡片,其中,卡片中目标图片对应的位置通过预设图片占位显示。
S240、异步加载待显示的目标图片。
具体的,可以调用方法ImageloaderHelper.loadImage开启一个子线程,通过子线程向服务器发起用于下载目标图片的网络请求,实现目标图片的异步加载。
需要说明的是,步骤S240与步骤S220之间没有严格的时序执行关系,步骤S240可以在步骤S220之后执行,也可以在步骤S220之前执行,还可以与步骤S220同时执行,具体执行顺序本实施例不做特别限定。
S250、接收用户作用于目标图层的第二交互操作,并显示与第二交互操作对应的用户界面。
具体的,在显示出目标图层后,用户就可以在该目标图层上进行交互操作,移动终端设备在接收到用户作用于目标图层的交互操作(此处称为第二交互操作)时,可以显示与该第二交互操作对应的用户界面。
继续以上述显示目标POI对应的卡片为例,用户点击卡片时(即第二交互操作为作用于纹理的触摸按压操作时),移动终端设备可以生成该卡片对应的详情页面,用户可以在详情页面查看与该卡片对应的详细描述信息;用户点击卡片和预设区域之外的区域(即第二交互操作作用于纹理和预设区域之外的区域的触摸按压操作)时,移动终端设备可以取消显示该卡片;其中,预设区域可以包括兴趣点区域和菜单区域等,用户点击兴趣点区域时,移动终端设备对应显示该兴趣点对应的卡片,用户点击菜单区域中的选项时,移动终端设备可以显示对应的地图页面;另外,用户也可以拖动目标图层,查看电子地图的其他部分。当然,上述只是一种示例,具体实现时可以根据需要设置第二交互操作与用户界面的对应关系,本实施例对此不做特别限定。
另外,需要说明的是,步骤S250与步骤S240之间没有严格的时序执行关系,步骤S250可以在步骤S240之后执行,也可以在步骤S240之前执行,还可以与步骤S240同时执行,具体执行顺序本实施例不做特别限定。
S260、根据目标图片异步生成目标位图。
具体的,可以上述子线程异步生成目标位图,在具体生成目标位图时,与生成占位位图的方法类似,可以先通过方法mContext.getResources().getDrawable获取目标图片对应的Drawable对象,然后可以通过方法drawable2Bitmap将Drawable对象转换为Bitmap对象(即目标位图)。
S270、将目标位图渲染到目标图层上,生成目标图层的目标纹理进行显示。
具体的,可以通过调用方法resetItemDefaultMarker来将上述步骤S230中创建的marker中的预设图片对应的Bitmap对象替换为目标图片对应的Bitmap对象,实现目标图层的纹理替换。
与显示目标图层的占位纹理类似,本实施例中,在生成目标图层的目标纹理后,可以通知系统主动刷新屏幕或等待系统自动刷新屏幕以显示目标图层的目标纹理,例如:显示目标POI对应的卡片,其中,卡片中目标图片对应的位置显示加载完成的目标图片。
继续以上述图4和图5为例,如图4所示,通过本实施例提供的方案在显示包含目标图片的卡片时,是先在地图图层上显示包含本地的一张预设图片(如图4中所示的卡片中左侧的灰色图片)的卡片,通过预设图片进行地图图层的纹理占位,同时异步加载目标图片,此时用户在加载目标图片期间就可以在地图图层上进行交互操作,例如:点击卡片查看与情人瀑相关的详细描述信息,或点击卡片之外的区域,取消显示情人瀑对应的卡片,这样避免了地图图层的卡顿现象;当目标图片加载完成后,再用目标图片替换掉地图图层上的预设图片(如图5中所示,卡片中左侧的灰色图片被替换为情人瀑图片),展示出带有真实图片的卡片,从而可以达到整体交互流畅的效果,进而就可以提高用户的交互体验。
本实施例提供的图层显示方法,可以快速显示目标图层,使用户可以对目标图层进行交互操作,进一步减少整体卡顿的现象,而且可以方便用户了解目标POI的信息,从而可以进一步提高用户的交互体验。
基于同一发明构思,作为对上述方法的实现,本发明实施例提供了一种图层显示装置,该装置实施例与前述方法实施例对应,为便于阅读,本装置实施例不再对前述方法实施例中的细节内容进行逐一赘述,但应当明确,本实施例中的装置能够对应实现前述方法实施例中的全部内容。
图7为本发明实施例提供的图层显示装置的结构示意图,如图7所示,本实施例提供的装置包括:
接收模块100,用于接收用户的第一交互操作,其中,第一交互操作用于触发显示包含目标图片的目标图层;
显示模块110,用于在接收模块100接收到用户的第一交互操作时,将预设图片渲染到目标图层上;
加载模块120,用于加载目标图片;
显示模块110还用于:在加载模块120加载完目标图片后,将目标图层上的预设图片替换为目标图片。
作为本发明实施例一种可选的实施方式,加载模块120具体用于异步加载目标图片。
作为本发明实施例一种可选的实施方式,显示模块110,还用于:
当接收到用户作用于目标图层的第二交互操作时,显示与第二交互操作对应的用户界面。
作为本发明实施例一种可选的实施方式,该装置还包括:
选择模块130,用于在接收到用户的第一交互操作时,从预存的多张图片中选取一张图片作为预设图片。
作为本发明实施例一种可选的实施方式,选择模块130,具体用于:
根据多张图片与目标图片的相似度,从多张图片中选取一张图片作为预设图片。
作为本发明实施例一种可选的实施方式,显示模块110,包括:
生成单元111,用于根据预设图片渲染目标图层,生成目标图层的占位纹理;
显示单元112,用于显示目标图层的占位纹理。
作为本发明实施例一种可选的实施方式,生成单元111具体用于:
根据预设图片生成占位位图;
将占位位图渲染到目标图层上,生成目标图层的占位纹理。
作为本发明实施例一种可选的实施方式,加载模块120具体用于:
开启子线程,并通过子线程加载目标图片。
作为本发明实施例一种可选的实施方式,生成单元111还用于:根据目标图片重新渲染目标图层,生成目标图层的目标纹理;
显示单元112还用于:显示目标图层的目标纹理。
作为本发明实施例一种可选的实施方式,生成单元111具体用于:
根据目标图片生成目标位图;
将目标位图渲染到目标图层上,生成目标图层的目标纹理。
作为本发明实施例一种可选的实施方式,接收模块140具体用于接收用户作用于目标兴趣点的第一交互操作,目标图片与目标兴趣点相对应,目标图层上还渲染有目标兴趣点的提示信息。
本实施例提供的图层显示装置可以执行上述方法实施例,其实现原理与技术效果类似,此处不再赘述。
基于同一发明构思,本发明实施例还提供了一种图片显示设备。图8为本发明实施例提供的图片显示设备的结构示意图,如图8所示,本实施例提供的图片显示设备包括:存储器210和处理器220,存储器210用于存储计算机程序;处理器220用于在调用计算机程序时执行上述方法实施例所述的方法。
本实施例提供的图片显示设备可以执行上述方法实施例,其实现原理与技术效果类似,此处不再赘述。
本发明实施例还提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述方法实施例所述的方法。
本领域技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质上实施的计算机程序产品的形式。
处理器可以是中央处理单元(Central Processing Unit,CPU),还可以是其他通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动存储介质。存储介质可以由任何方法或技术来实现信息存储,信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (14)
1.一种图层显示方法,其特征在于,包括:
当接收到用户的第一交互操作时,将预设图片渲染到目标图层上,所述第一交互操作用于触发显示包含目标图片的目标图层;
加载所述目标图片;
将所述目标图层上的预设图片替换为所述目标图片。
2.根据权利要求1所述的方法,其特征在于,所述加载所述目标图片,包括:
异步加载所述目标图片。
3.根据权利要求2所述的方法,其特征在于,所述异步加载所述目标图片,包括:
开启子线程,并通过所述子线程加载所述目标图片。
4.根据权利要求2所述的方法,其特征在于,在所述将预设图片渲染到目标图层上之后,所述将所述目标图层上的预设图片替换为所述目标图片之前,所述方法还包括:
当接收到用户作用于所述目标图层的第二交互操作时,显示与所述第二交互操作对应的用户界面。
5.根据权利要求1所述的方法,其特征在于,在所述将预设图片渲染到目标图层上之前,所述方法还包括:
当接收到用户的第一交互操作时,从预存的多张图片中选取一张图片作为预设图片。
6.根据权利要求5所述的方法,其特征在于,所述从预存的多张图片中选取一张图片作为预设图片,包括:
根据所述多张图片与所述目标图片的相似度,从所述多张图片中选取一张图片作为预设图片。
7.根据权利要求1所述的方法,其特征在于,所述将预设图片渲染到目标图层上,包括:
根据所述预设图片渲染目标图层,生成所述目标图层的占位纹理;
显示所述目标图层的占位纹理。
8.根据权利要求7所述的方法,其特征在于,所述根据所述预设图片渲染目标图层,生成所述目标图层的占位纹理,包括:
根据所述预设图片生成占位位图;
将所述占位位图渲染到所述目标图层上,生成所述目标图层的占位纹理。
9.根据权利要求1所述的方法,其特征在于,将所述目标图层上的预设图片替换为所述目标图片,包括:
根据所述目标图片重新渲染所述目标图层,生成所述目标图层的目标纹理;
显示所述目标图层的目标纹理。
10.根据权利要求9所述的方法,其特征在于,所述根据所述目标图片重新渲染所述目标图层,生成所述目标图层的目标纹理,包括:
根据所述目标图片异步生成目标位图;
将所述目标位图渲染到所述目标图层上,生成所述目标图层的目标纹理。
11.根据权利要求1-10任一项所述的方法,其特征在于,在将预设图片渲染到目标图层上之前,所述方法还包括:
接收用户作用于目标兴趣点的第一交互操作,所述目标图片与所述目标兴趣点相对应,所述目标图层上还渲染有所述目标兴趣点的提示信息。
12.一种图层显示装置,其特征在于,包括:
接收模块,用于接收用户的第一交互操作,所述第一交互操作用于触发显示包含目标图片的目标图层;
显示模块,用于在所述接收模块接收到用户的第一交互操作时,将预设图片渲染到目标图层上;
加载模块,用于加载所述目标图片;
所述显示模块还用于:在所述加载模块加载完所述目标图片后,将所述目标图层上的预设图片替换为所述目标图片。
13.一种图层显示设备,其特征在于,包括:存储器和处理器,所述存储器用于存储计算机程序;所述处理器用于在调用所述计算机程序时执行如权利要求1-11任一项所述的方法。
14.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1-11任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910115543.0A CN111562894A (zh) | 2019-02-14 | 2019-02-14 | 图层显示方法、装置与设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910115543.0A CN111562894A (zh) | 2019-02-14 | 2019-02-14 | 图层显示方法、装置与设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111562894A true CN111562894A (zh) | 2020-08-21 |
Family
ID=72074097
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910115543.0A Pending CN111562894A (zh) | 2019-02-14 | 2019-02-14 | 图层显示方法、装置与设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111562894A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111930873A (zh) * | 2020-09-08 | 2020-11-13 | 蘑菇车联信息科技有限公司 | 一种应用于地图引擎的数据处理方法及相关装置 |
CN112287064A (zh) * | 2020-12-25 | 2021-01-29 | 智道网联科技(北京)有限公司 | 地图引擎锚点的渲染方法及装置 |
CN117666993A (zh) * | 2023-10-20 | 2024-03-08 | 南京荣耀软件技术有限公司 | 基于快应用卡片显示地图的方法、设备、服务器及系统 |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102253942A (zh) * | 2010-05-21 | 2011-11-23 | 腾讯数码(天津)有限公司 | 一种图片的显示方法和设备 |
CN102355624A (zh) * | 2011-07-06 | 2012-02-15 | 深圳市凯立德科技股份有限公司 | 一种基于位置的资讯显示方法、导航方法及位置服务装置 |
CN102426596A (zh) * | 2011-11-03 | 2012-04-25 | 北京地拓科技发展有限公司 | 地图加载方法和装置 |
CN104375991A (zh) * | 2013-08-12 | 2015-02-25 | 华平信息技术股份有限公司 | 一种基于图片地图的城市监控系统 |
CN104424261A (zh) * | 2013-08-29 | 2015-03-18 | 腾讯科技(深圳)有限公司 | 基于电子地图的信息展示方法及装置 |
CN105824819A (zh) * | 2015-01-05 | 2016-08-03 | 阿里巴巴集团控股有限公司 | 图片加载方法、装置及电子设备 |
CN106294339A (zh) * | 2015-05-12 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 应用中加载图片的方法及装置 |
CN106941567A (zh) * | 2017-03-27 | 2017-07-11 | 广州优视网络科技有限公司 | 显示网络图片的方法、装置以及用户终端 |
CN108509239A (zh) * | 2018-03-07 | 2018-09-07 | 斑马网络技术有限公司 | 图层显示方法、装置、电子设备及存储介质 |
CN109086374A (zh) * | 2018-07-23 | 2018-12-25 | 北京达佳互联信息技术有限公司 | 网页加载显示方法、装置、终端设备及可读存储介质 |
CN109241470A (zh) * | 2018-09-27 | 2019-01-18 | 北京小米移动软件有限公司 | 页面显示方法、装置及系统 |
-
2019
- 2019-02-14 CN CN201910115543.0A patent/CN111562894A/zh active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102253942A (zh) * | 2010-05-21 | 2011-11-23 | 腾讯数码(天津)有限公司 | 一种图片的显示方法和设备 |
CN102355624A (zh) * | 2011-07-06 | 2012-02-15 | 深圳市凯立德科技股份有限公司 | 一种基于位置的资讯显示方法、导航方法及位置服务装置 |
CN102426596A (zh) * | 2011-11-03 | 2012-04-25 | 北京地拓科技发展有限公司 | 地图加载方法和装置 |
CN104375991A (zh) * | 2013-08-12 | 2015-02-25 | 华平信息技术股份有限公司 | 一种基于图片地图的城市监控系统 |
CN104424261A (zh) * | 2013-08-29 | 2015-03-18 | 腾讯科技(深圳)有限公司 | 基于电子地图的信息展示方法及装置 |
CN105824819A (zh) * | 2015-01-05 | 2016-08-03 | 阿里巴巴集团控股有限公司 | 图片加载方法、装置及电子设备 |
CN106294339A (zh) * | 2015-05-12 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 应用中加载图片的方法及装置 |
CN106941567A (zh) * | 2017-03-27 | 2017-07-11 | 广州优视网络科技有限公司 | 显示网络图片的方法、装置以及用户终端 |
CN108509239A (zh) * | 2018-03-07 | 2018-09-07 | 斑马网络技术有限公司 | 图层显示方法、装置、电子设备及存储介质 |
CN109086374A (zh) * | 2018-07-23 | 2018-12-25 | 北京达佳互联信息技术有限公司 | 网页加载显示方法、装置、终端设备及可读存储介质 |
CN109241470A (zh) * | 2018-09-27 | 2019-01-18 | 北京小米移动软件有限公司 | 页面显示方法、装置及系统 |
Non-Patent Citations (2)
Title |
---|
何宗宜等: "地图学", 31 July 2016, pages: 426 - 431 * |
何鹏举;: "天地图大规模标注显示的探讨", 地理空间信息, no. 01, 28 February 2015 (2015-02-28) * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111930873A (zh) * | 2020-09-08 | 2020-11-13 | 蘑菇车联信息科技有限公司 | 一种应用于地图引擎的数据处理方法及相关装置 |
CN112287064A (zh) * | 2020-12-25 | 2021-01-29 | 智道网联科技(北京)有限公司 | 地图引擎锚点的渲染方法及装置 |
CN117666993A (zh) * | 2023-10-20 | 2024-03-08 | 南京荣耀软件技术有限公司 | 基于快应用卡片显示地图的方法、设备、服务器及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111562894A (zh) | 图层显示方法、装置与设备 | |
US11579902B2 (en) | User interface rendering performance | |
CN112416346B (zh) | 界面配色方案的生成方法、装置、设备及存储介质 | |
CN109858962B (zh) | 基于电子书的广告显示方法及电子设备 | |
US20210271383A1 (en) | Picture displaying method, electronic device and storage medium | |
CN111476852A (zh) | 阅读器刷新方法、计算设备及计算机存储介质 | |
US9734218B2 (en) | Spiral listing of items | |
CN111488097A (zh) | 一种用于提供阅读呈现信息的方法与设备 | |
CN110717790A (zh) | 一种用于查看媒体文件的方法和设备 | |
AU2021376172A1 (en) | Dynamic user-device upscaling of media streams | |
CN112711445B (zh) | 一种应用程序的管理方法及系统 | |
CN117033599A (zh) | 一种数字内容的生成方法及相关设备 | |
CN113393294A (zh) | 一种页面显示方法及装置、设备、存储介质 | |
CN107943442A (zh) | 一种实现双屏显示的方法及设备 | |
CN110944218B (zh) | 多媒体信息的播放系统、方法、装置、设备及存储介质 | |
CN113419798B (zh) | 内容的展示方法、装置、设备和存储介质 | |
CN114896020A (zh) | 弹窗的生成方法、装置、电子设备及可读存储介质 | |
CN114463474A (zh) | 页面显示方法、装置、电子设备、存储介质及产品 | |
CN108984247B (zh) | 一种信息展示方法及其终端设备和网络设备 | |
CN114821001B (zh) | 基于ar的互动方法、装置及电子设备 | |
Mostyaev | Social features of mobile application development | |
CN111782333B (zh) | 游戏中的界面显示方法、装置、存储介质与终端设备 | |
CN114721759B (zh) | Android桌面视图展示方法、装置及电子设备 | |
CN118260495A (zh) | 页面渲染方法、装置、设备和计算机可读存储介质 | |
CN118092737A (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 |