CN116501225A - 图像截取方法、装置及电子设备 - Google Patents
图像截取方法、装置及电子设备 Download PDFInfo
- Publication number
- CN116501225A CN116501225A CN202310468109.7A CN202310468109A CN116501225A CN 116501225 A CN116501225 A CN 116501225A CN 202310468109 A CN202310468109 A CN 202310468109A CN 116501225 A CN116501225 A CN 116501225A
- Authority
- CN
- China
- Prior art keywords
- view
- elements
- target
- category
- screenshot area
- 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 74
- 230000000875 corresponding effect Effects 0.000 description 65
- 230000008569 process Effects 0.000 description 29
- 230000004044 response Effects 0.000 description 10
- 230000006870 function Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000009792 diffusion process Methods 0.000 description 3
- 230000003190 augmentative effect Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000004140 cleaning Methods 0.000 description 1
- 230000001276 controlling effect Effects 0.000 description 1
- 230000002596 correlated effect Effects 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 230000008447 perception Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 239000013589 supplement Substances 0.000 description 1
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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04845—Interaction 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
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04842—Selection of displayed objects or displayed text elements
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/0485—Scrolling or panning
-
- 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/0486—Drag-and-drop
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种图像截取方法、装置及电子设备，属于图片处理技术领域。该方法包括：在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数；接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别；响应于所述第一输入，对所述目标类别的视图元素进行编辑处理；根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
Description
技术领域
本申请属于图片处理技术领域，具体涉及一种图像截取方法、装置及电子设备。
背景技术
目前，在用户使用电子设备的时候，经常会截图分享一下手机屏幕的内容，比如当前的聊天记录、当前购买的东西、当前观看的视频画面等。用户截图之后，若需要对图片进行编辑处理之后再分享，需要打开图像编辑应用进行编辑处理，导致截图编辑操作较为繁琐。
发明内容
本申请实施例的目的是提供一种图像截取方法、装置及电子设备，能够提高对截图进行编辑的便捷性。
为了解决上述技术问题，本申请是这样实现的：
第一方面，本申请实施例提供了一种图像截取方法，包括：
在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数；
接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别；
响应于所述第一输入，对所述目标类别的视图元素进行编辑处理；
根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
第二方面，本申请实施例提供了一种图像截取装置，包括：
显示模块，用于在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数；
输入模块，用于接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别；
处理模块，用于响应于所述第一输入，对所述目标类别的视图元素进行编辑处理；
生成模块，用于根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面，本申请实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。
第六方面，本申请实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如第一方面所述的方法。
在本申请实施例中，在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，视图元素编辑界面包括截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，接收对视图元素编辑界面中的目标视图元素的第一输入，目标视图元素属于目标类别，响应于第一输入，对目标类别的视图元素进行编辑处理，根据编辑处理后的视图元素编辑界面生成截图区域对应的截图图像，即在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，通过视图元素编辑界面可对同一类别的视图元素进行批量编辑处理，从而用户无需打开图像编辑应用对截图进行编辑，避免了截图编辑的繁琐操作，提高了对截图进行编辑的便捷性。
附图说明
图1是本申请实施例提供的图像截取方法的流程示意图；
图2是本申请实施例提供的视图元素编辑界面的显示示意图之一；
图3是本申请实施例提供的视图元素编辑界面的显示示意图之二；
图4是本申请实施例提供的目标操作界面的视图树的结构示意图；
图5是本申请实施例提供的一种图像截取装置的结构示意图；
图6是本申请实施例提供的一种电子设备的结构框图；
图7是本申请实施例提供的另一种电子设备的结构框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的图像截取方法进行详细地说明。
如图1所示，本申请实施例提供了一种图像截取方法，该图像截取方法可以应用电子设备，具体可以包括如下步骤：
步骤101，在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数。
具体的，如果电子设备获取到截图区域，则电子设备的屏幕显示该截图区域对应的视图元素编辑界面，该视图元素编辑界面中包括截图区域中的N个视图元素，由此可以精确获取到截图区域里面的显示控件(即视图元素)，以便用户可以有选择的对显示控件进行编辑处理。并且，每一个视图元素具有对应的类别，由此将N个视图元素进行分类；并且，相同类别的视图元素具有相同的目标显示参数，不同类别的视图元素具有不同的目标显示参数，由此，在视图元素编辑界面上可以显示N个视图元素中哪些视图元素是同一类别，哪些视图元素是不同类别，便于用户对截图区域的编辑处理。
进一步的，目标显示参数可以为填充方式、显示颜色等，如：将同一类别的视图元素显示同一种颜色，或者不同类别的视图元素采用不同填充方式，由此能够更加清晰的显示类别，方便用户观看和操作。例如：图2为视图元素编辑界面的显示示意图，每一个方框代表一个视图元素，不同类别的视图元素采用不同的填充方式，通过图2可以直观的得知哪些是同一类别的视图元素，哪些是不同类别的视图元素。
步骤102，接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别。
具体的，在该视图元素编辑界面上，电子设备接收用户对目标视图元素的第一输入，该目标视图元素为视图元素编辑界面上的N个视图元素中的至少一个视图元素。其中，该第一输入可以是按压输入、滑动输入，在此不做具体限定。
步骤103，响应于所述第一输入，对所述目标类别的视图元素进行编辑处理。
具体的，在电子设备接收到第一输入之后，则响应编辑输入，此时可以弹出选择控件，用户可以选择对目标视图元素进行编辑处理，该目标视图元素可以是N个视图元素中的至少一个视图元素，也可以是N个视图元素中的至少一种类别的视图元素，由此，在需要编辑处理的视图元素较多的情况下，可以对视图元素进行批量处理，以减少操作时间，提高图片处理的效率。
用户可以在选择完需要编辑处理的目标视图元素之后，可以选择设置透明度、打码、是否显示等用户接口层(User Interface，UI)层的操作，以对目标视图元素进行对应的编辑处理。
可以理解的是，编辑处理可以是删除、变色、设置透明度、打马赛克、放大、旋转处理等。还可以对不同类别的视图元素设置单独的编辑处理，如：textview视图元素有字体变大的编辑处理，imageview视图元素有后背景变色的编辑处理。
如图3所示，选择控件可以包括但不限于以下内容：透明度、打码、是否显示、字体大小、撤销操作等，在此不做具体限定。下面通过一具体实施例对上述内容进行详细说明：
如果目标显示参数为颜色，则通过第一输入选中其中一个绿色的目标视图元素，选择透明度，并将透明度由100％设置到50％，通过设置透明度，可以显示出该目标视图元素绿色下边的视图类别的颜色。换句话说，对该绿色的视图元素做阿尔法值alpha值的变化，该变化是对原界面的控制直接做属性值的变化，原本被遮盖的视图元素的颜色自然会显示出来，不需要处理截图区域后还对处理后缺失的内容进行手动补充，编辑完成后还原该目标视图元素的alpha值，以保证用户无感知，提升用户体验。
步骤104，根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
具体的，在视图元素编辑界面对目标视图元素进行编辑之后，基于编辑处理后的视图元素编辑界面生成对应的截图图像，该截图图像为截图区域的图像。
可以理解的是，在得到截图图像之后，还可以对截图图像进行分享。如果电子设备是分屏显示的状态，可以在第一个屏幕进行编辑处理并生成截图图像，如果电子设备识别到用户对截图图像有按压并滑动的操作，则可以将截图图像沿着滑动方式进行拖拽，当识别到达第一个屏幕的边缘还继续滑动时，则截图图像可以拖动到第二个屏幕上。如果第二个屏幕是一个可以分享的界面，可以直接产生分享动作，如果第二个屏幕没有分享界面，则将截图图像保存到相册，由此简化了分屏情况下的截图处理过程，提高了截图处理效率。
在本申请实施例中，在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，视图元素编辑界面包括截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，接收对视图元素编辑界面中的目标视图元素的第一输入，目标视图元素属于目标类别，响应于第一输入，对目标类别的视图元素进行编辑处理，根据编辑处理后的视图元素编辑界面生成截图区域对应的截图图像，即在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，通过视图元素编辑界面可对同一类别的视图元素进行批量编辑处理，从而用户无需打开图像编辑应用对截图进行编辑，避免了截图编辑的繁琐操作，提高了对截图进行编辑的便捷性。
作为一可选的实施例，所述截图区域属于目标操作界面；所述步骤101在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面的步骤之前，所述方法还可以包括：
接收对所述目标操作界面的第二输入；
响应于所述第二输入，根据所述第二输入的输入位置以及输入时长，从所述目标操作界面中确定所述截图区域。
具体的，如果电子设备接收到用户对目标操作界面的第二输入，则响应于该第二输入，根据该第二输入的输入位置以及输入时长，从目标操作界面中确定截图区域，即截图区域属于目标操作界面。其中，第二输入可以是按压输入、滑动输入等，在此不做具体限定。
进一步的，响应于第二输入，获取所述第二输入在第二输入的输入位置上的连续输入时长，如果第二输入为按压输入，则用户连续按压输入位置的时长即为连续输入时长。将连续输入时长与第一时长进行大小比对，如果连续输入时长小于或等于第一时长，则表示未触发编辑模式。如果连续输入时长大于第一时长，则表示触发编辑模式，开启编辑模式，获取连续输入时长减去第一时长后的第二时长，第二时长表示进入编辑模式之后，第二输入对输入位置的输入时长，
可以理解的是，在开启编辑模式之后，以输入位置为中心开始向外扩大输入位置的区域，在扩大过程中，如果扩大后的区域等于目标操作界面则停止扩大；如果扩大过程中，扩大后的区域小于目标操作界面，则直至第二输入结束，停止扩大，此时所得的区域即为截图区域。
其中，第一时长为预设的用于判定是否进入编辑模式的时间限值，可以根据需要进行设定。
再进一步的，扩大的方式可以为：以输入位置为中心形成一个长方形向外扩散，扩散的长度和宽度与第二时长正相关，即第二时长越长，扩散的长度和宽度越大。其中，上述长方形可以是与目标操作界面的形状为相似图形。
需要说明的是，也可以以输入位置为中心形成圆形或者正方形向外扩散，在此不做具体限定。
作为一可选的实施例，所述截图区域属于目标操作界面；所述步骤101在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面，包括：
在获取到所述截图区域的情况下，获取所述N个视图元素中的每个视图元素的视图元素信息；所述视图元素信息包括以下至少一项：所述视图元素在视图树的层级、所述视图元素在所述视图树中的元素类型、所述视图元素的属性、所述视图元素与其它视图元素之间的距离；
根据所述N个视图元素的视图元素信息对所述N个视图元素进行分类，获得所述N个视图元素分别对应的类别；
根据所述N个视图元素分别对应的类别显示所述截图区域对应的视图元素编辑界面。
具体的，在电子设备获取到截图区域的情况下，电子设备获取N个视图元素中的每一个视图元素的视图元素信息，每一个视图元素的视图元素信息包括：在视图树的层级、在视图树中的元素类型、视图元素的属性以及与其他视图元素之间的距离中的至少一者，由此得到N个视图元素的视图元素信息。根据N个视图元素的视图元素信息对N个视图元素进行分类，由此获得每一个视图元素对应的类别。通过N个视图元素分别对应的类别显示截图区域对应的视图元素编辑界面，即视图元素编辑界面中显示有N个视图元素，且在视图元素编辑界面中，N个视图元素中相同类别的视图元素具有相同的目标显示参数，不同类别的视图元素具有不同的目标显示参数。
需要说明的是，现有电子设备的本地native界面或者H5界面等所有界面都是由视图树构建成的，视图树承载了界面可见和不可见的所有视图控件(即视图元素)的相互关系和自身属性。如图4所示，以native界面为例，一个视图树包含有多个视图元素(如：根视图rootview、视图组viewgroup、视图view、文本视图textview、图片视图imageview、编辑视图editview等)，视图树的最上面是根视图rootview，下面依附着各种视图组viewgroup、各种视图view等。视图树里可以获得所有视图元素的属性信息，包括位置、颜色、大小、类型等。
其中，视图view是具体显示的内容的视图元素，视图组viewgroup是显示内容背景的视图元素。区分view和viewgroup可以更好的把截图区域中的部分内容的前景和后景区分开，方便用户对截图区域对应的视图元素编辑界面进行编辑处理。
作为一可选的实施例，所述视图树为所述截图区域的视图树；所述方法还包括：
在从所述目标操作界面获取到所述截图区域的情况下，根据所述目标操作界面的视图树确定所述截图区域的视图树。
具体的，在用户想要对目标操作界面进行编辑处理的情况下，首先获取目标操作界面的视图树。在获取到目标操作界面的视图树之后，由于截图区域属于目标操作界面，则截图区域的视图树可以根据目标操作界面的视图树确定，即截图区域的视图树属于目标操作界面的视图树。
作为一可选的实施例，对于所述N个视图元素中的任意两个视图元素，在所述任意两个视图元素在视图树的层级一致、所述任意两个视图元素在所述视图树中的元素类型一致、所述任意两个视图元素的属性一致、且所述任意两个视图元素之间的距离小于预设距离的情况下，判定所述任意两个视图元素属于相同的类别。
具体的，任意两个视图元素在视图树的层级一致表示在视图树中，任意两个视图元素处于同一水平面上。任意两个视图元素在所述视图树中的元素类型一致表示：任意两个视图元素的元素类型均为viewgroup，或者任意两个视图元素的元素类型均为文本视图textview，或者任意两个视图元素的元素类型均为图片视图imageview编辑视图，或者任意两个视图元素的元素类型均为editview等。任意两个视图元素的属性一致表示任意两个视图元素的属性信息相同。任意两个视图元素之间的距离小于预设距离表示任意两个视图元素之间的像素间距小于预设距离。
综上，如果任意两个视图元素在视图树的层级一致、且在视图树中的元素类型一致、且属性一致、且任意两个视图元素之间的距离小于预设距离，则表示任意两个视图元素属于同一类别，反之，上述四项有一项不满足，则表示任意两个视图元素不属于同一类别。
例如：N个视图元素包括：视图元素a、视图元素b、视图元素c、视图元素d、视图元素e、视图元素f。如果视图元素a、视图元素b、视图元素c三个视图元素在视图树的层级一致、且在视图树中的元素类型一致、且属性一致、且任意两个视图元素之间的距离小于预设距离，则视图元素a、视图元素b、视图元素c属于同一类别，如果视图元素d和视图元素e在视图树的层级一致、且在视图树中的元素类型一致、且属性一致、且任意两个视图元素之间的距离小于预设距离，则视图元素d和视图元素e分为同一类视图，视图元素f属于同一类别。
作为一可选的实施例，所述方法还包括：
将所述视图树与M个视图树模板进行匹配；M为大于0的整数；
在所述视图树与所述M个视图树模板中的目标视图树模板相匹配的情况下，根据所述目标视图树模板中的各个模板元素分别对应的类别确定各个所述视图元素分别对应的类别。
具体的，将截图区域的视图树与M个视图树模板进行匹配判断，即将截图区域的视图树与M个视图树模板中的每一个视图树模板进行比较，由此判断是否匹配。如果截图区域的视图树与M个视图树模板中的每一个视图树模板均不匹配，表示该截图区域的视图树和大数据存有的视图树模板均不一致，不能按照视图树模板中各个模板元素分别对应的类别确定各个所述视图元素分别对应的类别。
需要说明的是，视图树模板是通过联网寻找的服务器上的大数据存有的模板视图，如：购物、聊天等。
如果截图区域的视图树与M个视图树模板中的目标视图树模板匹配，则目标视图树模板中的各个模板元素分别对应的类别确定各个所述视图元素分别对应的类别。
例如：如果M个视图模板包括：视图模板P和视图模板Q，且截图区域的视图树与视图树模板P匹配，截图区域的视图树包括：视图元素A、视图元素B、视图元素C，视图树模板P的模板元素包括：模板元素D、模板元素E、模板元素F，模板元素D的类别即为视图元素A的类别，模板元素E的类别即为视图元素B的类别、模板元素F的类别即为视图元素C的类别。
作为一可选的实施例，所述目标类别为弹幕类别；
所述响应于所述第一输入，对所述目标类别的视图元素进行编辑处理，包括：
响应于所述第一输入，清除所述弹幕类别的视图元素。
具体的，如果目标类别为弹幕类别，在接收到第一输入之后，响应于该第一输入，对弹幕类别的视图元素进行批量清除处理，节省的弹幕处理的时间，提高了弹幕处理的效率。
综上所述，本申请上述实施例，通过获取目标操作界面的视图树确定截图区域的视图树，得到截图区域的视图树中的N个视图元素，由此可以精确获取到截图区域里面的显示控件(即视图元素)，以便用户可以有选择的对显示控件进行编辑处理。按照视图树的原理对截图区域对应的视图元素编辑界面进行编辑处理，方便用户直接对其中一部分视图元素做一些元素级的处理，提高了图像截取效率。并且，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，由此将N个视图元素进行分类，在视图元素编辑界面上可以显示N个视图元素中哪些视图元素是同一类别，哪些视图元素是不同类别，便于用户对同一类别的视图元素进行批量编辑处理，此过程用户无需打开图像编辑应用即可对截图进行编辑，避免了截图编辑的繁琐操作，提高了对截图进行编辑的便捷性。
本申请实施例提供的图像截取方法，执行主体可以为图像截取装置。本申请实施例中以图像截取装置执行图像截取方法为例，说明本申请实施例提供的图像截取装置。
如图5所示，本申请实施例还提供了一种图像截取装置500，包括：
显示模块501，用于在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数；
输入模块502，用于接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别；
处理模块503，用于响应于所述第一输入，对所述目标类别的视图元素进行编辑处理；
生成模块504，用于根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
在本申请实施例中，在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，视图元素编辑界面包括截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，接收对视图元素编辑界面中的目标视图元素的第一输入，目标视图元素属于目标类别，响应于第一输入，对目标类别的视图元素进行编辑处理，根据编辑处理后的视图元素编辑界面生成截图区域对应的截图图像，即在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，通过视图元素编辑界面可对同一类别的视图元素进行批量编辑处理，从而用户无需打开图像编辑应用对截图进行编辑，避免了截图编辑的繁琐操作，提高了对截图进行编辑的便捷性。
可选的，所述截图区域属于目标操作界面；所述装置还包括：
接收模块，用于接收对所述目标操作界面的第二输入；
第一确定模块，用于响应于所述第二输入，根据所述第二输入的输入位置以及输入时长，从所述目标操作界面中确定所述截图区域。
可选的，所述截图区域属于目标操作界面；所述显示模块，具体用于：
在获取到所述截图区域的情况下，获取所述N个视图元素中的每个视图元素的视图元素信息；所述视图元素信息包括以下至少一项：所述视图元素在视图树的层级、所述视图元素在所述视图树中的元素类型、所述视图元素的属性、所述视图元素与其它视图元素之间的距离；
根据所述N个视图元素的视图元素信息对所述N个视图元素进行分类，获得所述N个视图元素分别对应的类别；
根据所述N个视图元素分别对应的类别显示所述截图区域对应的视图元素编辑界面。
可选的，所述视图树为所述截图区域的视图树；
所述装置还包括：
第二确定模块，用于在从所述目标操作界面获取到所述截图区域的情况下，根据所述目标操作界面的视图树确定所述截图区域的视图树。
可选的，对于所述N个视图元素中的任意两个视图元素，在所述任意两个视图元素在视图树的层级一致、所述任意两个视图元素在所述视图树中的元素类型一致、所述任意两个视图元素的属性一致、且所述任意两个视图元素之间的距离小于预设距离的情况下，判定所述任意两个视图元素属于相同的类别。
可选的，所述装置还包括：
匹配模块，用于将所述视图树与M个视图树模板进行匹配；M为大于0的整数；
第三确定模块，用于在所述视图树与所述M个视图树模板中的目标视图树模板相匹配的情况下，根据所述目标视图树模板中的各个模板元素分别对应的类别确定各个所述视图元素分别对应的类别。
可选的，所述目标类别为弹幕类别；
所述处理模块，具体用于：
响应于所述第一输入，清除所述弹幕类别的视图元素。
综上所述，本申请上述实施例，通过获取目标操作界面的视图树确定截图区域的视图树，得到截图区域的视图树中的N个视图元素，由此可以精确获取到截图区域里面的显示控件(即视图元素)，以便用户可以有选择的对显示控件进行编辑处理。按照视图树的原理对截图区域对应的视图元素编辑界面进行编辑处理，方便用户直接对其中一部分视图元素做一些元素级的处理，提高了图像截取效率。并且，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，由此将N个视图元素进行分类，在视图元素编辑界面上可以显示N个视图元素中哪些视图元素是同一类别，哪些视图元素是不同类别，便于用户对同一类别的视图元素进行批量编辑处理，此过程用户无需打开图像编辑应用即可对截图进行编辑，避免了截图编辑的繁琐操作，提高了对截图进行编辑的便捷性。
本申请实施例中的图像截取装置可以是电子设备，也可以是电子设备中的部件，例如集成电路或芯片。该电子设备可以是终端，也可以为除终端之外的其他设备。示例性的，电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、移动上网装置(Mobile Internet Device，MID)、增强现实(augmented reality，AR)/虚拟现实(virtualreality，VR)设备、机器人、可穿戴设备、超级移动个人计算机(ultra-mobile personalcomputer，UMPC)、上网本或者个人数字助理(personal digital assistant，PDA)等，还可以为服务器、网络附属存储器(Network Attached Storage，NAS)、个人计算机(personalcomputer，PC)、电视机(television，TV)、柜员机或者自助机等，本申请实施例不作具体限定。
本申请实施例中的图像截取装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。
本申请实施例提供的图像截取装置能够实现图1至图4的方法实施例实现的各个过程，为避免重复，这里不再赘述。
可选地，如图6所示，本申请实施例还提供一种电子设备600，包括处理器601和存储器602，存储器602上存储有可在所述处理器601上运行的程序或指令，该程序或指令被处理器601执行时实现上述图像截取方法实施例的各个步骤，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要说明的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
图7为实现本申请实施例的一种电子设备的硬件结构示意图。
该电子设备1000包括但不限于：射频单元1001、网络模块1002、音频输出单元1003、输入单元1004、传感器1005、显示单元1006、用户输入单元1007、接口单元1008、存储器1009、以及处理器1010等部件。
本领域技术人员可以理解，电子设备1000还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器1010逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图7中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
其中，所述显示单元1006，用于在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数；
所述输入单元1004，用于接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别；
所述处理器1010，用于响应于所述第一输入，对所述目标类别的视图元素进行编辑处理；
根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
在本申请实施例中，在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，视图元素编辑界面包括截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，接收对视图元素编辑界面中的目标视图元素的第一输入，目标视图元素属于目标类别，响应于第一输入，对目标类别的视图元素进行编辑处理，根据编辑处理后的视图元素编辑界面生成截图区域对应的截图图像，即在获取到截图区域的情况下，显示截图区域对应的视图元素编辑界面，通过视图元素编辑界面可对同一类别的视图元素进行批量编辑处理，从而用户无需打开图像编辑应用对截图进行编辑，避免了截图编辑的繁琐操作，提高了对截图进行编辑的便捷性。
可选的，所述截图区域属于目标操作界面；所述输入单元1004，还用于：
接收对所述目标操作界面的第二输入；
所述处理器1010，还用于响应于所述第二输入，根据所述第二输入的输入位置以及输入时长，从所述目标操作界面中确定所述截图区域。
可选的，所述截图区域属于目标操作界面；所述显示单元1006，具体用于：
在获取到所述截图区域的情况下，获取所述N个视图元素中的每个视图元素的视图元素信息；所述视图元素信息包括以下至少一项：所述视图元素在视图树的层级、所述视图元素在所述视图树中的元素类型、所述视图元素的属性、所述视图元素与其它视图元素之间的距离；
根据所述N个视图元素的视图元素信息对所述N个视图元素进行分类，获得所述N个视图元素分别对应的类别；
根据所述N个视图元素分别对应的类别显示所述截图区域对应的视图元素编辑界面。
可选的，所述视图树为所述截图区域的视图树；
所述处理器1010，还用于：
在从所述目标操作界面获取到所述截图区域的情况下，根据所述目标操作界面的视图树确定所述截图区域的视图树。
可选的，对于所述N个视图元素中的任意两个视图元素，在所述任意两个视图元素在视图树的层级一致、所述任意两个视图元素在所述视图树中的元素类型一致、所述任意两个视图元素的属性一致、且所述任意两个视图元素之间的距离小于预设距离的情况下，判定所述任意两个视图元素属于相同的类别。
可选的，所述处理器1010，还用于：
将所述视图树与M个视图树模板进行匹配；M为大于0的整数；
在所述视图树与所述M个视图树模板中的目标视图树模板相匹配的情况下，根据所述目标视图树模板中的各个模板元素分别对应的类别确定各个所述视图元素分别对应的类别。
可选的，所述目标类别为弹幕类别；
所述处理器1010在响应于所述第一输入，对所述目标类别的视图元素进行编辑处理时，具体用于：
响应于所述第一输入，清除所述弹幕类别的视图元素。
综上所述，本申请上述实施例，通过获取目标操作界面的视图树确定截图区域的视图树，得到截图区域的视图树中的N个视图元素，由此可以精确获取到截图区域里面的显示控件(即视图元素)，以便用户可以有选择的对显示控件进行编辑处理。按照视图树的原理对截图区域对应的视图元素编辑界面进行编辑处理，方便用户直接对其中一部分视图元素做一些元素级的处理，提高了图像截取效率。并且，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，由此将N个视图元素进行分类，在视图元素编辑界面上可以显示N个视图元素中哪些视图元素是同一类别，哪些视图元素是不同类别，便于用户对同一类别的视图元素进行批量编辑处理，此过程用户无需打开图像编辑应用即可对截图进行编辑，避免了截图编辑的繁琐操作，提高了对截图进行编辑的便捷性。
应理解的是，本申请实施例中，输入单元1004可以包括图形处理器(GraphicsProcessing Unit，GPU)10041和麦克风10042，图形处理器10041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元1006可包括显示面板10061，可以采用液晶显示器、有机发光二极管等形式来配置显示面板10061。用户输入单元1007包括触控面板10071以及其他输入设备10072中的至少一种。触控面板10071，也称为触摸屏。触控面板10071可包括触摸检测装置和触摸控制器两个部分。其他输入设备10072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。
存储器1009可用于存储软件程序以及各种数据。存储器1009可主要包括存储程序或指令的第一存储区和存储数据的第二存储区，其中，第一存储区可存储操作系统、至少一个功能所需的应用程序或指令(比如声音播放功能、图像播放功能等)等。此外，存储器1009可以包括易失性存储器或非易失性存储器，或者，存储器1009可以包括易失性和非易失性存储器两者。其中，非易失性存储器可以是只读存储器(Read-Only Memory，ROM)、可编程只读存储器(Programmable ROM，PROM)、可擦除可编程只读存储器(Erasable PROM，EPROM)、电可擦除可编程只读存储器(Electrically EPROM，EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory，RAM)，静态随机存取存储器(Static RAM，SRAM)、动态随机存取存储器(Dynamic RAM，DRAM)、同步动态随机存取存储器(Synchronous DRAM，SDRAM)、双倍数据速率同步动态随机存取存储器(Double Data Rate SDRAM，DDRSDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM，ESDRAM)、同步连接动态随机存取存储器(Synch link DRAM，SLDRAM)和直接内存总线随机存取存储器(Direct Rambus RAM，DRRAM)。本申请实施例中的存储器1009包括但不限于这些和任意其它适合类型的存储器。
处理器1010可包括一个或多个处理单元；可选的，处理器1010集成应用处理器和调制解调处理器，其中，应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作，调制解调处理器主要处理无线通信信号，如基带处理器。可以理解的是，上述调制解调处理器也可以不集成到处理器1010中。
本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述图像截取方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器ROM、随机存取存储器RAM、磁碟或者光盘等。
本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述图像截取方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
本申请实施例提供一种计算机程序产品，该程序产品被存储在存储介质中，该程序产品被至少一个处理器执行以实现如上述图像截取方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。
Claims (10)
1.一种图像截取方法，其特征在于，包括：
在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数；
接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别；
响应于所述第一输入，对所述目标类别的视图元素进行编辑处理；
根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
2.根据权利要求1所述的方法，其特征在于，所述截图区域属于目标操作界面；所述在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面的步骤之前，所述方法还包括：
接收对所述目标操作界面的第二输入；
响应于所述第二输入，根据所述第二输入的输入位置以及输入时长，从所述目标操作界面中确定所述截图区域。
3.根据权利要求1所述的方法，其特征在于，所述截图区域属于目标操作界面；所述在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面，包括：
在获取到所述截图区域的情况下，获取所述N个视图元素中的每个视图元素的视图元素信息；所述视图元素信息包括以下至少一项：所述视图元素在视图树的层级、所述视图元素在所述视图树中的元素类型、所述视图元素的属性、所述视图元素与其它视图元素之间的距离；
根据所述N个视图元素的视图元素信息对所述N个视图元素进行分类，获得所述N个视图元素分别对应的类别；
根据所述N个视图元素分别对应的类别显示所述截图区域对应的视图元素编辑界面。
4.根据权利要求3所述的方法，其特征在于，所述视图树为所述截图区域的视图树；
所述方法还包括：
在从所述目标操作界面获取到所述截图区域的情况下，根据所述目标操作界面的视图树确定所述截图区域的视图树。
5.根据权利要求3所述的方法，其特征在于，对于所述N个视图元素中的任意两个视图元素，在所述任意两个视图元素在视图树的层级一致、所述任意两个视图元素在所述视图树中的元素类型一致、所述任意两个视图元素的属性一致、且所述任意两个视图元素之间的距离小于预设距离的情况下，判定所述任意两个视图元素属于相同的类别。
6.根据权利要求3所述的方法，其特征在于，所述方法还包括：
将所述视图树与M个视图树模板进行匹配；M为大于0的整数；
在所述视图树与所述M个视图树模板中的目标视图树模板相匹配的情况下，根据所述目标视图树模板中的各个模板元素分别对应的类别确定各个所述视图元素分别对应的类别。
7.根据权利要求1所述的方法，其特征在于，所述目标类别为弹幕类别；
所述响应于所述第一输入，对所述目标类别的视图元素进行编辑处理，包括：
响应于所述第一输入，清除所述弹幕类别的视图元素。
8.一种图像截取装置，其特征在于，包括：
显示模块，用于在获取到截图区域的情况下，显示所述截图区域对应的视图元素编辑界面；所述视图元素编辑界面包括所述截图区域中的N个视图元素，每个视图元素具有相对应的类别，相同类别的视图元素具有相同的目标显示参数，N为大于1的整数；
输入模块，用于接收对所述视图元素编辑界面中的目标视图元素的第一输入；所述目标视图元素属于目标类别；
处理模块，用于响应于所述第一输入，对所述目标类别的视图元素进行编辑处理；
生成模块，用于根据编辑处理后的所述视图元素编辑界面生成所述截图区域对应的截图图像。
9.一种电子设备，其特征在于，包括处理器和存储器，所述存储器存储可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如权利要求1-7任一项所述的图像截取方法的步骤。
10.一种可读存储介质，其特征在于，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如权利要求1-7任一项所述的图像截取方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310468109.7A CN116501225A (zh) | 2023-04-26 | 2023-04-26 | 图像截取方法、装置及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310468109.7A CN116501225A (zh) | 2023-04-26 | 2023-04-26 | 图像截取方法、装置及电子设备 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116501225A true CN116501225A (zh) | 2023-07-28 |
Family
ID=87322548
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310468109.7A Pending CN116501225A (zh) | 2023-04-26 | 2023-04-26 | 图像截取方法、装置及电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116501225A (zh) |
-
2023
- 2023-04-26 CN CN202310468109.7A patent/CN116501225A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111612873B (zh) | Gif图片生成方法、装置及电子设备 | |
| WO2022089330A1 (zh) | 截图方法和装置、电子设备和可读存储介质 | |
| CN112860163B (zh) | 图像编辑方法和装置 | |
| CN113079316B (zh) | 图像处理方法、图像处理装置及电子设备 | |
| CN113126862B (zh) | 截屏方法、装置、电子设备以及可读存储介质 | |
| CN112911147B (zh) | 显示控制方法、显示控制装置及电子设备 | |
| CN112269522A (zh) | 图像处理方法、装置、电子设备和可读存储介质 | |
| CN111722775A (zh) | 图像处理方法、装置、设备及可读存储介质 | |
| CN111885298B (zh) | 图像处理方法及装置 | |
| CN112702531B (zh) | 拍摄方法、装置及电子设备 | |
| CN113379866A (zh) | 一种壁纸设置方法和装置 | |
| CN113362426B (zh) | 图像编辑方法和图像编辑装置 | |
| CN115562539A (zh) | 控件显示方法及装置、电子设备和可读存储介质 | |
| CN116501225A (zh) | 图像截取方法、装置及电子设备 | |
| CN111857474B (zh) | 应用程序控制方法、装置及电子设备 | |
| CN115037874A (zh) | 拍照方法、装置和电子设备 | |
| CN114786062A (zh) | 信息推荐方法、装置和电子设备 | |
| CN113282780A (zh) | 图片管理方法、装置、电子设备和可读存储介质 | |
| CN114253449A (zh) | 截屏方法、装置、设备及介质 | |
| CN112732958A (zh) | 图像显示方法、装置和电子设备 | |
| CN113763512A (zh) | 截屏图像的处理方法、装置和电子设备 | |
| CN112492206B (zh) | 图像处理方法、装置及电子设备 | |
| CN113726953B (zh) | 显示内容获取方法和装置 | |
| CN112508774B (zh) | 图像的处理方法及装置 | |
| CN117311885A (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 |