CN111352557B - 一种图像处理方法、组件、电子设备及存储介质 - Google Patents
一种图像处理方法、组件、电子设备及存储介质 Download PDFInfo
- Publication number
- CN111352557B CN111352557B CN202010112866.7A CN202010112866A CN111352557B CN 111352557 B CN111352557 B CN 111352557B CN 202010112866 A CN202010112866 A CN 202010112866A CN 111352557 B CN111352557 B CN 111352557B
- Authority
- CN
- China
- Prior art keywords
- image
- area
- edited
- touch
- perspective
- 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
Links
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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/02—Input arrangements using manually operated switches, e.g. using keyboards or dials
- G06F3/023—Arrangements for converting discrete items of information into a coded form, e.g. arrangements for interpreting keyboard generated codes as alphanumeric codes, operand codes or instruction codes
- G06F3/0233—Character input methods
- G06F3/0237—Character input methods using prediction or retrieval techniques
-
- 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/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
-
- 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/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
- G06F3/0362—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of 1D translations or rotations of an operating part of the device, e.g. scroll wheels, sliders, knobs, rollers or belts
-
- 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/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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
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)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申请涉及图像处理方法、组件、电子设备及存储介质;该图像处理组件包括:显示控件,用于在显示区域的第一区域上显示待编辑图像,或者显示对待编辑图像进行调整操作后的目标图像;图像比例调整控件,用于响应第一控制指令在显示区域中除第一区域以外的其他区域上展示图像比例调整界面,并在图像比例调整界面中至少展示有比例触控区域及第一叠加功能触控区域;图像旋转控件,用于响应第二控制指令在显示区域中除第一区域以外的其他区域上展示图像旋转调整界面,并在图像旋转调整界面中至少展示有旋转触控区域及第二叠加功能触控区域。如此,避免用户一次构图中在多个功能界面来回切换等繁琐操作,进而为提高构图效率、提高用户体验奠定了基础。
Description
技术领域
本申请涉及图像处理技术,特别是涉及一种图像处理方法、组件、电子设备及存储介质。
背景技术
现有图像处理软件中构图基础功能通常会根据不同类别进行分页,比如,比例调整功能,对应比例调整界面,该比例调整界面中仅展示有比例调整功能的按键;拖动裁剪功能,对应裁剪界面,该裁剪界面中仅展示有能够对待处理图像进行裁剪的裁剪框,等等;而一次构图中,可能会需要多种功能组合的反复操作,此时,需要用户在多个类别界面中进行切换才能完成构图,显然,操作繁琐,降低了用户体验。
发明内容
为解决上述问题,本发明提出了一种图像处理方法、组件、电子设备及存储介质,能够避免用户一次构图中在多个功能界面来回切换等繁琐操作,进而为提高构图效率、提高用户体验奠定了基础。
第一方面,本申请实施例提供图像处理组件,在电子设备进入图像处理应用程序后能够在显示区域中至少展示以下控件,分别为:
显示控件,用于在显示区域的第一区域上显示待编辑图像,或者显示对待编辑图像进行调整操作后的目标图像,其中,调整操作至少包括比例调整操作和旋转操作;
图像比例调整控件,用于响应第一控制指令在显示区域中除第一区域以外的其他区域上展示图像比例调整界面,并在图像比例调整界面中至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作的第一叠加功能触控区域;
图像旋转控件,用于响应第二控制指令在显示区域中除第一区域以外的其他区域上展示图像旋转调整界面,并在图像旋转调整界面中至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作的第二叠加功能触控区域。
这里,由于图像比例调整控件所对应的图像比例调整界面中除设置有与该图像比例调整控件相匹配的比例触控区域外,还设置有能够响应其他调整操作的第一叠加功能触控区域,同时,图像旋转控件所对应的图像旋转调整界面中除设置有与该图像旋转控件相匹配的旋转触控区域外,还设置有能够响应其他调整操作的第二叠加功能触控区域,也就是说,本申请实施例中用于构图操作的图像比例调整控件以及图像旋转控件除具有各自对应控件功能外,还兼具其他功能,这样,为用户在一个界面中实现多个构图功能提供了可能,进而最大化避免用户在一次构图中在多个功能界面来回切换等繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
在一实施例中,所述显示控件,还用于显示能够响应对待编辑图像进行裁剪操作的裁剪框,并响应于针对所述裁剪框的裁剪操作对待编辑图像进行裁剪,至少在所述裁剪框内显示对待编辑图像进行裁剪后的目标图像。
这里,由于显示控件中设置有能够响应对待编辑图像进行裁剪操作的裁剪框,所以,使得无论在图像比例调整界面下还是在图像旋转调整界面下,均能够利用显示控件来显示裁剪框,进而,使得图像比例调整控件以及图像旋转控件在无需进行界面切换的基础上,兼具裁剪功能,进一步为避免繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
在一实施例中,所述显示控件,还用于响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
这里,由于显示控件还能够响应于操作特征满足预设规则的第一触控操作,进而对待编辑图像或目标图像进行透视操作,所以,使得无论在图像比例调整界面下还是在图像旋转调整界面下,均能够利用显示控件来实现透视操作,进而使得图像比例调整控件以及图像旋转控件在无需进行界面切换的基础上,兼具透视功能,因此,进一步为避免繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
在一实施例中,所述显示控件,还用于获取第一触控操作在预设第一方向上和/或预设第二方向上的操作特征,针对第一触控操作在预设第一方向上和/或预设第二方向上的操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作。
在一实施例中,在电子设备进入图像处理应用程序后还能够在显示区域中至少展示:
图像透视控件,用于响应第三控制指令在显示区域中除第一区域以外的其他区域上展示图像透视调整界面,并在图像透视调整界面中至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作的第三叠加功能触控区域。
这里,由于在电子设备进入图像处理应用程序后还能够在显示区域中展示图像透视控件,所以,丰富了用户构图工具,为提升用户体验奠定基础;而且,又由于图像透视控件所对应的图像透视调整界面中除设置有与该图像透视控件相匹配的透视触控区域外,还设置有能够响应其他调整操作的第三叠加功能触控区域,也就是说,本申请实施例中用于构图操作的图像透视控件除具有透视功能外,还兼具其他功能,所以,进一步为避免繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
在一实施例中,所述透视触控区域包括:
第一子区域,用于响应于针对第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或
第二子区域,用于响应于针对第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作。
这里,由于本申请实施例在透视触控区域上设置两个不同方向上的子区域,如此,丰富了透视方式,进而为提高用户体验奠定了基础。
在一实施例中,所述第三叠加功能触控区域至少包括:
能够响应对待编辑图像进行比例调整操作的比例触控子区域。
在一实施例中,所述第一叠加功能触控区域包括以下触控子区域的至少一种:
能够响应对待编辑图像进行旋转操作的旋转触控子区域;
能够响应对待编辑图像进行透视操作的透视触控子区域。
在一实施例中,所述第二叠加功能触控区域包括以下触控子区域的至少一种:
能够响应对待编辑图像进行比例调整操作的比例触控子区域;
能够响应对待编辑图像进行透视操作的透视触控子区域。
第二方面,本申请实施例提供一种电子设备,电子设备,至少包括:
存储组件,用于存储图像;以及
与存储组件连接的图像处理组件,其中,所述图像处理组件为以上所述的图像处理组件。
第三方面,本申请实施例还提供一种图像处理方法,在电子设备显示区域的第一区域上显示有待编辑图像,或者显示有对待编辑图像进行调整操作后的目标图像,所述方法包括:
响应于实施在图像比例调整界面中第一叠加功能触控区域上的调整操作,对待编辑图像进行除比例调整操作以外的其他调整操作;其中,所述图像比例调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作的第一叠加功能触控区域;和/或,
响应实施在图像旋转调整界面中第二叠加功能触控区域上的调整操作,对待编辑图像进行除旋转操作以外的其他调整操作;其中,所述图像旋转调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作的第二叠加功能触控区域。
在一实施例中,所述方法还包括:
响应于针对裁剪框的裁剪操作对待编辑图像进行裁剪,至少在所述裁剪框内显示对待编辑图像进行裁剪后的目标图像,其中,所述裁剪框显示于所述第一区域上并包围所述待编辑图像的至少部分区域,以通过剪裁框所包围区域的变化对待编辑图像进行裁剪处理。
在一实施例中,所述方法还包括:
响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
在一实施例中,所述基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,包括:
获取第一触控操作在预设第一方向上和/或预设第二方向上的操作特征,针对第一触控操作在预设第一方向上和/或预设第二方向上的操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作。
在一实施例中,所述方法还包括:
响应于实施在图像透视调整界面中第三叠加功能触控区域上的调整操作,对待编辑图像进行除透视操作以外的其他调整操作;其中,图像透视调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作的第三叠加功能触控区域。
在一实施例中,所述方法还包括:
响应于针对所述透视触控区域中第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或,
响应于针对所述透视触控区域中第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作。
在一实施例中,所述方法还包括:
响应于实施在第三叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作。
在一实施例中,所述方法还包括:
响应于实施在第一叠加功能触控区域中至少包含的旋转触控子区域上的调整操作,对待编辑图像进行旋转操作;和/或,
响应于实施在第一叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
在一实施例中,所述方法还包括:
响应于实施在第二叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作;和/或,
响应于实施在第二叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
第四方面,本申请实施例还提供一种电子设备,包括:
显示单元,用于在显示区域的第一区域上显示有待编辑图像,或者显示有对待编辑图像进行调整操作后的目标图像;
处理单元,用于响应于实施在图像比例调整界面中第一叠加功能触控区域上的调整操作,对待编辑图像进行除比例调整操作以外的其他调整操作;其中,所述图像比例调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作的第一叠加功能触控区域;和/或,
响应实施在图像旋转调整界面中第二叠加功能触控区域上的调整操作,对待编辑图像进行除旋转操作以外的其他调整操作;其中,所述图像旋转调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作的第二叠加功能触控区域。
在一实施例中,所述处理单元,还用于:
响应于针对裁剪框的裁剪操作对待编辑图像进行裁剪,至少在所述裁剪框内显示对待编辑图像进行裁剪后的目标图像,其中,所述裁剪框显示于所述第一区域上并包围所述待编辑图像的至少部分区域,以通过剪裁框所包围区域的变化对待编辑图像进行裁剪处理。
在一实施例中,所述处理单元,还用于:
响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
在一实施例中,所述处理单元,还用于:
获取第一触控操作在预设第一方向上和/或预设第二方向上的操作特征,针对第一触控操作在预设第一方向上和/或预设第二方向上的操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作。
在一实施例中,所述处理单元,还用于:
响应于实施在图像透视调整界面中第三叠加功能触控区域上的调整操作,对待编辑图像进行除透视操作以外的其他调整操作;其中,图像透视调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作的第三叠加功能触控区域。
在一实施例中,所述处理单元,还用于:
响应于针对所述透视触控区域中第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或,
响应于针对所述透视触控区域中第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作。
在一实施例中,所述处理单元,还用于:响应于实施在第三叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作。
在一实施例中,所述处理单元,还用于:
响应于实施在第一叠加功能触控区域中至少包含的旋转触控子区域上的调整操作,对待编辑图像进行旋转操作;和/或,
响应于实施在第一叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
在一实施例中,所述处理单元,还用于:
响应于实施在第二叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作;和/或,
响应于实施在第二叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
第五方面,本申请提供一种电子设备,包括:
一个或多个处理器;
与所述一个或多个处理器通信连接的存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序被配置为执行以上所述的方法。
第六方面,本申请提供一种计算机可读存储介质,其存储有计算机程序,该程序被处理器执行时实现如以上所述的方法。
这样,由于图像比例调整控件所对应的图像比例调整界面中除设置有与该图像比例调整控件相匹配的比例触控区域外,还设置有能够响应其他调整操作的第一叠加功能触控区域,同时,图像旋转控件所对应的图像旋转调整界面中除设置有与该图像旋转控件相匹配的旋转触控区域外,还设置有能够响应其他调整操作的第二叠加功能触控区域,也就是说,本申请实施例中用于构图操作的图像比例调整控件以及图像旋转控件除具有各自对应控件功能外,还兼具其他功能,这样,为用户在一个界面中实现多个构图功能提供了可能,进而最大化避免用户在一次构图中在多个功能界面来回切换等繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
附图说明
图1为本发明实施例图像处理组件的结构示意图;
图2为本申请实施例图像处理组件在一具体示例中的界面示意图一;
图3为本申请实施例图像处理组件在一具体示例中的界面示意图二;
图4为本申请实施例图像处理组件在一具体示例中的界面示意图三;
图5为本发明实施例图像处理方法的实现流程示意图;
图6为本发明实施例电子设备的逻辑单元结构示意图;
图7为本发明实施例电子设备的硬件结构示意图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
在本申请的说明书和权利要求书及上述附图中的描述的一些流程中,包含了按照特定顺序出现的多个操作,但是应该清楚了解,这些流程可以包括更多或更少的操作,并且这些操作可以按顺序执行或并行执行。
本申请实施例提供了一种图像处理组件,以下结合图1至图5对本申请方案做详细说明,具体地,本申请方案图像处理组件在电子设备进入图像处理应用程序后能够在显示区域中至少展示以下控件,具体包括:
显示控件,用于在显示区域的第一区域上显示待编辑图像,或者显示对待编辑图像进行调整操作后的目标图像,其中,调整操作至少包括比例调整操作和旋转操作。举例来说,如图2所示,当电子设备,比如手机进入图像处理应用程序且进入编辑界面,此时,显示控件在显示区域的第一区域上显示有待编辑图像,进一步地,该第一区域上还能够实时显示对待编辑图像进行调整操作后的目标图像,如此,便于用户观看实时调整效果。
图像比例调整控件,用于响应第一控制指令在显示区域中除第一区域以外的其他区域上展示图像比例调整界面,并在图像比例调整界面中至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作(比如旋转操作和/或透视操作等)的第一叠加功能触控区域。举例来说,如图2所示,当电子设备,比如手机进入图像处理应用程序,并触发进入编辑界面,可在进入编辑界面后默认直接在显示区域中除第一区域以外的其他区域上显示有图像比例调整界面,该图像比例调整界面包含有比例触控区域以及第一叠加功能触控区域,此时,该第一控制指令可以具体为触发进入编辑界面的触发指令(如,手机根据针对“编辑”虚拟按键(图中未示出)的触控操作,生成触发指令进入编辑界面)。
当然,实际应用中,如图2所示,显示区域还可以显示有针对图像比例调整控件的“比例”虚拟按键,针对图像旋转控件的“旋转”虚拟按键等,如此,通过点击“比例”或“旋转”即可在图像比例调整界面以及图像旋转调整界面之间切换,方便用户进行切换操作。此时,触发进入图像比例调整界面的第一控制指令还可以为:电子设备检测到实施于“比例”虚拟按键的触控操作,生成第一控制指令并触发进入图像比例调整界面。
在一具体示例中,所述第一叠加功能触控区域包括以下触控子区域的至少一种:能够响应对待编辑图像进行旋转操作的旋转触控子区域;能够响应对待编辑图像进行透视操作的透视触控子区域。当然,实际应用中,触控区域(比如,第一叠加功能触控区域和比例触控区域)中触控按键(也即虚拟按键)的设置方式、设置形式及个数等可以根据实际需求而任意设置,本申请实施例对此不作限制。比如,比例触控区域中可以设置多个不同比例的按键供用户选择,第一叠加功能触控区域可以设置旋转滑竿来作为旋转触控子区域,供用户在预设角度内选择旋转角度等。
图像旋转控件,用于响应第二控制指令在显示区域中除第一区域以外的其他区域上展示图像旋转调整界面,并在图像旋转调整界面中至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作(比如比例调整操作和/或透视操作等)的第二叠加功能触控区域。举例来说,如图3所示,当电子设备,比如手机进入图像处理应用程序进入编辑界面后,可基于第二控制指令触发进入图像旋转调整界面,即在显示区域中除第一区域以外的其他区域上展示图像旋转调整界面,这里,电子设备检测到实施于“旋转”虚拟按键的触控操作后会生成第二控制指令,以触发电子设备在显示区域中除第一区域以外的其他区域上展示图像旋转调整界面。
其中,所述图像旋转调整界面包含有旋转触控区域以及第二叠加功能触控区域,在一具体示例中,所述第二叠加功能触控区域包括以下触控子区域的至少一种:能够响应对待编辑图像进行比例调整操作的比例触控子区域;能够响应对待编辑图像进行透视操作的透视触控子区域。当然,实际应用中,触控区域(比如,第二叠加功能触控区域和旋转触控区域)中触控按键(也即虚拟按键)的设置方式、设置形式及个数等可以根据实际需求而任意设置,本申请实施例对此不作限制。比如,旋转触控区域可设置旋转滑竿来供用户在预设角度内选择旋转角度等,第二叠加功能触控区域可以设置多个不同比例的按键供用户选择。
在一具体实施例中,在电子设备进入图像处理应用程序后还能够在显示区域中至少展示:
图像透视控件,用于响应第三控制指令在显示区域中除第一区域以外的其他区域上展示图像透视调整界面,并在图像透视调整界面中至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作(比如比例调整操作等)的第三叠加功能触控区域。举例来说,如图4所示,显示区域还可以显示有针对图像透视控件的“透视”虚拟按键,进一步地,当电子设备,比如手机进入图像处理应用程序进入编辑界面后,可基于第三控制指令触发进入图像透视调整界面,即在显示区域中除第一区域以外的其他区域上展示图像透视调整界面,这里,电子设备检测到实施于“透视”虚拟按键的触控操作后会生成第三控制指令,以触发电子设备在显示区域中除第一区域以外的其他区域上展示图像透视调整界面。
其中,所述图像透视调整界面包含有透视触控区域以及第三叠加功能触控区域,在一具体示例中,所述第三叠加功能触控区域至少包括:能够响应对待编辑图像进行比例调整操作的比例触控子区域。当然,实际应用中,触控区域(比如,第三叠加功能触控区域和透视触控区域)中触控按键(也即虚拟按键)的设置方式、设置形式及个数等可以根据实际需求而任意设置,本申请实施例对此不作限制。
比如,所述透视触控区域包括:第一子区域,用于响应于针对第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或,所述透视触控区域包括第二子区域,用于响应于针对第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作。这里,预设第一方向可以具体为X轴方向,预设第二方向可以具体为Y轴方向,相应地,第一子区域和第二子区域可以通过不同滑动竿来实现,此时,可以通过滑动X轴对应的滑动竿或Y轴对应的滑动竿来确定透视方式,比如,X轴方向透视,此时,向右滑动,待编辑图像左边不变,右边变大,相反地,向左边滑动,待编辑图像右边不变,左边放大,这里,图像放大的速度和比例等规则可根据效果需求来控制的,本申请实施例对此不作限制。
这里,实际场景中,透视触控区域可以仅设置第一子区域,此时,能够在预设第一方向上实现透视处理;同理,还可以仅设置第二子区域,此时,能够在预设第二方向上实现透视处理;当然,为实现更多功能,还可以两者都包括,如此,既能够在预设第一方向上实现透视处理,还能够在预设第二方向上实现透视处理。
这里,需要说明的是,实际应用中,若第一叠加功能触控区域设置有旋转子区域,此时,该旋转子区域的功能按键所能实现的功能,与图像旋转调整界面中旋转触控区域的功能按键所能实现的功能相同,或者不相同,比如,第一叠加功能触控区域中旋转子区域的功能按键仅具有图像旋转调整界面中旋转触控区域的功能按键中的部分功能。第二叠加功能触控区域、第三叠加功能触控区域类似于第一叠加功能触控区域,可以仅实现其他具体控件所能实现的部分功能;也就是说,实际应用中,叠加功能触控区域中可以仅实现其他具体控件所能实现的部分功能,比如,仅将操作频率较高的其他控件的功能附加到叠加功能触控区域中,如此,来最大化降低繁琐操作,同时,由于具体控件中的功能更加细化,所以,也为精细化修图提供了进一步可能,进而为满足不同用户的不同需求奠定了基础。
在一具体实施例中,所述显示控件还用于显示能够响应对待编辑图像进行裁剪操作的裁剪框,并响应于针对所述裁剪框的裁剪操作对待编辑图像进行裁剪,至少在所述裁剪框内显示对待编辑图像进行裁剪后的目标图像。也就是说,在一具体示例中,所述显示控件还具有剪裁功能,并利用剪裁框实现对待编辑图像的剪裁。这里,由于剪裁框显示于显示区域的第一区域上,而与第一区域以外的其他区域显示的界面不相关,换言之,无论第一区域以外的其他区域显示图像旋转调整界面,还是图像比例调整界面,或者是图像透视调整界面,第一区域上均可以显示剪裁框,因此,图像比例调整控件、图像旋转控件及图像透视控件还可以利用显示控件的剪裁框来实现剪裁功能,进一步丰富了用户体验。
在另一具体实施例中,所述显示控件,还用于响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。比如,定义一个手势,如单指触控,此时,若检测到第一触控操作的第一操作特征满足单指触控的特征,即可认为第一触控操作的第一操作特征满足预设规则,此时,可针对第一触控操作的第一操作特征(比如触控点在待编辑图像中的区域,以及触控角度、滑动轨迹等)确定透视方式,进而对待编辑图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
当然,在实际应用中,还可以根据第一触控操作在预设方向上的滑动轨迹来确定透视方式,具体地,所述显示控件,还用于获取第一触控操作在预设第一方向上和/或预设第二方向上的操作特征(比如角度和位移),针对第一触控操作在预设第一方向上和/或预设第二方向上的操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作。
这里,由于显示控件还能够响应于操作特征满足预设规则的第一触控操作,进而对待编辑图像或目标图像进行透视操作,所以,使得无论在图像比例调整界面下或者在图像旋转调整界面下,或者是在图像透视调整界面下,均能够利用显示控件来实现特定手势透视操作,进而使得图像比例调整控件、图像旋转控件以及图像透视控件在无需进行界面切换的基础上,兼具手势透视功能,因此,进一步为避免繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
这里,由于图像比例调整控件所对应的图像比例调整界面中除设置有与该图像比例调整控件相匹配的比例触控区域外,还设置有能够响应其他调整操作的第一叠加功能触控区域,同时,图像旋转控件所对应的图像旋转调整界面中除设置有与该图像旋转控件相匹配的旋转触控区域外,还设置有能够响应其他调整操作的第二叠加功能触控区域,也就是说,本申请实施例中用于构图操作的图像比例调整控件以及图像旋转控件除具有各自对应控件功能外,还兼具其他功能,这样,为用户在一个界面中实现多个构图功能提供了可能,进而最大化避免用户在一次构图中在多个功能界面来回切换等繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
进一步地,由于在电子设备进入图像处理应用程序后还能够在显示区域中展示图像透视控件,所以,丰富了用户构图工具,为提升用户体验奠定基础;而且,又由于图像透视控件所对应的图像透视调整界面中除设置有与该图像透视控件相匹配的透视触控区域外,还设置有能够响应其他调整操作的第三叠加功能触控区域,也就是说,本申请实施例中用于构图操作的图像透视控件除具有透视功能外,还兼具其他功能,所以,进一步为避免繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
另外,由于显示控件中设置有能够响应对待编辑图像进行裁剪操作的裁剪框,所以,使得无论在图像比例调整界面下还是在图像旋转调整界面下,或者在图像透视调整界面下,均能够利用显示控件来显示裁剪框,进而,使得图像比例调整控件、图像旋转控件及图像透视控件在无需进行界面切换的基础上,兼具裁剪功能,进一步为避免繁琐操作,为提高构图效率、以及提高用户体验奠定了基础。
本申请实施例还提供了一种电子设备,至少包括:存储组件,用于存储图像;以及与存储组件连接的图像处理组件,其中,所述图像处理组件为以上所述的图像处理组件。
本申请实施例还提供了一种图像处理方法,在电子设备显示区域的第一区域上显示有待编辑图像,或者显示有对待编辑图像进行调整操作后的目标图像,这里,调整操作至少包括比例调整操作和旋转操作。举例来说,如图2所示,当电子设备,比如手机进入图像处理应用程序且进入编辑界面,此时,在显示区域的第一区域上显示有待编辑图像,进一步地,该第一区域上还能够实时显示对待编辑图像进行调整操作后的目标图像,如此,便于用户观看实时调整效果。具体地,如图5所示,所述方法包括:
步骤501:响应于实施在图像比例调整界面中第一叠加功能触控区域上的调整操作,对待编辑图像进行除比例调整操作以外的其他调整操作;其中,所述图像比例调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作的第一叠加功能触控区域;和/或,
步骤502:响应实施在图像旋转调整界面中第二叠加功能触控区域上的调整操作,对待编辑图像进行除旋转操作以外的其他调整操作;其中,所述图像旋转调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作的第二叠加功能触控区域。
这里,需要说明的是,实际应用中,步骤501和步骤502之间的执行顺序不限,而且,步骤501和步骤502可以理解为并列存在,即在一具体场景中,可以仅执行步骤501,在另外一个场景中,可以仅执行步骤502,当然,还存在一场景,步骤501和步骤502均会执行,但两者执行顺序不作限定,即先执行步骤501,再执行步骤502;或者,先执行步骤502,再执行步骤501,该执行顺序与用户的操作习惯或构图习惯有关,本申请对此不作限制。
在一实施例中,所述方法还包括:响应于针对裁剪框的裁剪操作对待编辑图像进行裁剪,至少在所述裁剪框内显示对待编辑图像进行裁剪后的目标图像,其中,所述裁剪框显示于所述第一区域上并包围所述待编辑图像的至少部分区域,以通过剪裁框所包围区域的变化对待编辑图像进行裁剪处理;比如,实际应用中,剪裁框能框选待编辑图像或目标图像的全部图像内容,如此,用户便可通过对剪裁框的所包围区域的缩放来实现对待编辑图像或目标图像的剪裁。
在一实施例中,所述方法还包括:响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
在一实施例中,所述基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,包括:
获取第一触控操作在预设第一方向上和/或预设第二方向上的操作特征,针对第一触控操作在预设第一方向上和/或预设第二方向上的操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作。
在一实施例中,所述方法还包括:
响应于实施在图像透视调整界面中第三叠加功能触控区域上的调整操作,对待编辑图像进行除透视操作以外的其他调整操作;其中,图像透视调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作的第三叠加功能触控区域。
在一实施例中,所述方法还包括:
响应于针对所述透视触控区域中第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或,
响应于针对所述透视触控区域中第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作。
在一实施例中,所述第三叠加功能触控区域至少包括:能够响应对待编辑图像进行比例调整操作的比例触控子区域;此时,所述方法还包括:
响应于实施在第三叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作。
在一实施例中,所述第一叠加功能触控区域包括以下触控子区域的至少一种:能够响应对待编辑图像进行旋转操作的旋转触控子区域;能够响应对待编辑图像进行透视操作的透视触控子区域;此时,所述方法还包括:
响应于实施在第一叠加功能触控区域中至少包含的旋转触控子区域上的调整操作,对待编辑图像进行旋转操作;和/或,
响应于实施在第一叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
在一实施例中,所述第二叠加功能触控区域包括以下触控子区域的至少一种:能够响应对待编辑图像进行比例调整操作的比例触控子区域;能够响应对待编辑图像进行透视操作的透视触控子区域;此时,所述方法还包括:
响应于实施在第二叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作;和/或,
响应于实施在第二叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
这里需要指出的是:以上方法实施例项的描述,与上述图像处理组件描述是类似的,具有同图像处理组件实施例相同的有益效果,因此不做赘述。对于本发明电子设备实施例中未披露的技术细节,本领域的技术人员请参照本发明图像处理组件实施例的描述而理解,为节约篇幅,这里不再赘述。
本申请实施例还提供一种电子设备,如图6所示,包括:
显示单元61,用于在显示区域的第一区域上显示有待编辑图像,或者显示有对待编辑图像进行调整操作后的目标图像;
处理单元62,用于响应于实施在图像比例调整界面中第一叠加功能触控区域上的调整操作,对待编辑图像进行除比例调整操作以外的其他调整操作;其中,所述图像比例调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作的第一叠加功能触控区域;和/或,
响应实施在图像旋转调整界面中第二叠加功能触控区域上的调整操作,对待编辑图像进行除旋转操作以外的其他调整操作;其中,所述图像旋转调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作的第二叠加功能触控区域。
在一实施例中,所述处理单元62,还用于:
响应于针对裁剪框的裁剪操作对待编辑图像进行裁剪,至少在所述裁剪框内显示对待编辑图像进行裁剪后的目标图像,其中,所述裁剪框显示于所述第一区域上并包围所述待编辑图像的至少部分区域,以通过剪裁框所包围区域的变化对待编辑图像进行裁剪处理。
在一实施例中,所述处理单元62,还用于:
响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
在一实施例中,所述处理单元62,还用于:
获取第一触控操作在预设第一方向上和/或预设第二方向上的操作特征,针对第一触控操作在预设第一方向上和/或预设第二方向上的操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作。
在一实施例中,所述处理单元62,还用于:
响应于实施在图像透视调整界面中第三叠加功能触控区域上的调整操作,对待编辑图像进行除透视操作以外的其他调整操作;其中,图像透视调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作的第三叠加功能触控区域。
在一实施例中,所述处理单元62,还用于:
响应于针对所述透视触控区域中第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或,
响应于针对所述透视触控区域中第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作。
在一实施例中,所述处理单元62,还用于:响应于实施在第三叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作。
在一实施例中,所述处理单元62,还用于:
响应于实施在第一叠加功能触控区域中至少包含的旋转触控子区域上的调整操作,对待编辑图像进行旋转操作;和/或,
响应于实施在第一叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
在一实施例中,所述处理单元62,还用于:
响应于实施在第二叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作;和/或,
响应于实施在第二叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
这里需要指出的是:以上电子设备实施例项的描述,与上述方法描述是类似的,具有同方法实施例相同的有益效果,因此不做赘述。对于本发明电子设备实施例中未披露的技术细节,本领域的技术人员请参照本发明方法实施例的描述而理解,为节约篇幅,这里不再赘述。
本申请实施例还提供了一种电子设备,包括:一个或多个处理器;与所述一个或多个处理器通信连接的存储器;一个或多个应用程序;其中,所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序被配置为执行以上所述的方法。
在一具体示例中,本申请实施例所述的电子设备可具体为如图7所示的结构,所述电子设备至少包括处理器71、存储介质72以及至少一个外部通信接口73;所述处理器71、存储介质72以及外部通信接口73均通过总线74连接。所述处理器71可为微处理器、中央处理器、数字信号处理器或可编程逻辑阵列等具有处理功能的电子元器件。所述存储介质中存储有计算机可执行代码,所述计算机可执行代码能够执行以上任一实施例所述的方法。在实际应用中,所述显示单元61以及处理单元62可以通过所述处理器71实现。或者,所述显示控件、图像比例调整控件、图像旋转控件及图像透视控件均可通过所述处理器71实现。
本申请实施例还提供了一种计算机可读存储介质,其存储有计算机程序,该程序被处理器执行时实现以上所述的方法。
这里,计算机可读存储介质可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读存储介质的更具体的示例(非穷尽性列表)包括以下:具有一个或多个布线的电连接部(电子装置),便携式计算机盘盒(磁装置),随机存取存储器(RAM),只读存储器(ROM),可擦除可编辑只读存储器(EPROM或闪速存储器),光纤装置,以及便携式只读存储器(CDROM)。另外,计算机可读存储介质甚至可以是可在其上打印所述程序的纸或其他合适的介质,因为可以例如通过对纸或其他介质进行光学扫描,接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序,然后将其存储在计算机存储器中。
应当理解,本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
此外,在本发明各个实施例中的各功能组件可以集成在一个处理模块中,也可以是各组件单独物理存在,也可以两个或两个以上组件集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读存储介质中。所述存储介质可以是只读存储器,磁盘或光盘等。
上述所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
Claims (12)
1.一种图像处理组件,其特征在于,在电子设备进入图像处理应用程序后能够在显示区域中至少展示以下控件,分别为:
显示控件,用于在显示区域的第一区域上显示待编辑图像,或者显示对待编辑图像进行调整操作后的目标图像,其中,调整操作至少包括比例调整操作和旋转操作;
图像比例调整控件,用于响应第一控制指令在显示区域中除第一区域以外的其他区域上展示图像比例调整界面,并在图像比例调整界面中至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作的第一叠加功能触控区域;
图像旋转控件,用于响应第二控制指令在显示区域中除第一区域以外的所述其他区域上展示图像旋转调整界面,并在图像旋转调整界面中至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作的第二叠加功能触控区域。
2.根据权利要求1所述的组件,其特征在于,所述显示控件,还用于响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
3.根据权利要求1或2所述的组件,其特征在于,在电子设备进入图像处理应用程序后还能够在显示区域中至少展示:
图像透视控件,用于响应第三控制指令在显示区域中除第一区域以外的其他区域上展示图像透视调整界面,并在图像透视调整界面中至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作的第三叠加功能触控区域。
4.根据权利要求3所述的组件,其特征在于,所述透视触控区域包括:
第一子区域,用于响应于针对第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或,
第二子区域,用于响应于针对第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作。
5.一种图像处理方法,其特征在于,在电子设备显示区域的第一区域上显示有待编辑图像,或者显示有对待编辑图像进行调整操作后的目标图像,所述方法包括:
响应第一控制指令在显示区域中除第一区域以外的其他区域上展示图像比例调整界面,并在图像比例调整界面中至少展示有能够响应对待编辑图像进行比例调整操作的比例触控区域,以及能够响应对待编辑图像进行除比例调整操作以外的其他调整操作的第一叠加功能触控区域;
响应于实施在所述图像比例调整界面中第一叠加功能触控区域上的调整操作,对待编辑图像进行除比例调整操作以外的其他调整操作;
响应第二控制指令在显示区域中除第一区域以外的所述其他区域上展示图像旋转调整界面,并在图像旋转调整界面中至少展示有能够响应对待编辑图像进行旋转操作的旋转触控区域,以及能够响应对待编辑图像进行除旋转操作以外的其他调整操作的第二叠加功能触控区域;
响应实施在图像旋转调整界面中第二叠加功能触控区域上的调整操作,对待编辑图像进行除旋转操作以外的其他调整操作。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
响应于针对第一区域的第一触控操作,确定第一触控操作的第一操作特征满足预设规则后,基于第一操作特征对第一区域中当前显示的待编辑图像或目标图像进行透视操作,并在第一区域上显示透视操作后的目标图像。
7.根据权利要求5或6所述的方法,其特征在于,所述方法还包括:
响应于实施在图像透视调整界面中第三叠加功能触控区域上的调整操作,对待编辑图像进行除透视操作以外的其他调整操作;其中,图像透视调整界面在显示区域中除第一区域以外的其他区域上展示,并至少展示有能够响应对待编辑图像进行透视操作的透视触控区域,以及能够响应对待编辑图像进行除透视操作以外的其他调整操作的第三叠加功能触控区域。
8.根据权利要求7所述的方法,其特征在于,所述方法还包括:
响应于针对所述透视触控区域中第一子区域的第二触控操作,并基于第二触控操作在预设第一方向上的第二操作特征,对待编辑图像在预设第一方向上进行透视操作;和/或,响应于针对所述透视触控区域中第二子区域的第三触控操作,并基于第三触控操作在预设第二方向上的第三操作特征,对待编辑图像在预设第二方向上进行透视操作;
或者,所述方法还包括:
响应于实施在第三叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作。
9.根据权利要求5所述的方法,其特征在于,所述方法还包括:
响应于实施在第一叠加功能触控区域中至少包含的旋转触控子区域上的调整操作,对待编辑图像进行旋转操作;和/或,
响应于实施在第一叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
10.根据权利要求5所述的方法,其特征在于,所述方法还包括:
响应于实施在第二叠加功能触控区域中至少包含的比例触控子区域上的调整操作,对待编辑图像进行比例调整操作;和/或,
响应于实施在第二叠加功能触控区域中至少包含的透视触控子区域上的调整操作,对待编辑图像进行透视操作。
11.一种电子设备,其特征在于,包括:
一个或多个处理器;
与所述一个或多个处理器通信连接的存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序被配置为执行权利要求5至10任一项所述的方法。
12.一种计算机可读存储介质,其存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求5至10中任一项所述的方法。
Priority Applications (5)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010112866.7A CN111352557B (zh) | 2020-02-24 | 2020-02-24 | 一种图像处理方法、组件、电子设备及存储介质 |
EP21760494.1A EP4086743B1 (en) | 2020-02-24 | 2021-02-18 | Image processing method and assembly, electronic device and storage medium |
PCT/CN2021/076693 WO2021169830A1 (zh) | 2020-02-24 | 2021-02-18 | 图像处理方法、组件、电子设备及存储介质 |
JP2022549584A JP7524332B2 (ja) | 2020-02-24 | 2021-02-18 | 画像処理方法、モジュール、電子装置及び記憶媒体 |
US17/877,924 US12086394B2 (en) | 2020-02-24 | 2022-07-30 | Image processing component and image processing method for editing operations, and electronic device and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010112866.7A CN111352557B (zh) | 2020-02-24 | 2020-02-24 | 一种图像处理方法、组件、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111352557A CN111352557A (zh) | 2020-06-30 |
CN111352557B true CN111352557B (zh) | 2021-09-14 |
Family
ID=71195792
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010112866.7A Active CN111352557B (zh) | 2020-02-24 | 2020-02-24 | 一种图像处理方法、组件、电子设备及存储介质 |
Country Status (5)
Country | Link |
---|---|
US (1) | US12086394B2 (zh) |
EP (1) | EP4086743B1 (zh) |
JP (1) | JP7524332B2 (zh) |
CN (1) | CN111352557B (zh) |
WO (1) | WO2021169830A1 (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111352557B (zh) | 2020-02-24 | 2021-09-14 | 北京字节跳动网络技术有限公司 | 一种图像处理方法、组件、电子设备及存储介质 |
CN112035038B (zh) * | 2020-08-31 | 2022-03-04 | 北京字节跳动网络技术有限公司 | 一种图片处理方法、装置、设备及存储介质 |
CN112947923B (zh) * | 2021-02-25 | 2024-06-04 | 维沃移动通信有限公司 | 对象编辑方法、装置和电子设备 |
CN113157182A (zh) * | 2021-03-31 | 2021-07-23 | 北京达佳互联信息技术有限公司 | 图像编辑方法、装置、电子设备及存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108898545A (zh) * | 2018-05-07 | 2018-11-27 | 天津科技大学 | 一种基于苹果iOS的照片美化处理系统 |
Family Cites Families (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8209632B2 (en) * | 2010-01-26 | 2012-06-26 | Apple Inc. | Image mask interface |
JP5091267B2 (ja) * | 2010-02-18 | 2012-12-05 | シャープ株式会社 | 操作機器、その操作機器を備えた電子機器および画像処理装置ならびに操作方法 |
US9041727B2 (en) * | 2012-03-06 | 2015-05-26 | Apple Inc. | User interface tools for selectively applying effects to image |
US10114532B2 (en) * | 2013-12-06 | 2018-10-30 | Google Llc | Editing options for image regions |
KR102118050B1 (ko) * | 2013-12-20 | 2020-06-02 | 엘지전자 주식회사 | 이동 단말기 및 이의 제어 방법 |
CN103645937B (zh) * | 2013-12-27 | 2017-08-25 | 联想(北京)有限公司 | 一种数据处理的方法及电子设备 |
CN104461280A (zh) * | 2014-11-03 | 2015-03-25 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
WO2017110505A1 (ja) * | 2015-12-25 | 2017-06-29 | 株式会社リコー | 画像処理装置、画像表示方法、プログラム |
CN105700789B (zh) * | 2016-01-11 | 2019-05-10 | Oppo广东移动通信有限公司 | 一种图片发送方法及终端设备 |
CN105892869A (zh) * | 2016-04-28 | 2016-08-24 | 北京小米移动软件有限公司 | 图片位置调整方法及装置 |
US11190653B2 (en) * | 2016-07-26 | 2021-11-30 | Adobe Inc. | Techniques for capturing an image within the context of a document |
CN106406741B (zh) * | 2016-09-30 | 2019-08-20 | 维沃移动通信有限公司 | 一种移动终端的操作处理方法及移动终端 |
CN107369197B (zh) * | 2017-07-05 | 2022-04-15 | 腾讯科技(深圳)有限公司 | 图片处理方法、装置及设备 |
CN108132749B (zh) * | 2017-12-21 | 2020-02-11 | 维沃移动通信有限公司 | 一种图像编辑方法及移动终端 |
CN108765519A (zh) * | 2018-05-16 | 2018-11-06 | 珠海格力电器股份有限公司 | 一种图像处理方法及装置、终端设备和可读存储介质 |
CN108958608B (zh) * | 2018-07-10 | 2022-07-15 | 广州视源电子科技股份有限公司 | 电子白板的界面元素操作方法、装置及交互智能设备 |
CN111352557B (zh) * | 2020-02-24 | 2021-09-14 | 北京字节跳动网络技术有限公司 | 一种图像处理方法、组件、电子设备及存储介质 |
-
2020
- 2020-02-24 CN CN202010112866.7A patent/CN111352557B/zh active Active
-
2021
- 2021-02-18 JP JP2022549584A patent/JP7524332B2/ja active Active
- 2021-02-18 EP EP21760494.1A patent/EP4086743B1/en active Active
- 2021-02-18 WO PCT/CN2021/076693 patent/WO2021169830A1/zh unknown
-
2022
- 2022-07-30 US US17/877,924 patent/US12086394B2/en active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108898545A (zh) * | 2018-05-07 | 2018-11-27 | 天津科技大学 | 一种基于苹果iOS的照片美化处理系统 |
Also Published As
Publication number | Publication date |
---|---|
EP4086743A1 (en) | 2022-11-09 |
CN111352557A (zh) | 2020-06-30 |
US20220365664A1 (en) | 2022-11-17 |
WO2021169830A1 (zh) | 2021-09-02 |
JP2023515030A (ja) | 2023-04-12 |
EP4086743A4 (en) | 2023-06-28 |
JP7524332B2 (ja) | 2024-07-29 |
US12086394B2 (en) | 2024-09-10 |
EP4086743B1 (en) | 2024-08-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111352557B (zh) | 一种图像处理方法、组件、电子设备及存储介质 | |
CN112492212B (zh) | 拍照方法、装置、电子设备及存储介质 | |
KR20150002180A (ko) | 이미지 파일 생성 방법 및 장치 | |
CN113082696B (zh) | 显示控制方法、装置和电子设备 | |
CN111701226A (zh) | 图形用户界面中控件的控制方法、装置、设备及存储介质 | |
CN116775177A (zh) | 显示控件调整方法、装置、终端及计算机可读存储介质 | |
CN110286840A (zh) | 可触控设备的手势缩放控制方法、装置和相关设备 | |
CN114518820A (zh) | 图标整理方法、装置和电子设备 | |
CN111757177A (zh) | 视频裁剪方法及装置 | |
CN113407144B (zh) | 显示控制方法、装置 | |
JP6191851B2 (ja) | 文書提示方法およびユーザ端末 | |
CN113721819B (zh) | 人机交互方法、装置和电子设备 | |
CN111142754A (zh) | 截图处理方法、装置及存储介质 | |
CN106780346B (zh) | 一种基于边缘输入的图片拼接装置及方法 | |
CN112802157B (zh) | 图片编辑方法、装置、电子设备和存储介质 | |
CN112929566B (zh) | 显示控制方法、装置、电子设备及介质 | |
CN111796746B (zh) | 音量调节方法、音量调节装置和电子设备 | |
CN113648661B (zh) | 游戏中处理信息的方法、装置、电子设备及存储介质 | |
CN111124232A (zh) | 截图处理方法、装置及存储介质 | |
CN111756998B (zh) | 构图方法、装置及电子设备 | |
CN114339073B (zh) | 视频生成方法和视频生成装置 | |
CN114153363B (zh) | 地图的显示控制方法、装置和电子设备 | |
US20230418446A1 (en) | Screenshot method, electronic device and computer-readable storage medium | |
CN118903829A (zh) | 游戏场景编辑方法、装置、电子设备及存储介质 | |
CN114866694A (zh) | 拍摄方法和拍摄装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |