CN110390570A - 图片展示方法及装置、电子设备、存储介质 - Google Patents
图片展示方法及装置、电子设备、存储介质 Download PDFInfo
- Publication number
- CN110390570A CN110390570A CN201810344938.3A CN201810344938A CN110390570A CN 110390570 A CN110390570 A CN 110390570A CN 201810344938 A CN201810344938 A CN 201810344938A CN 110390570 A CN110390570 A CN 110390570A
- Authority
- CN
- China
- Prior art keywords
- picture
- control
- presented
- map logo
- target photo
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q30/00—Commerce
- G06Q30/06—Buying, selling or leasing transactions
- G06Q30/0601—Electronic shopping [e-shopping]
- G06Q30/0641—Shopping interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Business, Economics & Management (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Accounting & Taxation (AREA)
- Finance (AREA)
- General Physics & Mathematics (AREA)
- Physics & Mathematics (AREA)
- General Business, Economics & Management (AREA)
- Strategic Management (AREA)
- Marketing (AREA)
- Economics (AREA)
- Human Computer Interaction (AREA)
- Development Economics (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
Abstract
本公开是关于一种图片展示方法及装置、电子设备、存储介质,涉及电子商务技术领域,该方法包括:获取待展示图片;对所述待展示图片进行解析处理,以输出目标图片对象;通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;在背景视图上展示所述地图标识控件,以进行图片展示。本公开能够增加图片显示的多样性,提高用户体验。
Description
技术领域
本公开涉及电子商务技术领域,具体而言,涉及一种图片展示方法、图片展示装置、电子设备以及计算机可读存储介质。
背景技术
随着互联网技术的快速发展,用户可以在电商网站或者是电商APP通过文字(订单跟踪页)和地图(订单轨迹页)查看购买商品的物流信息。
相关技术中,通过如图2中所示的流程图,即分别创建移动端地图和地图大头针,将移动端地图展示在界面上,使得地图大头针遵守移动端地图协议方法。接下来移动端地图将地图大头针插入地图,并在协议方法中创建地图大头针,读取本地图片将本地图片赋值给地图大头针,最后刷新界面使得本地图片在界面上展示。通过图1中的方式,在订单轨迹中如果是配送车或配送员出发,那么在地图上可以看到车辆大头针或人大头针的图标实时移动。
但是,上述方式中,用户也仅仅能看到固定的图标实时移动,显示形式比较单一,与电商多样化运营的场景切合度不高。除此之外,用户在查看物流状态时的用户体验较差,并且影响了电商App与用户之间的粘性。
需要说明的是,在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解,因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开的目的在于提供一种图片展示方法及装置、电子设备、存储介质,进而至少在一定程度上克服由于相关技术的限制和缺陷而导致的图片展示形式单一的问题。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开的一个方面,提供一种图片展示方法,包括:获取待展示图片;对所述待展示图片进行解析处理,以输出目标图片对象;通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;在背景视图上展示所述地图标识控件,以进行图片展示。
在本公开的一种示例性实施例中,对所述待展示图片进行解析处理,以输出目标图片对象包括:如果待展示图片对应的二进制数据满足预设条件,则对所述二进制数据进行数据处理,以生成图片数据;通过所述图片数据确定所述待展示图片的图片类型;通过所述图片类型获取所述目标图片对象。
在本公开的一种示例性实施例中,通过所述图片类型获取所述目标图片对象包括:如果所述待展示图片的图片类型为动态图片,则读取所述待展示图片的动画信息;根据所述动画信息提取所述待展示图片的播放信息,以确定封面帧图片。
在本公开的一种示例性实施例中,所述方法还包括:确定所述待展示图片中当前帧图片对应的当前索引位置;根据一缓存策略以及所述当前索引位置确定待生成帧图片的索引位置;根据所述索引位置生产所述待生成帧图片,以提取所述待生成帧图片。
在本公开的一种示例性实施例中,所述缓存策略根据所述动态图片的内存信息确定。
在本公开的一种示例性实施例中,通过所述图片类型获取所述目标图片对象包括:如果通过图片数据确定所述待展示图片的图片类型为静态图片,则缓存所述图片数据并将所述图片数据作为目标图片对象。
在本公开的一种示例性实施例中,通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件包括:按照播放顺序对所述目标图片对象与一预设图片进行匹配;如果所述目标图片对象与所述预设图片不匹配,则设置所述目标图片对象的图片参数;通过所述图片参数对所述目标图片对象进行动态布局,以获取所述地图标识控件。
在本公开的一种示例性实施例中,所述图片参数包括封面帧图片、当前帧索引位置、播放次数以及播放时间。
在本公开的一种示例性实施例中,在背景视图上展示所述地图标识控件,以进行图片展示包括:将与背景视图关联的背景视图控件添加至预设地图标识控件;对所述预设地图标识控件的尺寸进行调整,得到指定大小的预设地图标识控件;确定指定大小的所述预设地图标识控件的锚点位置;根据所述锚点位置将所述地图标识控件添加至所述背景视图控件,以进行图片展示。
在本公开的一种示例性实施例中,所述锚点位置根据所述背景视图控件底部中心确定。
在本公开的一种示例性实施例中,竖直方向上所述地图标识控件到所述锚点位置的距离为固定距离,水平方向上所述地图标识控件与所述背景视图控件的中心点相同。
根据本公开的一个方面,提供一种图片展示装置,包括:图片获取模块,用于获取待展示图片;图片解析模块,用于对所述待展示图片进行解析处理,以输出目标图片对象;控件获取模块,用于通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;控件展示模块,用于在背景视图上展示所述地图标识控件,以进行图片展示。
根据本公开的一个方面,提供一种电子设备,包括:处理器;以及存储器,用于存储所述处理器的可执行指令;其中,所述处理器配置为经由执行所述可执行指令来执行上述任意一项所述的图片展示方法。
根据本公开的一个方面,提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述任意一项所述的图片展示方法。
本公开示例性实施例中提供的一种图片展示方法、图片展示装置、电子设备以及计算机可读存储介质中,通过对待展示图片进行解析处理,以输出目标图片对象;通过图片加载控件对所述目标图片进行动态布局,以获取地图标识控件;在背景视图上展示所述地图标识控件。一方面,通过对目标图片对象进行动态布局,得到地图标识控件,可以增加显示形式,提高了多样性;另一方面,通过在背景视图上显示地图标识控件,提高了物流页面与电商多样化运营的场景切合度,进而提高了用户在查看物流状态时的用户体验,增强了电商App与用户之间的粘性。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1示意性示出本公开示例性实施例中一种图片展示方法示意图;
图2示意性示出相关技术中图片展示方法流程图;
图3示意性示出本公开示例性实施例中图片展示系统的架构图;
图4示意性示出本公开示例性实施例中图片展示的界面图;
图5示意性示出本公开示例性实施例中图片展示的具体流程图;
图6示意性示出本公开示例性实施例中一种图片展示装置的框图;
图7示意性示出本公开示例性实施例中一种电子设备的框图;
图8示意性示出本公开示例性实施例中一种程序产品。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略所述特定细节中的一个或更多,或者可以采用其它的方法、组元、装置、步骤等。在其它情况下,不详细示出或描述公知技术方案以避免喧宾夺主而使得本公开的各方面变得模糊。
此外,附图仅为本公开的示意性图解,并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体,不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
本示例实施方式中首先提供了一种图片展示方法,可以应用于各大电商网站、电商App中的物流跟踪场景。参考图1所示,该图片展示方法可以包括以下步骤:
在步骤S110中,获取待展示图片;
在步骤S120中,对所述待展示图片进行解析处理,以输出目标图片对象;
在步骤S130中,通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;
在步骤S140中,在背景视图上展示所述地图标识控件,以进行图片展示。
在本示例性实施例中提供的图片展示方法中,一方面,通过对目标图片对象进行动态布局,得到地图标识控件,可以增加显示形式,提高了多样性;另一方面,通过在背景视图上显示地图标识控件,提高了物流页面与电商多样化运营的场景切合度,进而提高了用户在查看物流状态时的用户体验,增强了电商App与用户之间的粘性。
接下来,结合附图对本示例性实施例中的图片展示方法进行进一步解释说明。
在步骤S110中,获取待展示图片。
本示例中,待展示图片可以包括各种类型的图片,例如静态图片、动态图片等等。待展示图片可以根据实际需要进行事先配置,例如可以根据购买商品的种类、送货日期对应的节日、购买商家信息或其他信息设置对应的静态图片,也可以直接配置为任意动态图片。参考图3所示,可以通过服务器端301的图片配置系统配置待展示图片,配置的待展示图片的格式例如可以包括GIF格式、JPG格式以及PNG格式中的任意一种。客户端可以包括图片处理模块以及移动端地图展示模块。其中,可以通过图片处理模块,使用HTTP协议或者HTTPS协议或者是其它通信协议请求下载由服务端配置的待展示图片。其中,服务端可以采用CMS(Content Management System,内容管理系统)进行图片配置。该内容管理系统中例如可以包括文档模板、脚本语言或标记语言等要素,且内容管理系统通常由Python、Perl或Java等语言支持。在使用HTTP或HTTPS协议请求下载服务端CMS配置的待展示图片时,可以使用系统请求,也可以使用AFNetworking等第三方请求。
在步骤S120中,对所述待展示图片进行解析处理,以输出目标图片对象。
本示例中,依旧可以通过图片处理模块对待展示图片进行解析处理。目标图片对象可以为自定义图片对象,以用于存储各类辅助数据。具体而言,对所述待展示图片进行解析处理,以输出目标图片对象包括:如果获取的待展示图片对应的二进制数据满足预设条件,则对所述二进制数据进行数据处理,以生成图片数据;通过所述图片数据确定所述待展示图片的图片类型;通过所述图片类型获取所述目标图片对象,所述目标图片对象包括封面帧图片以及待生成帧图片。
预设条件可以包括合法性,例如可以通过编写程序判断待展示图片的二进制数据是否为空,以判断该二进制数据是否合法。在确定图片二进制数据为合法性数据之后,可将二进制数据处理生成图片数据,同时要注意避免系统对待展示图片的图片数据进行缓存。接下来可以从图片数据中读取待展示图片的图片类型,图片类型例如可以为静态图片或动态图片中的任一种。最后可以根据确定的图片类型确定对应的目标图片对象。需要说明的是,目标图片对象可以包括自定义的封面帧图片以及每一个待生成帧图片。
具体而言,对于不同的图片类型,获取所述目标图片对象的方式也不同,以提高确定的目标图片对象的准确率和效率。根据确定的图片类型确定对应的目标图片对象的第一种方式包括:如果所述待展示图片的图片类型为动态图片,则读取所述待展示图片的动画信息;根据所述动画信息提取所述待展示图片的播放信息,以确定封面帧图片。也就是说,如果图片类型为动态图片,则可以读取待展示图片的动画信息,此处的动画信息例如可以包括动画循环次数以及动画总帧数等信息。进一步地,可以遍历动态GIF图片中的所有帧图片,根据获取的动画信息提取待展示图片中每一帧图片的播放信息并进行保存,并从所有帧图片中选择一帧图片设置为封面帧图片。
进一步地,在确定封面帧图片之后,可以确定待生成帧图片。具体包括:确定所述待展示图片中当前帧图片对应的当前索引位置;根据一缓存策略以及所述当前索引位置确定待生成帧图片的索引位置;根据所述索引位置生产所述待生成帧图片,以提取所述待生成帧图片。
当前帧图片对应的当前索引位置指的是当前帧图片在时间索引文件中的地址。可通过提取动态图片中各帧的时间戳文件,并将时间戳文件按时间顺序组成时间索引文件。缓存策略例如可以包括按需缓存和预缓存。其中,按需缓存是指把从服务器获取的内容以某种格式放在本地的文件系统,之后对于每次请求,检查缓存中时候存在这块数据,只有当数据不存在的情况才从服务器获取。这样的话,缓存层就和处理器的高速缓存差不多。按需缓存可以通过在打开一个viewcontroller是按需地缓存数据模型来实现,而不是在一个后台线程上做这件事,以可以在一个URL请求返回成功应答时实现按需缓存。预缓存是指把内容放在本地以备将来访问,对预缓存来说,数据丢失或不命中是不可接受的,比如说用户下载了文章准备在地铁上看,却发现设备商不存在这些文章。实现预缓存可能需要一个后台线程访问数据并以有意义的格式保存,以便本地缓存无需重新连接服务器即可编辑。可以根据设置或者GIF动画的占用内存大小,结合各缓存策略的优缺点,确认缓存策略。
接下来,在判断图片类型为动态图片即GIF图片时,首先对其索引位置进行判断,以避免出现越界情况。接下来,可以记录当前取出的帧图片即当前帧图片对应的当前索引位置。进而可以根据确定的缓存策略和当前帧图片对应的当前索引位置确定接下来需要生产的待生成帧图片对应的索引位置。需要说明的是,每一个索引位置均与一帧图片唯一对应。待生成帧图片的索引位置可以为当前帧图片之后的帧图片的索引位置。进一步地,可根据确定的待生成帧索引位置生产待生成帧图片。例如,当前帧图片为第3帧图片,则待生成帧图片为第4帧图片。在产生待生成帧图片之后,可取出对应的待生成帧图片,并在取出之后根据缓存策略清除相关缓存。通过确定索引位置,可以提高生产待生成帧图片的准确率,避免造成误操作。
需要说明的是,本示例实施方式中,在对GIF图片进行解析时,参考了FLAnimatedImage的实现原理,并在其基础上做了一层兼容性封装。其中,FLAnimatedImage是App中渲染GIF图片使用的库。其中一个线程负责渲染GIF的每一帧的图片内容,其中渲染指的是加载GIF文件数据,然后抽取出来当前需要的帧。这个加载图片的过程是通过异步线程进行的。然后FLAnimatedImage会有一个内存区域专门放置这些渲染好的帧。进一步地,在主线程中的ImageView会根据当前需要,从这个内存区域中读取相应的帧。通过这种方式,可以提高图片解析效率。
除此之外,根据确定的图片类型确定对应的目标图片对象的第二种方式包括:如果通过图片数据确定所述待展示图片的图片类型为静态图片,则可以调用系统接口缓存该图片数据。除此之外,可直接将该静态类型的图片数据作为目标图片对象,以进行后续操作。
在步骤S130中,通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件。
图片加载控件可以为对系统自带的原始图片加载控件imageView,进行封装得到的自定义图片加载控件。在得到图片加载控件之后,可进一步对目标图片对象进行动态布局,以得到地图标识控件。具体过程包括:按照播放顺序对所述目标图片对象与一预设图片进行匹配;如果所述目标图片对象与所述预设图片不匹配,则设置所述目标图片对象的图片参数;通过所述图片参数对所述目标图片对象进行动态布局,以获取所述地图标识控件。此处的预设图片指的是直接从服务端获取的待显示图片。如果自定义的目标图片对象为动态图片,则可以按照目标图片对象播放的先后顺序读取每一帧图片,进而判断目标图片对象与待显示图片是否匹配。如果二者匹配,则停止继续设置直接展示即可;如果二者不匹配,则进一步设置目标图片对象的图片参数,该图片参数例如可以包括封面帧图片、当前帧索引位置、播放次数以及播放时间等参数。接下来可以更新是否发起动画的标志位,以判断是否启动GIF动画。最后可以根据获得的图片参数刷新图片加载控件的layer展示,以得到地图标识控件。
由于目标图片对象的类型多种多样,因此可以得到不同的地图标识控件。地图标识控件可以根据得到的目标图片对象获得。举例而言,地图标识控件可以与用户购买商品的种类关联,例如用户购买的是冰箱,则可以将地图标识控件设置为冰箱;地图标识控件也可以与用户购买商品的送货日期关联,例如圣诞节当天的地图标识控件可以为圣诞老人;用户生日当天的地图标识控件例如可以为生日蛋糕。除此之外,地图标识控件也可以为动态图片类型的待展示图片中。通过这种方式可提高地图标识控件的多样性。
接下来,在步骤S140中,在背景视图上展示所述地图标识控件,以进行图片展示。
背景视图例如可以为固定大小的地图或者是其它图片,可由程序开发人员采用程序创建。具体过程包括:将与背景视图关联的背景视图控件添加至预设地图标识控件;对所述预设地图标识控件的尺寸进行调整,得到指定大小的预设地图标识控件;确定指定大小的所述预设地图标识控件的锚点位置;根据所述锚点位置将所述地图标识控件添加至所述背景视图控件,以进行图片展示。
其中,可以将创建的背景视图用一个背景视图控件来表示,以方便进行调整。预设地图标识控件例如可以为系统中默认的地图标识控件,可以通过该预设地图标识控件确定自定义的地图标识控件的大小。进一步地,可以将背景视图控件添加至预设地图标识控件,并将预设地图标识控件调整为指定大小。指定大小可以根据实际需求进行设置,例如可以为与背景视图控件的大小一致。接下来,可以确定预设地图标识控件的锚点位置。锚点位置可用于描述自定义的地图标识控件与地图上经纬度对应的点。具体可以将背景视图控件底部中心点的位置设置为地图标识控件的锚点位置。接下来,可以根据预设地图标识控件的锚点位置将对图片加载控件进行封装得到的地图标识控件添加至背景视图控件上。在添加地图标识控件时,参考图4中所示,地图标识控件A的大小可以根据待展示图片的大小动态适配。需要说明的是,在竖直方向上,地图标识控件A的一端到锚点位置的距离为固定高度,例如10厘米;在水平方向上,地图标识控件A的中心点位置与背景视图控件的中心点位置相同。在确定显示位置之后,可以在地图上展示配置的地图标识控件。
举例而言,如果是在圣诞节当天给用户送快递,那么在地图上用户看到的是一个圣诞老人的大头针图片在向他移动;如果是在用户生日当天给用户送快递,那么用户在地图上看到是一个电商平台的祝福GIF在向他移动;或可能用户购买的商品是电冰箱,那么在地图上用户看到的是一个电冰箱在向他移动。通过本示例中的方式,可以把地图上固定的大头针图片,变成动态可配置的图片或动态GIF图。
通过本示例中的实施方式,用户可以在物流页面上看到各式各样的地图标识控件的移动,丰富了显示形式,提高了多样性,提高了物流页面与电商多样化运营的场景切合度。除此之外,提高了用户在查看物流状态时的用户体验,增强了电商App与用户之间的粘性。
参考图3中的系统架构进行说明。整个系统300包括服务端301和客户端302,其中客户端302包括图片处理模块3021以及MapView展示模块3022。MapView展示模块3022包括自定义大头针标识模块30221和MapView模块30222.
图5示出了展示地图标识控件的流程图,具体包括以下步骤:
步骤S510,创建移动端地图;
步骤S511,将移动端地图展示在界面上;
步骤S520,创建大头针;
步骤S521,遵守移动端地图协议方法;
步骤S512,移动端地图将大头针插入地图;
步骤S513,在协议方法中创建大头针对应的大头针标识;
S5131,请求图片配置系统;
S5132,解析图片;
S5133,通过图片加载控件封装图片,并转至步骤S515;
步骤S514,自定义大头针标识确定锚点位置;
步骤S515,自定义大头针标识动态布局;
步骤S516,刷新界面并进行展示。
本公开还提供了一种图片展示装置。参考图6所示,该图片展示装置600可以包括:
图片获取模块601,可以用于获取待展示图片;
图片解析模块602,可以用于对所述待展示图片进行解析处理,以输出目标图片对象;
控件获取模块603,可以用于通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;
控件展示模块604,可以用于在背景视图上展示所述地图标识控件,以进行图片展示。
需要说明的是,上述图片展示装置中各模块的具体细节已经在对应的图片展示方法中进行了详细描述,因此此处不再赘述。
应当注意,尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元,但是这种划分并非强制性的。实际上,根据本公开的实施方式,上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之,上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
此外,尽管在附图中以特定顺序描述了本公开中方法的各个步骤,但是,这并非要求或者暗示必须按照该特定顺序来执行这些步骤,或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的,可以省略某些步骤,将多个步骤合并为一个步骤执行,以及/或者将一个步骤分解为多个步骤执行等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。
在本公开的示例性实施例中,还提供了一种能够实现上述方法的电子设备。
所属技术领域的技术人员能够理解,本发明的各个方面可以实现为系统、方法或程序产品。因此,本发明的各个方面可以具体实现为以下形式,即:完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等),或硬件和软件方面结合的实施方式,这里可以统称为“电路”、“模块”或“系统”。
下面参照图7来描述根据本发明的这种实施方式的电子设备700。图7显示的电子设备700仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示,电子设备700以通用计算设备的形式表现。电子设备700的组件可以包括但不限于:上述至少一个处理单元710、上述至少一个存储单元720、连接不同系统组件(包括存储单元720和处理单元710)的总线730。
其中,所述存储单元存储有程序代码,所述程序代码可以被所述处理单元710执行,使得所述处理单元710执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如,所述处理单元710可以执行如图1中所示的步骤:在步骤S110中,获取待展示图片;在步骤S120中,对所述待展示图片进行解析处理,以输出目标图片对象;在步骤S130中,通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;在步骤S140中,在背景视图上展示所述地图标识控件,以进行图片展示。
存储单元720可以包括易失性存储单元形式的可读介质,例如随机存取存储单元(RAM)7201和/或高速缓存存储单元7202,还可以进一步包括只读存储单元(ROM)7203。
存储单元720还可以包括具有一组(至少一个)程序模块7205的程序/实用工具7204,这样的程序模块7205包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
总线730可以为表示几类总线结构中的一种或多种,包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。
电子设备700也可以与一个或多个外部设备800(例如键盘、指向设备、蓝牙设备等)通信,还可与一个或者多个使得用户能与该电子设备700交互的设备通信,和/或与使得该电子设备700能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口750进行。并且,电子设备700还可以通过网络适配器760与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器760通过总线730与电子设备700的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备700使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
通过以上的实施方式的描述,本领域的技术人员易于理解,这里描述的示例实施方式可以通过软件实现,也可以通过软件结合必要的硬件的方式来实现。因此,根据本公开实施方式的技术方案可以以软件产品的形式体现出来,该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM,U盘,移动硬盘等)中或网络上,包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。
在本公开的示例性实施例中,还提供了一种计算机可读存储介质,其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中,本发明的各个方面还可以实现为一种程序产品的形式,其包括程序代码,当所述程序产品在终端设备上运行时,所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。
参考图8所示,描述了根据本发明的实施方式的用于实现上述方法的程序产品900,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
此外,上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明,而不是限制目的。易于理解,上述附图所示的处理并不表明或限制这些处理的时间顺序。另外,也易于理解,这些处理可以是例如在多个模块中同步或异步执行的。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其他实施例。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。
Claims (14)
1.一种图片展示方法,其特征在于,包括:
获取待展示图片;
对所述待展示图片进行解析处理,以输出目标图片对象;
通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;
在背景视图上展示所述地图标识控件,以进行图片展示。
2.根据权利要求1所述的图片展示方法,其特征在于,对所述待展示图片进行解析处理,以输出目标图片对象包括:
如果待展示图片对应的二进制数据满足预设条件,则对所述二进制数据进行数据处理,以生成图片数据;
通过所述图片数据确定所述待展示图片的图片类型;
通过所述图片类型获取所述目标图片对象。
3.根据权利要求2所述的图片展示方法,其特征在于,通过所述图片类型获取所述目标图片对象包括:
如果所述待展示图片的图片类型为动态图片,则读取所述待展示图片的动画信息;
根据所述动画信息提取所述待展示图片的播放信息,以确定封面帧图片。
4.根据权利要求3所述的图片展示方法,其特征在于,所述方法还包括:
确定所述待展示图片中当前帧图片对应的当前索引位置;
根据一缓存策略以及所述当前索引位置确定待生成帧图片的索引位置;
根据所述索引位置生产所述待生成帧图片,以提取所述待生成帧图片。
5.根据权利要求4所述的图片展示方法,其特征在于,所述缓存策略根据所述动态图片的内存信息确定。
6.根据权利要求2所述的图片展示方法,其特征在于,通过所述图片类型获取所述目标图片对象包括:
如果通过图片数据确定所述待展示图片的图片类型为静态图片,则缓存所述图片数据并将所述图片数据作为目标图片对象。
7.根据权利要求1所述的图片展示方法,其特征在于,通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件包括:
按照播放顺序对所述目标图片对象与一预设图片进行匹配;
如果所述目标图片对象与所述预设图片不匹配,则设置所述目标图片对象的图片参数;
通过所述图片参数对所述目标图片对象进行动态布局,以获取所述地图标识控件。
8.根据权利要求7所述的图片展示方法,其特征在于,所述图片参数包括封面帧图片、当前帧索引位置、播放次数以及播放时间。
9.根据权利要求1所述的图片展示方法,其特征在于,在背景视图上展示所述地图标识控件,以进行图片展示包括:
将与背景视图关联的背景视图控件添加至预设地图标识控件;
对所述预设地图标识控件的尺寸进行调整,得到指定大小的预设地图标识控件;
确定指定大小的所述预设地图标识控件的锚点位置;
根据所述锚点位置将所述地图标识控件添加至所述背景视图控件,以进行图片展示。
10.根据权利要求9所述的图片展示方法,其特征在于,所述锚点位置根据所述背景视图控件底部中心确定。
11.根据权利要求9所述的图片展示方法,其特征在于,竖直方向上所述地图标识控件到所述锚点位置的距离为固定距离,水平方向上所述地图标识控件与所述背景视图控件的中心点相同。
12.一种图片展示装置,其特征在于,包括:
图片获取模块,用于获取待展示图片;
图片解析模块,用于对所述待展示图片进行解析处理,以输出目标图片对象;
控件获取模块,用于通过图片加载控件对所述目标图片对象进行动态布局,以获取地图标识控件;
控件展示模块,用于在背景视图上展示所述地图标识控件,以进行图片展示。
13.一种电子设备,其特征在于,包括:
处理器;以及
存储器,用于存储所述处理器的可执行指令;
其中,所述处理器配置为经由执行所述可执行指令来执行权利要求1-11任意一项所述的图片展示方法。
14.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-11任意一项所述的图片展示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810344938.3A CN110390570A (zh) | 2018-04-17 | 2018-04-17 | 图片展示方法及装置、电子设备、存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810344938.3A CN110390570A (zh) | 2018-04-17 | 2018-04-17 | 图片展示方法及装置、电子设备、存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110390570A true CN110390570A (zh) | 2019-10-29 |
Family
ID=68282692
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810344938.3A Pending CN110390570A (zh) | 2018-04-17 | 2018-04-17 | 图片展示方法及装置、电子设备、存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110390570A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110929193A (zh) * | 2019-11-20 | 2020-03-27 | 北京明略软件系统有限公司 | 一种信息循环展示方法、信息循环展示装置及电子设备 |
CN112949488A (zh) * | 2021-03-01 | 2021-06-11 | 北京京东振世信息技术有限公司 | 图片信息处理方法及装置、计算机存储介质、电子设备 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102819422A (zh) * | 2011-06-09 | 2012-12-12 | 腾讯科技(深圳)有限公司 | 通过控件加载远程图片的方法及系统 |
CN103366634A (zh) * | 2012-03-28 | 2013-10-23 | 嘉兴佳利电子股份有限公司 | 图片嵌入电子地图无缝连接的方法 |
WO2015035943A1 (zh) * | 2013-09-13 | 2015-03-19 | 北京奇虎科技有限公司 | 一种在浏览器中进行图片加载的方法、装置和浏览器 |
CN104850370A (zh) * | 2014-02-17 | 2015-08-19 | 阿里巴巴集团控股有限公司 | 在背景显示区域显示订单信息的方法及装置 |
CN106127430A (zh) * | 2016-06-16 | 2016-11-16 | 国网天津市电力公司 | 一种基于电力企业的物流系统及实时跟踪方法 |
CN106155496A (zh) * | 2015-04-27 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 一种信息展示方法及装置 |
CN106406915A (zh) * | 2016-11-18 | 2017-02-15 | 北京小度信息科技有限公司 | 界面显示方法及装置 |
CN107480248A (zh) * | 2017-08-11 | 2017-12-15 | 北京安云世纪科技有限公司 | 地理位置信息的加载方法、装置及移动终端 |
CN107610206A (zh) * | 2017-09-29 | 2018-01-19 | 北京金山安全软件有限公司 | 动态图片的处理方法、装置、存储介质及电子设备 |
US20180041623A1 (en) * | 2016-08-05 | 2018-02-08 | Alibaba Group Holding Limited | Method and device for displaying application information |
-
2018
- 2018-04-17 CN CN201810344938.3A patent/CN110390570A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102819422A (zh) * | 2011-06-09 | 2012-12-12 | 腾讯科技(深圳)有限公司 | 通过控件加载远程图片的方法及系统 |
CN103366634A (zh) * | 2012-03-28 | 2013-10-23 | 嘉兴佳利电子股份有限公司 | 图片嵌入电子地图无缝连接的方法 |
WO2015035943A1 (zh) * | 2013-09-13 | 2015-03-19 | 北京奇虎科技有限公司 | 一种在浏览器中进行图片加载的方法、装置和浏览器 |
CN104850370A (zh) * | 2014-02-17 | 2015-08-19 | 阿里巴巴集团控股有限公司 | 在背景显示区域显示订单信息的方法及装置 |
CN106155496A (zh) * | 2015-04-27 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 一种信息展示方法及装置 |
CN106127430A (zh) * | 2016-06-16 | 2016-11-16 | 国网天津市电力公司 | 一种基于电力企业的物流系统及实时跟踪方法 |
US20180041623A1 (en) * | 2016-08-05 | 2018-02-08 | Alibaba Group Holding Limited | Method and device for displaying application information |
CN106406915A (zh) * | 2016-11-18 | 2017-02-15 | 北京小度信息科技有限公司 | 界面显示方法及装置 |
CN107480248A (zh) * | 2017-08-11 | 2017-12-15 | 北京安云世纪科技有限公司 | 地理位置信息的加载方法、装置及移动终端 |
CN107610206A (zh) * | 2017-09-29 | 2018-01-19 | 北京金山安全软件有限公司 | 动态图片的处理方法、装置、存储介质及电子设备 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110929193A (zh) * | 2019-11-20 | 2020-03-27 | 北京明略软件系统有限公司 | 一种信息循环展示方法、信息循环展示装置及电子设备 |
CN112949488A (zh) * | 2021-03-01 | 2021-06-11 | 北京京东振世信息技术有限公司 | 图片信息处理方法及装置、计算机存储介质、电子设备 |
CN112949488B (zh) * | 2021-03-01 | 2023-09-01 | 北京京东振世信息技术有限公司 | 图片信息处理方法及装置、计算机存储介质、电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109034907A (zh) | 广告数据投放方法及装置、电子设备、存储介质 | |
CN110278388A (zh) | 展示视频的生成方法、装置、设备及存储介质 | |
CN108829885A (zh) | 页面生成方法、装置、服务器、电子设备及存储介质 | |
WO2019076624A1 (en) | OPEN EXTERNALIZATION ACTIVATED BY BLOCK CHAIN | |
CN107516090A (zh) | 一体化人脸识别方法和系统 | |
CN108805594A (zh) | 信息推送方法和装置 | |
CN104798094B (zh) | 确定内容项目显示环境的配置 | |
CN109213486A (zh) | 用于生成用户定制的可视化组件的方法和装置 | |
CN109408189A (zh) | 客户端界面布局的动态调整方法、装置、设备和介质 | |
CN108874810A (zh) | 信息采集的方法和装置 | |
CN107656768A (zh) | 控制页面跳转的方法及其系统 | |
CN110390570A (zh) | 图片展示方法及装置、电子设备、存储介质 | |
CN109389182A (zh) | 用于生成信息的方法和装置 | |
CN108985228A (zh) | 应用于终端设备的信息生成方法和装置 | |
CN109582825A (zh) | 用于生成信息的方法和装置 | |
CN110381352A (zh) | 虚拟礼物的显示方法、装置、电子设备及可读介质 | |
CN110324185A (zh) | 超参数调优方法、装置、服务器、客户端及介质 | |
CN108241689A (zh) | 页面资源获取方法、装置和客户端设备 | |
CN109168012A (zh) | 用于终端设备的信息处理方法和装置 | |
CN108174288A (zh) | 播放方法、装置、显示终端和存储介质 | |
CN112132599A (zh) | 图像处理方法及装置、计算机可读存储介质、电子设备 | |
CN108154916A (zh) | 用于离线执行护理服务的方法、装置、介质及电子设备 | |
US20230396857A1 (en) | Video generation method and apparatus, and electronic device and computer-readable medium | |
US10506066B2 (en) | Apparatus and method of providing virtualization service platform | |
CN108664610A (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 |