CN112162687B - 图片生成方法和装置、存储介质及电子设备 - Google Patents

图片生成方法和装置、存储介质及电子设备 Download PDF

Info

Publication number
CN112162687B
CN112162687B CN202011140074.7A CN202011140074A CN112162687B CN 112162687 B CN112162687 B CN 112162687B CN 202011140074 A CN202011140074 A CN 202011140074A CN 112162687 B CN112162687 B CN 112162687B
Authority
CN
China
Prior art keywords
view
target
page
display
current page
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.)
Active
Application number
CN202011140074.7A
Other languages
English (en)
Other versions
CN112162687A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202011140074.7A priority Critical patent/CN112162687B/zh
Publication of CN112162687A publication Critical patent/CN112162687A/zh
Application granted granted Critical
Publication of CN112162687B publication Critical patent/CN112162687B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements 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/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Abstract

本发明公开了一种图片生成方法和装置、存储介质及电子设备。其中,该方法包括:显示当前页面,其中,当前页面中包括页面元素;在接收到对当前页面的调整指令的情况下,显示当前页面中的页面元素的目标视图,其中,目标视图为与页面元素对应的视图;在接收对目标视图执行的编辑操作的情况下,响应编辑操作调整目标视图,其中,编辑操作用于调整目标视图的显示属性信息;利用调整后的目标视图,生成与当前页面对应的目标图片。本发明解决了生成的长图效率低的技术问题。

Description

图片生成方法和装置、存储介质及电子设备
技术领域
本发明涉及计算机领域,具体而言,涉及一种图片生成方法和装置、存储介质及电子设备。
背景技术
现有技术中,在生成长图的过程中,通常采用的方法是多次截屏,得到多个图片,然后通过将多个图片进行拼接组合,得到最后的长图。
然而,若是采用上述方法,则需要多次的截屏得到截屏图片,然后将截屏图片组合为长图。该过程需要多次的截屏,并且需要在截屏时,将页面的内容调整到合适的位置,造成在生成长图的过程中,操作复杂,效率低。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种图片生成方法和装置、存储介质及电子设备,以至少解决生成的长图效率低的技术问题。
根据本发明实施例的一个方面,提供了一种图片生成方法,包括:显示当前页面,其中,所述当前页面中包括页面元素;在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。
根据本发明实施例的另一方面,还提供了一种图片生成装置,包括:第一显示单元,用于显示当前页面,其中,所述当前页面中包括页面元素;第二显示单元,用于在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;调整单元,用于在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;生成单元,用于利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。
作为一种可选的实施方式,上述第二显示单元包括:创建模块,用于按照所述页面元素在所述当前页面中的显示位置布局,创建所述当前页面的页面视图容器;显示模块,用于在所述页面视图容器中显示所述目标视图,其中,所述目标视图在所述页面视图容器中的显示位置与所述页面元素在所述当前页面中的所述显示位置布局一致。
根据本发明实施例的又一方面,还提供了一种计算机可读的存储介质,该计算机可读的存储介质中存储有计算机程序,其中,该计算机程序被设置为运行时执行上述图片生成方法。
根据本发明实施例的又一方面,还提供了一种电子设备,包括存储器和处理器,上述存储器中存储有计算机程序,上述处理器被设置为通过上述计算机程序执行上述的图片生成方法。
在本发明实施例中,采用显示当前页面,其中,所述当前页面中包括页面元素;在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;利用调整后的所述目标视图,生成与所述当前页面对应的目标图片的方法,由于在上述方法中,在生成图片的过程中,可以在显示图片后,接收调整指令并显示图片中的页面元素的视图,接着接收到对目标视图执行的编辑操作的情况下,可以编辑目标视图,并使用编辑后的目标视图生成目标图片,从而实现了对当前显示的页面内容直接编辑,并利用编辑后的内容生成目标图片的效果。进而解决了生成的长图效率低的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的一种可选的图片生成方法的应用环境的示意图;
图2是根据本发明实施例的另一种可选的图片生成方法的应用环境的示意图;
图3是根据本发明实施例的一种可选的图片生成方法的流程的示意图;
图4是根据本发明实施例的一种可选的图片生成方法的分享按钮的示意图;
图5是根据本发明实施例的一种可选的图片生成方法的视图的示意图;
图6是根据本发明实施例的一种可选的图片生成方法的移动视图的示意图;
图7是根据本发明实施例的一种可选的图片生成方法的目标图片的示意图;
图8是根据本发明实施例的一种可选的图片生成方法的生成目标图片的示意图;
图9是根据本发明实施例的一种可选的图片生成方法的生成视图的示意图;
图10是根据本发明实施例的一种可选的图片生成方法的对视图进行处理的示意图;
图11是根据本发明实施例的一种可选的图片生成方法的删除视图的示意图;
图12是根据本发明实施例的一种可选的图片生成方法的显示隐藏视图的示意图;
图13是根据本发明实施例的一种可选的图片生成方法的添加辅助视图容器的示意图;
图14是根据本发明实施例的一种可选的图片生成方法的视图分为不同的类型的示意图;
图15是根据本发明实施例的一种可选的图片生成方法的列表视图的示意图;
图16是根据本发明实施例的一种可选的图片生成方法的调整视图的示意图;
图17是根据本发明实施例的另一种可选的图片生成方法的流程示意图;
图18是根据本发明实施例的又一种可选的图片生成方法的流程示意图;
图19是根据本发明实施例的又一种可选的图片生成方法的流程示意图;
图20是根据本发明实施例的一种可选的图片生成装置的结构示意图;
图21是根据本发明实施例的一种可选的电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
根据本发明实施例的一个方面,提供了一种图片生成方法,可选地,作为一种可选的实施方式,上述图片生成方法可以但不限于应用于如图1所示的应用环境中。
如图1所示,终端设备102包括了存储器104,用于存储终端设备102运行过程中产生的各项数据、处理器106,用于处理运算上述各项数据、显示器108,用于显示当前页面与目标图片。终端设备102上可以运行当前页面。终端设备102可以通过网络110与服务器112之间进行数据交互。终端设备102可以向服务器112发送生成的目标图片,服务器112可以对生成的目标图片进行分享,并返回分享结果。服务器112包括数据库114,用于存储目标图片,处理引擎116,用于分享目标图片。终端设备102显示当前页面,在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。终端设备102可以通过步骤S102发送目标图片到服务器112,服务器112执行步骤S104分享目标图片,并S106返回分享结果给终端设备102。
可选地,上述图片生成方法可以但不限于应用于如图2所示的应用环境中。如图2所示,终端设备202包括了存储器204,用于存储终端设备202运行过程中产生的各项数据、处理器206,用于处理运算上述各项数据、显示器208,用于显示当前页面与目标图片。如步骤S202到步骤S208,终端设备202上可以运行当前页面。在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。
可选地,在本实施例中,上述终端设备可以是配置有目标客户端的终端设备,可以包括但不限于以下至少之一:手机(如Android手机、iOS手机等)、笔记本电脑、平板电脑、掌上电脑、MID(Mobile Internet Devices,移动互联网设备)、PAD、台式电脑、智能电视等。目标客户端可以是视频客户端、即时通信客户端、浏览器客户端、教育客户端等。上述网络可以包括但不限于:有线网络,无线网络,其中,该有线网络包括:局域网、城域网和广域网,该无线网络包括:蓝牙、WIFI及其他实现无线通信的网络。上述服务器可以是单一服务器,也可以是由多个服务器组成的服务器集群,或者是云服务器。上述仅是一种示例,本实施例中对此不作任何限定。
可选地,作为一种可选的实施方式,如图3所示,上述图片生成方法包括:
S302,显示当前页面,其中,所述当前页面中包括页面元素;
S304,在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;
S306,在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;
S308,利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。
可选地,上述图片生成方法可以但不限于应用于生成图片的过程中。例如,用户在浏览当前页面的过程中,希望就当前页面中的内容生成一张目标图片,则可以对显示当前页面的客户端执行操作,客户端可以接收到操作对应的调整指令后显示当前页面中的页面元素的目标视图。并接收到编辑操作的情况下调整目标视图,利用调整后的目标视图生成目标图片。其中,在显示当前页面中的页面元素的目标视图之前,客户端响应触发的操作,构建页面视图容器,在页面视图容器中显示目标视图。接着客户端响应对页面视图容器中的视图的编辑操作,调整视图,利用调整后的视图对应的位图,生成目标图片。生成的目标图片可以进行分享,或者保存等。
通过上述方法,从而可以在生成长图的过程中,不需要使用截图后的多个图片来生成长图,可以对长图中的视图进行调整,提高了生成的目标图片的效率。
可选的,上述在客户端中触发的操作可以为预设的操作。如对运行客户端的终端的点击、长按、双击、滑动等操作,或者对终端执行的动作,如摇晃终端、平移终端、使用终端画预定的图像等动作。在触发上述操作后,终端上的客户端响应上述操作,接收当前显示的当前页面中的页面元素的元素数据。上述操作还可以通过预定的按钮实现。如新增虚拟按钮,当虚拟按钮被触发的情况下,响应于触发的操作。或者,可以对客户端上现有的虚拟按钮的功能进行丰富,如对已经有的虚拟按钮进行再编辑,使其具备触发操作的功能。如对于分享按钮,分享按钮可以有分享的功能。但是对分享按钮再编辑后,可以使分享按钮在被触发的情况下,接收当前显示的当前页面中所有页面元素的元素数据,生成目标图片,并分享目标图片。
可选地,上述当前页面可以为当前用户正在浏览的页面。当前页面可以在当前的显示界面上显示全部或者显示一部分。也就是说,当前显示的当前页面可以为一个页面的一部分,也可以为一个页面的全部。可以根据指令确定在生成目标图片的时候,是接收当前显示的当前页面的显示部分的页面元素的元素数据,还是接收当前显示的当前页面中显示的和未显示的所有的页面元素的元素数据。
可选地,元素数据可以为页面元素的属性数据,用于记录页面元素在页面中的属性,例如可以包括位置、大小、形状、颜色、背景等各种页面元素可以具备的属性。
可选地,在获取到当前页面的页面元素的元素数据之后,可以通过元素数据构建页面视图容器,页面视图容器可以为用于显示视图,视图是与元素数据匹配的视图,一个元素数据或者多个元素数据可以对应一个视图或者多个视图。页面视图容器显示视图后,可以接收编辑指令对视图进行编辑。视图的编辑可以但不限于对视图的增删查改、排序、替换等。
上述显示属性信息可以控制视图的显示样式,显示属性信息发生变化后,视图的显示的样式可以发生变化。当对页面视图容器中的视图调整完成之后,可以利用调整后的视图的位图生成目标图片。
可选地,生成目标图片后,可以对目标图片进行分享,如生成目标图片后,自动将目标图片分享到预定的位置。或者,自动将目标图片分享给预定的账号。目标图片可以被分享给好友,或者分享到服务器,由服务器展示到网络上,其他账号可以查看目标图片。
以一个具体示例进行说明。例如,用户通过客户端浏览当前页面,当前页面可以为客户端的页面,或者客户端通过接口调用的其他客户端的页面。对于一个页面,例如如图4所示,可以包括分享按钮402,当点击分享按钮402时,可以生成如图5所示的页面视图容器,容器中包括了多个视图,每个视图的类型可能不同,可以包括图像视图、文字视图。图5中的视图仅仅为一种示例。需要说明的是,图4中的分享按钮可能并不是在当前页面上的内容,因此,在图5中没有对应的视图。用户可以对视图进行操作,如图6所示,拖动602中的多个视图,调整到604处,可以批量调整也可以一个视图一个视图依次调整。在调整视图之后,用户可以触发一个确认操作,则客户端按照调整后的视图对应的位图生成目标图片。生成的目标图片如图7所示。大小一列被调整到时间一列之后。当然,上述提到的只涉及到位置的调整。本申请实施例可以对视图进行增删查改、替换、复制等各项操作。
当然,对于长图,则如图8所示,显示区域802外的内容804也应生成图片。显示区域外的内容802同样属于当前页面中的内容,如果用户没有删除在生成图片时,也应保留。生成的目标图片806中包括了内容804。
通过本实施例,通过上述方法,从而实现了在生成长图的过程中,可以对当前页面中的元素数据对应的视图进行调整,并使用调整后的视图的位图生成目标图片,提高了生成的目标图片的效率。
可选地,本申请实施例可以根据元素数据的数据类型构建与当前页面匹配的页面视图容器。
按照数据类型为元素数据创建对应的视图,其中,在元素数据中包括列表数据的情况下,通过列表适配器创建与列表数据对应的列表视图,列表视图包括至少一项子视图,子视图中包括至少一个对象视图;
将视图按照页面元素在当前页面中的显示位置布局,以构建出页面视图容器。
可选的,不同类型的元素数据可以对应不同类型的视图。元素数据的类型可以但不限于包括按钮类型、图片类型、文本框类型、列表类型。不同的类型的元素数据对应到不同类型的视图,通过对应类型的视图显示出元素数据。如果是列表类型的元素数据,则创建对应的列表视图,列表类型的元素数据(列表数据)中的每一行数据或者每一列数据或者每一个单元格的数据对应列表视图中的一个子视图。例如,如图9所示,页面902上包括了用户图标与历史记录904等内容,还包括了历史记录中的多条数据。除了将用户图标与历史记录904等内容转换为对应类型的视图906之外,还可以将多项数据转换为列表视图908。在得到所有视图后,将视图按照页面元素在当前页面中的显示位置布局,则得到页面视图容器。页面视图容器包括了多个视图,显示有当前页面上的所有内容。
继续结合上述示例进行说明。用户通过客户端浏览当前页面,当前页面可以为客户端的页面,或者客户端通过接口调用的其他客户端的页面。对于一个页面,当点击分享按钮时,可以生成页面视图容器,不同类型的页面元素生成对应类型的视图,视图显示在页面视图容器中。
通过本实施例,通过上述方法,从而在生成目标图片的过程中,在生成页面视图容器中的视图的过程中,可以根据元素数据的类型从而生成不同的类型的视图,实现了元素数据与视图的一一对应,提高了生成的视图的效率,进一步提高了生成额目标图片的效率。
可选地,本申请实施例可以响应于对视图的编辑操作,调整页面视图容器中视图的显示属性信息,得到调整后的视图。本申请实施例中的目标视图可以为列表视图,列表视图中可以包括一个或者多个子视图。
响应于对列表视图中的第一子视图执行的删除操作,将第一子视图的显示属性信息中的显示状态标签调整为隐藏;
响应于对列表视图中的第二子视图执行的拖动操作,将第二子视图的显示属性信息中的显示位置标签调整为拖动操作指示的目标位置;
响应于对列表视图中的子视图执行的替换操作,将被替换的第三子视图的显示属性信息中的显示状态标签调整为隐藏,将替换后的第四子视图的显示属性信息中的显示状态标签调整为显示;
在列表视图中所要展示的内容超出客户端的显示范围的情况下,响应于对列表视图执行的触发操作,将列表视图中当前显示在客户端内的子视图集合中各个子视图的显示属性信息中的显示状态标签调整为显示,并将列表视图中除子视图集合之外的其他子视图的显示属性信息中的显示状态标签调整为隐藏。
可选的,生成的视图是可以被进行操作以调整视图的。操作可以但不限于增删查改、排序、替换等操作。
可选的,上述删除操作可以为将视图在显示界面上取消显示。具体可以通过将视图删除,或者将视图隐藏来实现。
可选的,每一个视图(或者子视图)都可以设置一个配置窗口,用于显示配置按钮。如果选择一个视图后,希望调整该视图,可以触发配置窗口,通过配置窗口中的配置按钮来对视图进行调整。例如,如图10所示,图10中,列表视图1002包括了多个子视图。对其中一个子视图长按视图后显示窗口1004,窗口1004中显示有删除、变更、替换等按钮。
如果是对视图的删除,则可以将视图在显示界面上隐藏,不再显示,而实际视图并未删除,或者直接删除视图。如果是对视图的移动,则可以直接选中视图,进行拖动。如果是对视图的替换,则可以选中一个视图,然后替换为另一个视图。如果视图太大超出了显示区域的范围,则可以根据触发操作将超出显示范围的视图调整为隐藏,将处于显示范围内的视图设置为显示。
当然,如果视图为列表视图,则对于列表视图中的子视图可以分别进行设置,对于一个子视图的设置不会影响到其他的子视图。例如,如图11所示,删除一个子视图(1102所在位置原有一个子视图,被删除),其他子视图不受影响。可以将其他子视图向上移动,以对齐子视图,当然图11中是删除子视图后,其他子视图不变的示意图。用户可以通过对其子视图进行移动以调整其他子视图的位置。
如果是视图超出了显示区域的情况,还可以在接收到滑动操作的情况下,上下滑动页面视图容器,从而显示出显示区域外的视图,显示区域外的视图由隐藏调整为显示。例如,如图12所示,显示界面1202无法显示所有的子视图,子视图1204位于显示区域1202之外,通过向上滑动显示区域可以显示子视图1204。
通过本实施例,通过上述方法,从而可以实现对页面视图容器中的视图进行灵活的调整的效果,不仅仅可以调整视图的外在显示,还可以调整视图的属性,提高了生成的目标图片的效率。
可选地,本申请实施例可以响应于对列表视图中的子视图执行的替换操作,将被替换的第三子视图的显示属性信息中的显示状态标签调整为隐藏,将替换后的第四子视图的显示属性信息中的显示状态标签调整为显示。
将第三子视图的视图资源缓存到内存中;
利用第四子视图所需的元素数据及视图资源,构建第四子视图。例如,在当前页面中显示的视图可以被缓存到内存中,并隐藏当前显示的视图。而使用另外需要显示的视图的视图资源构建需显示的视图并显示。
可选地,对于替换视图或者子视图的情况,主要涉及到一个视图的隐藏或者删除,与另一个视图的显示或者新增。对于显示或者新增的视图,可以在内存中获取新增的视图所需要的元素数据以及视图资源,构建新增的视图。对于删除的视图,可以将该视图的视图资源缓存到内存中。
通过本实施例,通过上述方法,从而实现了将资源缓存到内存中或者从内存中获取资源,减少了页面内容的占用,提高了调整视图的效率。
可选地,本申请实施例可以响应于对视图的编辑操作,调整页面视图容器中视图的显示属性信息,得到调整后的视图,
响应于对页面视图容器执行的添加操作,添加辅助视图容器,其中,辅助视图容器包括:用于标识使用客户端的用户账号的身份信息的图像码对应的验证视图、用于装饰页面视图容器的道具对应的道具视图;
响应于对辅助视图容器中的视图的排列操作,调整辅助视图容器中各个视图的显示属性信息中的显示位置标签为排列重组后的位置。也就是说,本申请实施例中可以向当前页面中添加辅助视图容器,然后在辅助视图容器中显示第一视图。第一视图可以为额外添加的页面元素的视图。即,可以向当前页面中添加当前页面中没有的元素,显示该元素的第一视图。
可选地,上述辅助视图容器可以为向当前页面的页面视图容器中额外添加的视图所使用的容器。如当前页面的页面视图容器中包括当前页面中的元素数据,可以向页面视图容器中添加额外的元素数据,额外的元素数据由辅助视图容器承载。辅助视图容器可以覆盖在页面视图容器之上,辅助视图容器可以为透明,但额外的元素数据不透明,对应的视图不透明。
例如,辅助视图容器可以承载装饰用的视图,则将辅助视图容器覆盖在页面视图容器之上,装饰用的视图可以与页面视图容器中的视图一同显示。例如,如图13所示,图13中,在原有的视图或者子视图的基础上,添加辅助视图容器1302,添加视图。辅助视图容器1302可以覆盖在页面视图容器之上。
通过本实施例,通过上述方法,从而可以向页面视图容器中天举哀额外的视图,实现了提高生成的目标图片的效率的效果。
可选地,本申请实施例可以利用调整后的视图对应的位图,生成当前页面对应的目标图片。
将调整后的视图分别转换为对应的位图,并存储到位图列表中;
确定位图的总显示高度及最大显示宽度;
根据总显示高度及最大显示宽度创建画布;
在画布中绘制位图,得到目标位图;
对目标位图进行压缩保存,以生成目标图片。
可选地,上述总显示高度可以为视图转换为位图后,多个位图的高度的和。最大显示宽度可以为运行客户端的终端的显示屏的宽度,或者为位图的宽度之和。在创建画布时,可以创建宽度大于或等于最大显示宽度,高度大于或等于总显示高度的画布,以便绘制位图。在绘制位图的过程中,在画布上依次读取各个位图,并绘制各个位图,可以提高绘制的准确度,避免批量绘制出错。绘制完成后,可以将绘制有位图的画布作为目标位图,对目标位图进行压缩保存,得到目标图片。保存可以为将目标图片保存到预设的路径下。
通过本实施例,通过上述方法,从而实现了在生成目标图片的过程中,可以按照视图转换的位图的尺寸与大小在画布上绘制位图,以及生成目标图片,提高了生成的目标图片的效率。
可选地,本申请实施例可以在画布中绘制位图,得到目标位图。
遍历位图列表,依次取出当前位图,对当前位图执行以下操作:
确定首个已绘制的位图中绘制参考点的参考横坐标和参考纵坐标,及在当前位图之前已绘制的各个位图的显示高度之和;
获取参考纵坐标与显示高度之和的叠加结果;
将参考横坐标确定为当前位图中绘制参考点的当前横坐标,并将叠加结果确定为当前位图中绘制参考点的当前纵坐标;
按照当前横坐标及当前纵坐标,将当前位图绘制在画布中。
可选的,在绘制的过程中,依次绘制每一个位图。将每一个位图作为当前位图,对当前位图分别按照步骤进行绘制。首先,确定首个的绘制的参考点的横纵坐标。绘制参考点可以是绘制位图的起始点。对于当前的位图,起始点位于当前位图之前的所有位图的显示高度的和。将参考纵坐标与显示高度的和的叠加结果所在的位置确定为当前位图的绘制的当前纵坐标,将参考横坐标确定为当前位图绘制的横坐标。依次绘制每一个位图,实现提高位图绘制准确度的效果。
结合具体的示例进行说明。当用户浏览一个当前页面的时候,当前页面中包括页面中的数据,用户可以通过点击分享按钮,来实现将当前页面进行分享。当然,分享时,需要将当前页面转换为目标图片。首先,获取当前页(当前页面)的所有的视图view的大小与每一个view的显示所需要的元素数据。例如,view中是一张图片,则对应的元素数据为图片的数据。如果当前页的数据不止一屏,也就是说,还有当前的显示界面所未显示的数据,则未显示的数据同样需要获取。例如,以战绩列表为例,假设需要分享20条战绩信息,第一页10条数据已显示,但是用户战绩列表的第二页数据此时客户端本地缓存里面没有时,需要通过远程服务器进行获取。在获取到数据之后,通过数据构建视图。构建视图时,首先将获取到的新的数据厚茧一个列表,通过列表适配器来构建对应item的view视图。适配器是连接后端与前端的接口,是数据与前台显示之间的纽带。适配器主要在视图view中显示。适配器用于将复杂的数据以简单的方式进行显示。通过列表适配器构建条目Item。如果是其他视图元素时,只需要根据数据对应的视图类型进行构建,数据对应的视图可能是图片或者文本,也可能是视图容器。例如,如图14所示,图14为一种可选的页面视图容器的示意图。图14中页面视图容器中包括了多个视图1402,多个视图1402类型不同。如图15所示。如15可以为一种列表视图的示意图。一个列表视图中可以包括不同的子视图。子视图1502与子视图1504。
构建完视图后,用户可以根据视图容器(页面视图容器)的view启动视图容器的编辑功能,具体view的编辑功能的实现可以为用户选择将视图容器中的哪些view展示,哪些删除,也就是将决定在视图容器中的那些视图view需要显示,那些不需要显示。比如在战绩列表中,可以将战绩列表中认为不满意的数据项进行隐藏,然后让下一条战绩item的view替换不好的战绩的item的view。同时,如果view超出了显示界面时,创建的视图容器是支持上下滑动滚动或者翻页的。这样能保证用户在编辑时,可以对第一屏不可见的数据进行具体的操作。操作逻辑是当用户通过触摸屏碰触视图容器或者视图页面时,当前视图将接收到视图的点击事件,然后根据视图当前的状态来决定是隐藏还是显示。同时视图的中的子视图如果是列表时,还能够实现战绩顺序的调整,具体可通过长按列表item视图view来触发,长按之后将会触发view可以实现上下的拖动过程,然后可以通过上下拖动来调整列表中视图item的顺序,当用户调整完顺序之后,用户可以点击确认完成这个视图的编辑过程。如图16所示,将列表ietm2视图删除,将列表item3视图、文本视图与图片视图的位置进行了调整。需要说明的是,列表item3视图被调整到显示界面之外,虽然暂时不可见,但是在生成目标图片时,仍会保留在目标图片中,除非用户删除该视图或者设置为隐藏。
完成的视图容器的图片的编辑过程之后,需要将不同类型的视图容器进行排列组合,可以让最后生成的图片更有序。排列组合的过程就是不同的视图容器生成图片的过程,具体的生成原理如下:
对不同的视图容器通过视图容器的获取视图生产的bitmap位图,如图17的步骤S1702到步骤S1712所示。首先S1702,测量页面视图容器view的宽width和高height,然后S1704,创建测量的width和height大小的ARGB的bitmap位图。ARGB是一种色彩模式,在RGB色彩模式的基础上添加透明度的色彩模式。S1706,创建一块画布Cavas,S1708,调用Cavas的drawColor函数绘制整个画布的背景色,如果不设置背景色,则将背景色绘制为白色。S1710,调用Cavas的layout函数确定view在画布的具体为孩子,S1712,调用Cavas的draw函数获取view绘制出的bitmap位图。
对于未渲染的视图容器,例如视图容器包括列表视图的情况下,由于涉及到对列表视图的复用(视图与新数据进行组合),因此,需要把视图的item放到一个view的集合里最后通过拼接来完成整图的效果。当Item很多的时候,可能会发生内存溢出的问题。所以需要在获得bitmap之后对其进行压缩处理。如图18的步骤S1802到步骤S1816所示。S1802,调用视图容器列表对应的列表适配器listAdapter或者RecyclerView.Adapter,S1804,获取列表数据的个数与item数据的类型,不同的数据类型对应不同的itme样式,S1806,测量列表中每个itemView的宽width与高height,S1808,将列表中国每个ietmview转换为位图,暂存在内存的位图列表中,S1810,获取所有itemview生成位图的高度的综合totalHeight及所有位图中宽度的最大值,S1812,以宽度最大值与totalHeight创建ARGB位图Bitmap,同时创建Cavas画布,S1814,遍历位图列表依次取出位图,将取出的位图依次绘制在画布上,绘制的宽度与取出的位图宽度一致,绘制的高度从0开始累加,S1816,通过画布的drawColor方法绘制生成的大图的背景,回收列表中暂存的位图资源,获取到的Bitmap即为列表生成的大位图。
完成视图的编辑组合之后,将剩下的视图容器的组成一张完整的大图。首先将不同的视图容器view先转为图片,然后将所有获得的图片暂存在位图列表中,计算所有获取的位图高度的总和totalHeight及所有位图列表中宽度的最大值MaxWidth,根据totalHeight高度及maxWidth宽度值,创建一副带透明通道的位图BigBitmap,通过BigBitmap对象创建Cavas画布及画笔Paint,依次循环从内存暂存的位图列表中取出位图,并在cavas画布绘制出来,绘制的位置所有图片的横坐标都是从起点开始,纵坐标位置对第一张图是起点位置0开始,第二张图是从第一张图片的高度(即0+第一张图片的高度)开始,依次类推,最后一张图片绘制起点是前面所有图片的高度的和,直至绘制完所有bitmap。绘制完所有位图后,将获得一张BigBitmap占用内存很大的位图,因此需要将位图进行压缩并保存为JPG图片用于其他渠道的分享等。如图19的步骤S1902到步骤S1912所示。S1902,将排列组合后的视图容器view换换为图片,将图片暂存在内存中的图片文件列表中,S1904,计算所有视图获取的图片的总高度totalHeight和所有图片的位图的宽度,S1906,根据所有图片的宽度最大值与图片的所有高度在内存中创建带有透明度的BigBitmap位图,S1908,根据创建的位图BigBitmap创建一块画布与画笔Paint,S1910,依次循环从内存暂存的位图列表中取出位图,并在cavas画布绘制出来,绘制的位置横坐标从起点开始,纵坐标从第一张图的起点位置0开始,第二张图的纵坐标为第一张图的高度+0,以此类推,最后一张图的纵坐标为前面所有的图片的高度之和,绘制所有的位图,S1912,绘制完所有的位图后,获取到一张BigBitmap大图,对大图进行压缩保存为jpg格式的图片。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明并不受所描述的动作顺序的限制,因为依据本发明,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本发明所必须的。
根据本发明实施例的另一个方面,还提供了一种用于实施上述图片生成方法的图片生成装置。如图20所示,该装置包括:
第一显示单元2002,用于显示当前页面,其中,所述当前页面中包括页面元素;
第二显示单元2004,用于在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;
调整单元2006,用于在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;
生成单元2008,用于利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。
可选地,上述图片生成装置可以但不限于应用于生成图片的过程中。例如,用户在浏览当前页面的过程中,希望就当前页面中的内容生成一张目标图片,则可以对显示当前页面的客户端执行操作,客户端响应触发的操作,构建页面视图容器,接着客户端响应对页面视图容器中的视图的编辑操作,调整视图,利用调整后的视图对应的位图,生成目标图片。生成的目标图片可以进行分享,或者保存等。
通过上述方法,从而可以在生成长图的过程中,不需要使用截图后的多个图片来生成长图,可以对长图中的视图进行调整,提高了生成的目标图片的效率。
可选的,上述在客户端中触发的操作可以为预设的操作。如对运行客户端的终端的点击、长按、双击、滑动等操作,或者对终端执行的动作,如摇晃终端、平移终端、使用终端画预定的图像等动作。在触发上述操作后,终端上的客户端响应上述操作,接收当前显示的当前页面中的页面元素的元素数据。上述操作还可以通过预定的按钮实现。如新增虚拟按钮,当虚拟按钮被触发的情况下,响应于触发的操作。或者,可以对客户端上现有的虚拟按钮的功能进行丰富,如对已经有的虚拟按钮进行再编辑,使其具备触发操作的功能。如对于分享按钮,分享按钮可以有分享的功能。但是对分享按钮再编辑后,可以使分享按钮在被触发的情况下,接收当前显示的当前页面中所有页面元素的元素数据,生成目标图片,并分享目标图片。
可选地,上述当前页面可以为当前用户正在浏览的页面。当前页面可以在当前的显示界面上显示全部或者显示一部分。也就是说,当前显示的当前页面可以为一个页面的一部分,也可以为一个页面的全部。可以根据指令确定在生成目标图片的时候,是接收当前显示的当前页面的显示部分的页面元素的元素数据,还是接收当前显示的当前页面中显示的和未显示的所有的页面元素的元素数据。
可选地,元素数据可以为页面元素的属性数据,用于记录页面元素在页面中的属性,例如可以包括位置、大小、形状、颜色、背景等各种页面元素可以具备的属性。
可选地,在获取到当前页面的页面元素的元素数据之后,可以通过元素数据构建页面视图容器,页面视图容器可以为用于显示视图,视图是与元素数据匹配的视图,一个元素数据或者多个元素数据可以对应一个视图或者多个视图。页面视图容器显示视图后,可以接收编辑指令对视图进行编辑。视图的编辑可以但不限于对视图的增删查改、排序、替换等。
上述显示属性信息可以控制视图的显示样式,显示属性信息发生变化后,视图的显示的样式可以发生变化。当对页面视图容器中的视图调整完成之后,可以利用调整后的视图的位图生成目标图片。
可选地,生成目标图片后,可以对目标图片进行分享,如生成目标图片后,自动将目标图片分享到预定的位置。或者,自动将目标图片分享给预定的账号。
本实施例中的其他示例请参见上述示例,在此不再赘述。
根据本发明实施例的又一个方面,还提供了一种用于实施上述图片生成方法的电子设备,该电子设备可以是图21所示的终端设备或服务器。本实施例以该电子设备为为例来说明。如图21所示,该电子设备包括存储器2102和处理器2104,该存储器2102中存储有计算机程序,该处理器2104被设置为通过计算机程序执行上述任一项方法实施例中的步骤。
可选地,在本实施例中,上述电子设备可以位于计算机网络的多个网络设备中的至少一个网络设备。
可选地,在本实施例中,上述处理器可以被设置为通过计算机程序执行以下步骤:
显示当前页面,其中,所述当前页面中包括页面元素;
在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;
在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;
利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。
可选地,本领域普通技术人员可以理解,图21所示的结构仅为示意,电子装置电子设备也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices,MID)、PAD等终端设备。图21其并不对上述电子装置电子设备的结构造成限定。例如,电子装置电子设备还可包括比图21中所示更多或者更少的组件(如网络接口等),或者具有与图21所示不同的配置。
其中,存储器2102可用于存储软件程序以及模块,如本发明实施例中的图片生成方法和装置对应的程序指令/模块,处理器2104通过运行存储在存储器2102内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的图片生成方法。存储器2102可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器2102可进一步包括相对于处理器2104远程设置的存储器,这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。其中,存储器2102具体可以但不限于用于当前页面、目标图片等信息。作为一种示例,如图21所示,上述存储器2102中可以但不限于包括上述图片生成装置中的接收单元2002、构建单元2004、调整单元2006与生成单元2008。此外,还可以包括但不限于上述图片生成装置中的其他模块单元,本示例中不再赘述。
可选地,上述的传输装置2106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括有线网络及无线网络。在一个实例中,传输装置2106包括一个网络适配器(Network Interface Controller,NIC),其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中,传输装置2106为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
此外,上述电子设备还包括:显示器2108,用于显示目标图片与当前页面;和连接总线2110,用于连接上述电子设备中的各个模块部件。
在其他实施例中,上述终端设备或者服务器可以是一个分布式系统中的一个节点,其中,该分布式系统可以为区块链系统,该区块链系统可以是由该多个节点通过网络通信的形式连接形成的分布式系统。其中,节点之间可以组成点对点(P2P,Peer To Peer)网络,任意形式的计算设备,比如服务器、终端等电子设备都可以通过加入该点对点网络而成为该区块链系统中的一个节点。
根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述图片生成方法,其中,该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
可选地,在本实施例中,上述计算机可读的存储介质可以被设置为存储用于执行以下步骤的计算机程序:
显示当前页面,其中,所述当前页面中包括页面元素;
在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;
在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;
利用调整后的所述目标视图,生成与所述当前页面对应的目标图片。
可选地,在本实施例中,本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(Random Access Memory,RAM)、磁盘或光盘等。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。

Claims (15)

1.一种图片生成方法,其特征在于,包括:
显示当前页面,其中,所述当前页面中包括页面元素;
在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;
在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;
利用调整后的所述目标视图中所有页面元素的元素数据,按照所述目标视图转换的位图的尺寸与大小在画布上绘制位图,生成与所述当前页面对应的目标图片;
所述利用调整后的所述目标视图中所有页面元素的元素数据,按照所述目标视图转换的所述位图的尺寸与大小在画布上绘制位图,生成与所述当前页面对应的所述目标图片,包括:将调整后的所述目标视图分别转换为对应的位图,并存储到位图列表中;确定所述位图的总显示高度及最大显示宽度;根据所述总显示高度及所述最大显示宽度创建画布;在所述画布中绘制位图,得到目标位图;对所述目标位图进行压缩保存,以生成所述目标图片。
2.根据权利要求1所述的方法,其特征在于,在利用调整后的所述目标视图中所有页面元素的元素数据,生成与所述当前页面对应的目标图片之后,所述方法还包括:
接收对所述目标图片执行的分享指令;
响应于所述分享指令,将所述目标图片分享到目标账号,或者响应于所述分享指令,将所述目标图片分享到服务器,以使所述目标账号查看所述目标图片。
3.根据权利要求1所述的方法,其特征在于,在利用调整后的所述目标视图中所有页面元素的元素数据,生成与所述当前页面对应的目标图片之前,所述方法还包括:
接收添加指令,其中,所述添加指令用于向所述当前页面中添加第一视图,所述添加指令中携带有所述第一视图添加到所述当前页面中的目标位置;
将所述第一视图添加到所述当前页面中的所述目标位置。
4.根据权利要求1所述的方法,其特征在于,所述在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图包括以下至少之一:
响应于对所述目标视图执行的删除操作,将所述目标视图的显示属性信息中的显示状态标签调整为隐藏;
响应于对所述目标视图执行的拖动操作,将所述目标视图的显示属性信息中的显示位置标签调整为所述拖动操作指示的目标位置;
响应于对所述目标视图执行的替换操作,将被替换的所述目标视图的显示属性信息中的显示状态标签调整为隐藏,将替换后的第一子视图的显示属性信息中的显示状态标签调整为显示;
在所述目标视图超出客户端的显示范围的情况下,响应于对所述目标视图执行的触发操作,将所述目标视图中当前显示在所述客户端内的子视图集合中各个子视图的显示属性信息中的显示状态标签调整为显示,并将所述目标视图中除所述子视图集合之外的其他子视图的显示属性信息中的显示状态标签调整为隐藏。
5.根据权利要求4所述的方法,其特征在于,所述响应于对所述目标视图执行的替换操作,将被替换的所述目标视图的显示属性信息中的显示状态标签调整为隐藏,将替换后的第一子视图的显示属性信息中的显示状态标签调整为显示包括:
将被替换的所述目标视图的视图资源缓存到内存中;
利用所述第一子视图所需的元素数据及视图资源,构建所述第一子视图。
6.根据权利要求1至5任意一项所述的方法,其特征在于,在接收到对所述当前页面的调整指令的情况下,在显示所述当前页面中的页面元素的目标视图之前,所述方法还包括:
按照所述页面元素的数据类型为所述页面元素创建对应的所述目标视图,其中,在所述页面元素中包括列表数据的情况下,通过列表适配器创建与所述列表数据对应的所述目标视图。
7.根据权利要求1至5任意一项所述的方法,其特征在于,所述在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图包括:
按照所述页面元素在所述当前页面中的显示位置布局,创建所述当前页面的页面视图容器;
在所述页面视图容器中显示所述目标视图,其中,所述目标视图在所述页面视图容器中的显示位置与所述页面元素在所述当前页面中的所述显示位置布局一致。
8.一种图片生成装置,其特征在于,包括:
第一显示单元,用于显示当前页面,其中,所述当前页面中包括页面元素;
第二显示单元,用于在接收到对所述当前页面的调整指令的情况下,显示所述当前页面中的页面元素的目标视图,其中,所述目标视图为与所述页面元素对应的视图;
调整单元,用于在接收对所述目标视图执行的编辑操作的情况下,响应所述编辑操作调整所述目标视图,其中,所述编辑操作用于调整所述目标视图的显示属性信息;
生成单元,用于利用调整后的所述目标视图中所有页面元素的元素数据,按照所述目标视图转换的位图的尺寸与大小在画布上绘制位图,生成与所述当前页面对应的目标图片;
所述生成单元包括:将调整后的所述目标视图分别转换为对应的位图,并存储到位图列表中;确定所述位图的总显示高度及最大显示宽度;根据所述总显示高度及所述最大显示宽度创建画布;在所述画布中绘制位图,得到目标位图;对所述目标位图进行压缩保存,以生成所述目标图片。
9.根据权利要求8所述的装置,其特征在于,所述装置还包括:
第一接收单元,用于在利用调整后的所述目标视图中所有页面元素的元素数据,生成与所述当前页面对应的目标图片之后,接收对所述目标图片执行的分享指令;
分享单元,用于响应于所述分享指令,将所述目标图片分享到目标账号,或者响应于所述分享指令,将所述目标图片分享到服务器,以使所述目标账号查看所述目标图片。
10.根据权利要求8所述的装置,其特征在于,所述装置还包括:
第二接收单元,用于在利用调整后的所述目标视图中所有页面元素的元素数据,生成与所述当前页面对应的目标图片之前,接收添加指令,其中,所述添加指令用于向所述当前页面中添加第一视图,所述添加指令中携带有所述第一视图添加到所述当前页面中的目标位置;
添加单元,用于将所述第一视图添加到所述当前页面中的所述目标位置。
11.根据权利要求8所述的装置,其特征在于,所述调整单元包括以下至少之一:
第一调整模块,用于响应于对所述目标视图执行的删除操作,将所述目标视图的显示属性信息中的显示状态标签调整为隐藏;
第二调整模块,用于响应于对所述目标视图执行的拖动操作,将所述目标视图的显示属性信息中的显示位置标签调整为所述拖动操作指示的目标位置;
第三调整模块,用于响应于对所述目标视图执行的替换操作,将被替换的所述目标视图的显示属性信息中的显示状态标签调整为隐藏,将替换后的第一子视图的显示属性信息中的显示状态标签调整为显示;
第四调整模块,用于在所述目标视图超出客户端的显示范围的情况下,响应于对所述目标视图执行的触发操作,将所述目标视图中当前显示在所述客户端内的子视图集合中各个子视图的显示属性信息中的显示状态标签调整为显示,并将所述目标视图中除所述子视图集合之外的其他子视图的显示属性信息中的显示状态标签调整为隐藏。
12.根据权利要求11所述的装置,其特征在于,所述第三调整模块包括:
缓存子模块,用于将被替换的所述目标视图的视图资源缓存到内存中;
构建子模块,用于利用所述第一子视图所需的元素数据及视图资源,构建所述第一子视图。
13.根据权利要求8至12任意一项所述的装置,其特征在于,所述装置还包括:
创建单元,用于在接收到对所述当前页面的调整指令的情况下,在显示所述当前页面中的页面元素的目标视图之前,按照所述页面元素的数据类型为所述页面元素创建对应的所述目标视图,其中,在所述页面元素中包括列表数据的情况下,通过列表适配器创建与所述列表数据对应的所述目标视图。
14.一种计算机可读的存储介质,其特征在于,所述计算机可读的存储介质包括存储的程序,其中,所述程序运行时执行所述权利要求1至7任一项中所述的方法。
15.一种电子设备,包括存储器和处理器,其特征在于,所述存储器中存储有计算机程序,所述处理器被设置为通过所述计算机程序执行所述权利要求1至7任一项中所述的方法。
CN202011140074.7A 2020-10-22 2020-10-22 图片生成方法和装置、存储介质及电子设备 Active CN112162687B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011140074.7A CN112162687B (zh) 2020-10-22 2020-10-22 图片生成方法和装置、存储介质及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011140074.7A CN112162687B (zh) 2020-10-22 2020-10-22 图片生成方法和装置、存储介质及电子设备

Publications (2)

Publication Number Publication Date
CN112162687A CN112162687A (zh) 2021-01-01
CN112162687B true CN112162687B (zh) 2022-07-29

Family

ID=73864994

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011140074.7A Active CN112162687B (zh) 2020-10-22 2020-10-22 图片生成方法和装置、存储介质及电子设备

Country Status (1)

Country Link
CN (1) CN112162687B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115525847A (zh) * 2021-11-26 2022-12-27 北京字跳网络技术有限公司 页面视图生成方法、装置、电子设备及存储介质
CN114185473A (zh) * 2021-12-17 2022-03-15 平安壹钱包电子商务有限公司 在页面中显示图片的方法、装置、设备及可读存储介质
CN114721759B (zh) * 2022-03-31 2023-11-24 珠海豹趣科技有限公司 Android桌面视图展示方法、装置及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106533926A (zh) * 2016-12-27 2017-03-22 武汉斗鱼网络科技有限公司 一种网页信息传播方法以及装置
CN106843828A (zh) * 2016-12-07 2017-06-13 腾讯科技(深圳)有限公司 界面显示、加载方法及装置
CN108986009A (zh) * 2018-06-11 2018-12-11 北京三快在线科技有限公司 图片的生成方法、装置及电子设备
CN111580815A (zh) * 2020-05-08 2020-08-25 上海泛微网络科技股份有限公司 一种页面元素的编辑方法及相关设备

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140258843A1 (en) * 2013-03-11 2014-09-11 Minds and Machines, LLC Method and system for inter-widget communication
CN106168955A (zh) * 2016-06-23 2016-11-30 乐视控股(北京)有限公司 一种网络页面缓存方法及设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106843828A (zh) * 2016-12-07 2017-06-13 腾讯科技(深圳)有限公司 界面显示、加载方法及装置
CN106533926A (zh) * 2016-12-27 2017-03-22 武汉斗鱼网络科技有限公司 一种网页信息传播方法以及装置
CN108986009A (zh) * 2018-06-11 2018-12-11 北京三快在线科技有限公司 图片的生成方法、装置及电子设备
CN111580815A (zh) * 2020-05-08 2020-08-25 上海泛微网络科技股份有限公司 一种页面元素的编辑方法及相关设备

Also Published As

Publication number Publication date
CN112162687A (zh) 2021-01-01

Similar Documents

Publication Publication Date Title
CN112162687B (zh) 图片生成方法和装置、存储介质及电子设备
CN107818162B (zh) 埋点处理方法、装置、计算机设备和存储介质
WO2022037336A1 (zh) 一种文档处理方法、装置、设备及介质
CN107169247B (zh) 基于3d云设计的家居行业服务系统
CN103034517B (zh) 浏览器控制工具加载方法和装置
CN111273907A (zh) 一种页面处理方法及相关设备
CN107329645B (zh) 一种图像显示方法及移动终端
CN112016023B (zh) 业务处理方法、装置、终端及存储介质
US20150093029A1 (en) Image layers navigation
CN103412748A (zh) 嵌入式平台的用户界面的显示控制方法、装置及系统
WO2015184736A1 (zh) 一种触屏设备背景图变换的方法及终端
KR20220127334A (ko) 문서 내 테이블 브라우징 방법, 장치, 전자기기 및 저장매체
CN105989180A (zh) 操作图片的方法及装置
CN106062693A (zh) 桌面分享方法和移动终端
CN115599363A (zh) 可视化组件的配置方法、装置以及系统
CN104598467B (zh) 一种网页图片的显示方法及装置
CN110928397A (zh) 用户界面刷新方法、装置、存储介质及电子装置
CN106155462A (zh) 一种界面交互方法及装置
CN105677699A (zh) 一种为用户生成新闻页面的方法和装置
CN112835859A (zh) 信息分享方法、装置和电子设备
CN111061532A (zh) 一种壁纸展示方法及终端设备
CN115617441A (zh) 绑定模型和图元的方法、装置、存储介质及计算机设备
CN111782309B (zh) 显示信息的方法、装置及计算机可读存储介质
CN114168028A (zh) 一种智慧酒店电视系统ui定制装置
US11461129B2 (en) Data processing method, terminal and storage medium

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