CN110908585B - Picture processing method and device - Google Patents

Picture processing method and device Download PDF

Info

Publication number
CN110908585B
CN110908585B CN201911209998.5A CN201911209998A CN110908585B CN 110908585 B CN110908585 B CN 110908585B CN 201911209998 A CN201911209998 A CN 201911209998A CN 110908585 B CN110908585 B CN 110908585B
Authority
CN
China
Prior art keywords
picture
gesture operation
layer container
current view
container
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
CN201911209998.5A
Other languages
Chinese (zh)
Other versions
CN110908585A (en
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.)
Gaoding Xiamen Technology Co Ltd
Original Assignee
Gaoding Xiamen Technology 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 Gaoding Xiamen Technology Co Ltd filed Critical Gaoding Xiamen Technology Co Ltd
Priority to CN201911209998.5A priority Critical patent/CN110908585B/en
Publication of CN110908585A publication Critical patent/CN110908585A/en
Application granted granted Critical
Publication of CN110908585B publication Critical patent/CN110908585B/en
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/0487Interaction 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/0488Interaction 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/04883Interaction 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 for inputting data by handwriting, e.g. gesture or text
    • 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
    • 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/0485Scrolling or panning

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)
  • Processing Or Creating Images (AREA)

Abstract

The application discloses a method and a device for processing pictures. The method comprises the steps that when the pictures are in an unedited state, a view sliding switching tool which is assigned to a first-layer container through gesture operation is used for switching a plurality of pictures; when the picture is in an editing state, the canvas container which allocates the gesture operation to the second layer container carries out editing processing on the picture in the current view, and the first layer container is limited from calling the single-finger gesture operation. The problem that batch processing can not be carried out on multiple pictures simultaneously in the existing picture editing processing is solved.

Description

Picture processing method and device
Technical Field
The present application relates to the field of data processing technologies, and in particular, to a method and an apparatus for processing an image.
Background
With the higher requirements of people on picture effects, a large amount of P picture software appears, so that a user can easily and conveniently edit and process pictures in a user-defined manner. The editing processing of pictures in the current P-picture software is generally limited to processing one picture at a time, and batch editing processing cannot be performed on multiple pictures at the same time.
Disclosure of Invention
The present application mainly aims to provide a method and an apparatus for processing pictures, so as to solve the problem that the existing picture editing processing cannot simultaneously perform batch processing on multiple pictures.
In order to achieve the above object, according to a first aspect of the present application, a method of picture processing is provided.
The picture processing method comprises the following steps:
when the pictures are in an unedited state, the view sliding switching tool which distributes gesture operation to the first-layer container carries out switching of a plurality of pictures;
when the picture is in an editing state, the canvas container which allocates the gesture operation to the second layer container carries out editing processing on the picture in the current view, and the first layer container is limited from calling the gesture operation.
Further, the picture in the editing state includes editing the picture in the current view and editing the element added to the picture in the current view, and the allocating the gesture operation to the canvas container of the second layer container includes:
if the picture is in the editing state and the picture in the current view is edited, allocating gesture operation to the canvas container of the second layer of container to edit the picture in the current view;
and if the picture is in the editing state and the elements added in the picture in the current view are edited, allocating the gesture operation to the elements of the third-layer container to edit the added elements, and limiting the second-layer container to call the gesture operation.
Further, the non-editing state includes that the picture is not selected or not enlarged or no element is added or the added element is in a non-selected state.
Further, if the picture in the current view is in the enlarged state, the method for editing and processing the picture in the current view by assigning the gesture operation to the canvas container of the second layer of containers further comprises:
judging whether the edge of the picture in the current view is overlapped with the edge of the current view;
if the left edge of the picture in the current view is overlapped with the left edge of the current view, allocating gesture operation of single-direction right sliding to a view sliding switching tool of a first-layer container for switching the picture;
and if the right edge of the picture in the current view is overlapped with the right edge of the current view, allocating the gesture operation pointing to the left sliding to the view sliding switching tool of the first-layer container for switching the picture.
Further, the gesture operation of the view slide switching tool allocated to the first layer container comprises single-finger movement and double-finger zooming, and the gesture operation of the canvas container allocated to the second layer container comprises single-finger movement, double-finger zooming and double-finger rotation; the gesture operations assigned to the elements of the third level container include single-finger selection, single-finger movement, single-finger drawing, double-finger zooming, and double-finger rotating.
Further, the method further comprises:
setting the priority of a first layer container, a second layer container and a third layer container;
and assigning the gesture operation to the containers of the corresponding hierarchy according to the high-low order of the priority.
Further, if the picture is in the editing state and the element added to the picture in the current view is edited, assigning the gesture operation to the element of the third-layer container to edit the added element, and restricting the second-layer container from invoking the gesture operation includes:
judging whether the element is a smearing element;
if the element is not a smearing element, the gesture operation is distributed to the element of the third-layer container to edit the added element, and the second-layer container is limited to call the gesture operation;
if the element is a smearing element, judging whether the smearing element is in a selected state;
if the selected state is the selected state, the gesture operation is distributed to the elements of the third-layer container to edit the added elements, and the second-layer container is limited to call the gesture operation;
if the selected state is not the selected state, the single-finger gesture operation is allocated to the elements of the third-layer container to draw the smearing elements; and the number of the first and second electrodes,
and assigning the double-finger gesture operation to the canvas container of the second layer container to perform the double-finger operation on the picture on which the daubing element is drawn.
Further, the assigning the gesture operation to the element of the third-layer container to edit the added element further includes:
if the gesture operation is a single-finger click operation, judging the position of the single-finger click;
if the element is in the element and the element is in the unselected state, modifying the element from the unselected state to the selected state;
if the element is outside the element and the element is in the selected state, the element is modified from the selected state to the unselected state.
In order to achieve the above object, according to a second aspect of the present application, there is provided an apparatus for picture processing.
The picture processing device comprises:
the first distribution unit is used for distributing gesture operation to a view sliding switching tool of the first-layer container to switch a plurality of pictures when the pictures are in an unedited state;
and the second distribution unit is used for distributing the gesture operation to the canvas container of the second layer container to carry out editing processing on the picture in the current view when the picture is in the editing state, and limiting the first layer container to call the gesture operation.
Further, the picture in the editing state includes editing the picture in the current view and editing the element added to the picture in the current view, and the second allocating unit includes:
the first allocation module is used for allocating gesture operation to the canvas container of the second layer container to edit the picture in the current view if the picture is in the editing state and the picture in the current view is edited;
and the second allocating module is used for allocating the gesture operation to the element of the third-layer container to edit the added element and limiting the second-layer container to call the gesture operation if the picture is in the editing state and the element added in the picture in the current view is edited.
Further, the non-editing state includes that the picture is not selected or not enlarged or no element is added or the added element is in a non-selected state.
Further, if the picture in the current view is in the enlarged state, the second allocating unit further includes:
the judging module is used for judging whether the edge of the picture in the current view is overlapped with the edge of the current view;
the third allocation module is used for allocating gesture operation of single-direction right sliding to the view sliding switching tool of the first-layer container to switch the pictures if the left edge of the picture in the current view is overlapped with the left edge of the current view;
the third allocating module is further configured to allocate the gesture operation of the single-direction left sliding to the view sliding switching tool of the first-layer container to switch the pictures if the right edge of the picture in the current view coincides with the right edge of the current view.
Further, the gesture operation of the view slide switching tool allocated to the first layer container comprises single-finger movement, and the gesture operation of the canvas container allocated to the second layer container comprises single-finger movement, double-finger zooming and double-finger rotating; the gesture operations assigned to the elements of the third level container include single-finger selection, single-finger movement, single-finger drawing, double-finger zooming, and double-finger rotating.
Further, the apparatus further comprises:
the setting unit is used for setting the priority of the first-layer container, the second-layer container and the third-layer container;
and the third allocation unit is used for allocating the gesture operation to the containers of the corresponding hierarchy according to the high-low order of the priority.
Further, the second allocating module is configured to:
judging whether the element is a smearing element;
if the element is not a smearing element, the gesture operation is distributed to the element of the third-layer container to edit the added element, and the second-layer container is limited to call the gesture operation;
if the element is a smearing element, judging whether the smearing element is in a selected state;
if the selected state is the selected state, the gesture operation is distributed to the elements of the third-layer container to edit the added elements, and the second-layer container is limited to call the gesture operation;
if the selected state is not the selected state, the single-finger gesture operation is allocated to the elements of the third-layer container to draw the smearing elements; and the number of the first and second electrodes,
and assigning the double-finger gesture operation to the canvas container of the second layer container to perform the double-finger operation on the picture on which the daubing element is drawn.
Further, the second allocating module is further configured to:
if the gesture operation is a single-finger click operation, judging the position of the single-finger click;
if the element is in the element and the element is in the unselected state, modifying the element from the unselected state to the selected state;
if the element is outside the element and the element is in the selected state, the element is modified from the selected state to the unselected state.
To achieve the above object, according to a third aspect of the present application, there is provided a non-transitory computer-readable storage medium storing computer instructions for causing a computer to execute the method of picture processing according to any one of the first aspect.
In the method and the device for processing the pictures, when the pictures are in an unedited state, the view sliding switching tool which is allocated to the first-layer container by gesture operation is used for switching a plurality of pictures; when the picture is in an editing state, the canvas container of the second-layer container is allocated with the gesture operation to edit the picture in the current view, and the first-layer container is limited from calling the gesture operation. It can be seen that, the switching of a plurality of pictures can be carried out in the application, and when the picture needs to be edited, the picture is switched to be edited, so that the batch pictures can be edited simultaneously.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this application, serve to provide a further understanding of the application and to enable other features, objects, and advantages of the application to be more apparent. The drawings and their description illustrate the embodiments of the invention and do not limit it. In the drawings:
fig. 1 is a flowchart of a method for processing pictures according to an embodiment of the present application;
FIG. 2 is a flow chart of another method for processing pictures according to an embodiment of the present application;
FIG. 3 is a schematic diagram illustrating an effect of a picture processing flow according to an embodiment of the present application;
FIG. 4 is a schematic diagram illustrating an effect of another picture processing flow according to an embodiment of the present application;
FIG. 5 is a schematic diagram illustrating an effect of another image processing flow according to an embodiment of the present application;
FIG. 6 is a block diagram of an apparatus for processing pictures according to an embodiment of the present disclosure;
fig. 7 is a block diagram of another apparatus for processing pictures according to an embodiment of the present disclosure.
Detailed Description
In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only partial embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that the terms "first," "second," and the like in the description and claims of this application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It should be understood that the data so used may be interchanged under appropriate circumstances such that embodiments of the application described herein may be used. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict. The present application will be described in detail below with reference to the embodiments with reference to the attached drawings.
According to an embodiment of the present application, there is provided a method for processing a picture, as shown in fig. 1, the method includes the following steps:
s101, when the pictures are in an unedited state, the view sliding switching tool which is assigned to the first-layer container by gesture operation is used for switching the multiple pictures.
The non-editing state includes that the picture is not selected or not enlarged or no element is added or the added element is in a non-selected state. When the picture in the current view is in an unedited state, the gesture operation is handed to a view sliding switching tool ViewPager of the first-layer container, and at the moment, the user can slide leftwards or rightwards by a single finger to show other pictures needing to be edited. It should be noted that, in the process of switching pictures, other display contents in the screen are not changed except for the change of switching pictures. That is, the current editing page does not need to be exited, which is equivalent to that a plurality of pictures can be edited at the same time. It should be noted that the present embodiment is mainly directed to performing editing processing by gesture operation.
S102, when the picture is in an editing state, the canvas container of the second-layer container is allocated with the gesture operation to edit and process the picture in the current view, and the first-layer container is limited from calling the gesture operation.
When the picture is in the editing state, it indicates that the picture in the current view is being edited. Such as moving, zooming in, zooming out, adding text, pictures, etc. When the picture in the current view is edited, gesture processing is also needed, and in order to prevent the picture in the current view from mistakenly jumping to other pictures in the process of editing the picture, the embodiment divides switching pictures and editing the picture into two layers of containers. And when the picture in the current view is in an editing state, the gesture operation is allocated to the canvas container of the second-layer container to edit the picture in the current view, and the first-layer container is limited to call the gesture operation, namely the ViewPager of the first layer cannot receive the gesture, so that the situation that the picture is mistakenly jumped to other pictures can be ensured.
The embodiment processes gesture operation through a plurality of layers of containers, and achieves the effect of simultaneously processing a plurality of pictures.
From the above description, it can be seen that, in the method for processing pictures in the embodiment of the present application, when the pictures are in an unedited state, the view sliding switching tool that assigns a gesture operation to the first-layer container performs switching of multiple pictures; when the picture is in an editing state, the canvas container of the second-layer container is allocated with the gesture operation to edit the picture in the current view, and the first-layer container is limited from calling the gesture operation. It can be seen that, the switching of a plurality of pictures can be carried out in the application, and when the picture needs to be edited, the picture is switched to be edited, so that the batch pictures can be edited simultaneously.
As a further supplement and refinement to the above-mentioned embodiments, according to an embodiment of the present application, another method for picture processing is provided, as shown in fig. 2, the method comprising the steps of:
s201, when the pictures are in an unedited state, the view sliding switching tool which distributes gesture operation to the first-layer container carries out switching of the multiple pictures.
The implementation of this step is the same as that of step S101 in the figure, and is not described here again.
S202, if the picture is in the editing state and the picture in the current view is edited, the gesture operation is distributed to the canvas container of the second layer of container to edit and process the picture in the current view.
The implementation of this step can be seen in the implementation of step S102 in fig. 1. In addition, there is a special case to be explained in the course of the operation, as shown in fig. 3 and 4.
If the picture in the current view is in the enlarged state, the method for editing and processing the picture in the current view by the canvas container which distributes the gesture operation to the second layer of containers further comprises the following steps:
firstly, judging whether the edge of a picture in a current view is overlapped with the edge of the current view;
secondly, if the left edge of the picture in the current view is overlapped with the left edge of the current view, allocating gesture operation of single-directional right sliding to a view sliding switching tool of a first-layer container for switching the picture; and if the right edge of the picture in the current view is overlapped with the right edge of the current view, allocating the gesture operation pointing to the left sliding to the view sliding switching tool of the first-layer container for switching the picture.
S203, if the picture is in the editing state and the elements added in the picture in the current view are edited, the gesture operation is allocated to the elements of the third-layer container to edit the added elements, and the second-layer container is limited from calling the gesture operation.
When the elements added to the picture need to be edited, gesture processing is also used for convenience of editing, but in order that misoperation on the picture (a background picture relative to the added elements) cannot occur when the elements added to the picture are edited, gestures only act on the added elements, therefore, a third-layer container is arranged, and when the elements added to the picture in the current View are edited, the gesture operations are distributed to the elements of the third-layer container to edit the added elements View, and the gesture operations are limited to be called by the second-layer container and the first-layer container.
Common added elements include common elements (such as stickers, texts, watermarks, images and the like) and smearing elements (mosaics, dots, arrows and the like), in which case, the smearing elements have the highest priority, and specifically, when a gesture operation is assigned, the gesture operation needs to be distinguished according to whether the gesture operation is a smearing element, whether the gesture operation is a selected state, and the like, and the specific assignment process is as follows: firstly, judging whether the element is a smearing element or not; if the element is not a smearing element, the gesture operation is distributed to the element of the third-layer container to edit the added element (single-finger movement, single-finger drawing, single-finger selection, double-finger zooming, double-finger rotation and the like), and the second-layer container is limited from calling the gesture operation; if the element is a smearing element, judging whether the smearing element is in a selected state; if the selected state is the selected state, the gesture operation is distributed to the elements of the third-layer container to edit the added elements (single-finger movement, single-finger selection, double-finger rotation and the like), and the second-layer container is limited from calling the gesture operation; if the selected state is not the selected state, the single-finger gesture operation is allocated to the elements of the third-layer container to draw the smearing elements; and assigning the double-finger gesture operation to the canvas container of the second layer container to perform the double-finger operation on the picture on which the daubing element is drawn. The canvas container which is allocated to the second layer of container by the double-finger gesture operation is used for meeting the requirement that when a user draws the smearing type element, the background picture needs to be amplified for accurately positioning the position needing to be smeared. In practical applications, when the smearing element is selected or the function panel is painted, the gesture operations of other non-smearing type elements are limited. For example: when the sticker is drawn and the button function panel is entered, no matter the DOWN event of a single finger is not in the sticker, the following MOVE event is handed to the button element to realize the drawing of the button element, and the chart is not changed from the unselected state to the selected state, as shown in FIG. 5, wherein 'necessary beauty' is the sticker and the rectangular frame is the button element.
In addition, when editing an element (not including rendering an element), the element needs to be selected first to be in a selected state, and then the element needs to be edited in the selected state. Specifically, in the actual operation, if the gesture operation is a single-finger click operation, the position of the single-finger click is determined; if the element is in the element and the element is in the unselected state, modifying the element from the unselected state to the selected state; if the current state is the selected state, the event is ignored when clicking the element again; if the element is outside the element and the element is in the selected state, the element is modified from the selected state to the unselected state.
In addition, as can be seen from the processing methods of the pictures in fig. 1 and fig. 2, in the embodiment, the gesture operation is processed by a multilayer container, and the picture editing process can be performed by implementing a complex gesture operation. In the implementation process of the method, the priorities of the first-layer container, the second-layer container and the third-layer container can be set; and assigning the gesture operation to the containers of the corresponding hierarchy according to the high-low order of the priority. According to the above description of the embodiments, it can be seen that the priority of the third-tier container is the highest, and the priority of the second-tier container is the lowest, and the priority of the first-tier container is the lowest.
In summary, the gesture operations of the view slide switching tool assigned to the first layer container include single-finger movement, and the gesture operations of the canvas container assigned to the second layer container include single-finger movement, double-finger zooming, and double-finger rotation; the gesture operations of the element View allocated to the third-layer container comprise single-finger selection, single-finger movement, single-finger drawing, double-finger zooming and double-finger rotating. When the picture is in an enlarged state and the added element is moved, the finger moving distance and the element moving distance need to be synchronized by calculating a zoom value. In addition, the cancel and the recovery of the operation can be realized by the cancel and the recovery buttons for all the operations, which is very convenient.
Finally, the beneficial effects of the embodiment of fig. 1 and 2 are summarized:
1) gesture operation priorities of 3 hierarchies are defined, and each hierarchy intercepts and processes gesture operations at a proper time to realize corresponding functions. The simultaneous editing processing and complex gesture operation and management of multiple pictures can be realized.
2) If the element is in the selected state, the element is zoomed by the double fingers, and the zooming and rotating operations of the element are not limited to the button event in the frame in the selected state in the prior art, but the gesture operation can be transmitted to the element when the finger operates on the whole canvas; similarly, the elements are moved, so that the method is more humanized;
3) if the element is in a non-selected state, zooming canvas (background picture) is achieved by the two fingers, and the purpose of enlarging the canvas is to enable the position of the user to be more accurate and not to shield other areas when the user adds the element;
4) when the picture is in an amplifying state and the added elements are moved, the synchronization of the finger moving distance and the element moving distance is realized by calculating a zooming value;
5) the cancel and recovery buttons are added to realize the cancel and recovery of the operation, which is very convenient.
It should be noted that the steps illustrated in the flowcharts of the figures may be performed in a computer system such as a set of computer-executable instructions and that, although a logical order is illustrated in the flowcharts, in some cases, the steps illustrated or described may be performed in an order different than presented herein.
According to an embodiment of the present application, there is also provided an apparatus for processing pictures, which is used to implement the method described in fig. 1 to fig. 2, and as shown in fig. 6, the apparatus includes:
the first allocation unit 31 is used for allocating gesture operation to the view sliding switching tool of the first-layer container to switch a plurality of pictures when the pictures are in an unedited state;
and the second allocating unit 32 is used for allocating the gesture operation to the canvas container of the second layer container to edit and process the picture in the current view when the picture is in the editing state, and limiting the first layer container to call the gesture operation.
From the above description, it can be seen that, in the apparatus for processing pictures according to the embodiment of the present application, when a picture is in an unedited state, a view slide switching tool that assigns a gesture operation to a first-layer container performs switching of multiple pictures; when the picture is in an editing state, the canvas container of the second-layer container is allocated with the gesture operation to edit the picture in the current view, and the first-layer container is limited from calling the gesture operation. It can be seen that, the switching of a plurality of pictures can be carried out in the application, and when the picture needs to be edited, the picture is switched to be edited, so that the batch pictures can be edited simultaneously.
Further, the picture in the editing state includes editing the picture in the current view and editing the element added to the picture in the current view, as shown in fig. 7, the second allocating unit 32 includes:
the first allocating module 321 is configured to allocate the gesture operation to the canvas container of the second layer container to edit the picture in the current view if the picture is in the editing state and is the picture in the current view;
the second allocating module 322 is configured to, if the picture is in the editing state and is an element added to the picture in the current view, allocate the gesture operation to the element of the third-layer container to edit the added element, and limit the second-layer container from invoking the gesture operation.
Further, the non-editing state includes that the picture is not selected or not enlarged or no element is added or the added element is in a non-selected state.
Further, if the picture in the current view is in the enlarged state, as shown in fig. 7, the second allocating unit 32 further includes:
the judging module 323 is configured to judge whether an edge of a picture in the current view coincides with an edge of the current view;
a third allocating module 324, configured to allocate a gesture operation of right sliding to a view sliding switching tool of the first-layer container to switch the pictures if the left edge of the picture in the current view coincides with the left edge of the current view;
the third allocating module 324 is further configured to, if the right edge of the picture in the current view coincides with the right edge of the current view, allocate a gesture operation pointing to left sliding to the view sliding switching tool of the first-layer container to switch the pictures.
Further, the gesture operation of the view slide switching tool allocated to the first layer container comprises single-finger movement, and the gesture operation of the canvas container allocated to the second layer container comprises single-finger movement, double-finger zooming and double-finger rotating; the gesture operations assigned to the elements of the third level container include single-finger selection, single-finger movement, single-finger drawing, double-finger zooming, and double-finger rotating.
Further, as shown in fig. 7, the apparatus further includes:
a setting unit 33 for setting priorities of the first-layer container, the second-layer container, and the third-layer container;
and a third allocating unit 34, configured to allocate the gesture operations to containers of corresponding hierarchies in the order of high priority and low priority.
Further, the second allocating module 322 is configured to:
judging whether the element is a smearing element;
if the element is not a smearing element, the gesture operation is distributed to the element of the third-layer container to edit the added element, and the second-layer container is limited to call the gesture operation;
if the element is a smearing element, judging whether the smearing element is in a selected state;
if the selected state is the selected state, the gesture operation is distributed to the elements of the third-layer container to edit the added elements, and the second-layer container is limited to call the gesture operation;
if the selected state is not the selected state, the single-finger gesture operation is allocated to the elements of the third-layer container to draw the smearing elements; and the number of the first and second electrodes,
and assigning the double-finger gesture operation to the canvas container of the second layer container to perform the double-finger operation on the picture on which the daubing element is drawn.
Further, the second allocating module 322 is further configured to:
if the gesture operation is a single-finger click operation, judging the position of the single-finger click;
if the element is in the element and the element is in the unselected state, modifying the element from the unselected state to the selected state;
if the element is outside the element and the element is in the selected state, the element is modified from the selected state to the unselected state.
Specifically, the specific process of implementing the functions of each unit and module in the device in the embodiment of the present application may refer to the related description in the method embodiment, and is not described herein again.
There is also provided, in accordance with an embodiment of the present application, a non-transitory computer-readable storage medium storing computer instructions for causing the computer to perform the method of picture processing described in any one of fig. 1 to 2.
It will be apparent to those skilled in the art that the modules or steps of the present application described above may be implemented by a general purpose computing device, they may be centralized on a single computing device or distributed across a network of multiple computing devices, and they may alternatively be implemented by program code executable by a computing device, such that they may be stored in a storage device and executed by a computing device, or fabricated separately as individual integrated circuit modules, or fabricated as a single integrated circuit module from multiple modules or steps. Thus, the present application is not limited to any specific combination of hardware and software.
The above description is only a preferred embodiment of the present application and is not intended to limit the present application, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, improvement and the like made within the spirit and principle of the present application shall be included in the protection scope of the present application.

Claims (6)

1. A method for picture processing, the method comprising:
when the pictures are in an unedited state, the view sliding switching tool which distributes gesture operation to the first-layer container carries out switching of a plurality of pictures; the non-editing state comprises that the picture is not selected or not amplified or not added with elements or the added elements are in a non-selected state;
when the picture is in an editing state, allocating gesture operation to a canvas container of a second layer container to edit and process the picture in the current view, and limiting a first layer container to call single-finger gesture operation; the picture in the editing state comprises editing the picture in the current view and editing the elements added in the picture in the current view;
the process of editing the picture in the current view by the canvas container which allocates the gesture operation to the second layer of containers comprises the following steps:
if the picture is in the editing state and the picture in the current view is edited, allocating gesture operation to the canvas container of the second layer of container to edit the picture in the current view;
if the picture is in the editing state and the elements added in the picture in the current view are edited, allocating gesture operation to the elements of the third-layer container to edit the added elements, and limiting the second-layer container to call the gesture operation;
if the picture in the current view is in the enlarged state, the method for editing and processing the picture in the current view by the canvas container which distributes the gesture operation to the second layer of containers further comprises the following steps:
judging whether the edge of the picture in the current view is overlapped with the edge of the current view;
if the left edge of the picture in the current view is overlapped with the left edge of the current view, allocating gesture operation of single-direction right sliding to a view sliding switching tool of a first-layer container for switching the picture;
if the right edge of the picture in the current view is overlapped with the right edge of the current view, allocating gesture operation pointing to left sliding to a view sliding switching tool of a first-layer container for switching the picture;
the method further comprises the following steps: when the picture is in an amplifying state, the synchronization of the finger moving distance and the element moving distance is realized by calculating a zooming value when the added element is moved;
if the picture is in the editing state and the element added to the picture in the current view is edited, allocating the gesture operation to the element of the third-layer container to edit the added element, and limiting the second-layer container to call the gesture operation includes:
judging whether the element is a smearing element;
if the element is not a smearing element, the gesture operation is distributed to the element of the third-layer container to edit the added element, and the second-layer container is limited to call the gesture operation;
if the element is a smearing element, judging whether the smearing element is in a selected state;
if the selected state is the selected state, the gesture operation is distributed to the elements of the third-layer container to edit the added elements, and the second-layer container is limited to call the gesture operation;
if the selected state is not the selected state, the single-finger gesture operation is allocated to the elements of the third-layer container to draw the smearing elements; and the number of the first and second electrodes,
and assigning the double-finger gesture operation to the canvas container of the second layer container to perform the double-finger operation on the picture on which the daubing element is drawn.
2. The method of claim 1, wherein the gesture operation assigned to the view slide switch tool of the first layer container comprises a single-finger movement, and the gesture operation assigned to the canvas container of the second layer container comprises a single-finger movement, a double-finger zoom, and a double-finger rotation; the gesture operations assigned to the elements of the third level container include single-finger selection, single-finger movement, single-finger drawing, double-finger zooming, and double-finger rotating.
3. The method of picture processing according to claim 1, further comprising:
setting the priority of a first layer container, a second layer container and a third layer container;
and assigning the gesture operation to the containers of the corresponding hierarchy according to the high-low order of the priority.
4. The method of claim 1, wherein assigning the gesture operation to the element of the third-tier container edits the added element further comprises:
if the gesture operation is a single-finger click operation, judging the position of the single-finger click;
if the element is in the element and the element is in the unselected state, modifying the element from the unselected state to the selected state;
if the element is outside the element and the element is in the selected state, the element is modified from the selected state to the unselected state.
5. An apparatus for picture processing, the apparatus comprising:
the first distribution unit is used for distributing gesture operation to a view sliding switching tool of the first-layer container to switch a plurality of pictures when the pictures are in an unedited state;
the second allocation unit is used for allocating the gesture operation to the canvas container of the second layer container to edit and process the picture in the current view when the picture is in an editing state, and limiting the first layer container to call the gesture operation;
the picture in the editing state includes editing a picture in the current view and editing an element added to the picture in the current view, and the second allocating unit includes:
the first allocation module is used for allocating gesture operation to the canvas container of the second layer container to edit the picture in the current view if the picture is in the editing state and the picture in the current view is edited;
the second allocating module is used for allocating the gesture operation to the element of the third-layer container to edit the added element and limiting the second-layer container to call the gesture operation if the picture is in the editing state and the element added in the picture in the current view is edited;
the non-editing state comprises that the picture is not selected or not amplified or not added with elements or the added elements are in a non-selected state;
if the picture in the current view is in the enlarged state, the method for editing and processing the picture in the current view by the canvas container which distributes the gesture operation to the second layer of containers further comprises the following steps:
judging whether the edge of the picture in the current view is overlapped with the edge of the current view;
if the left edge of the picture in the current view is overlapped with the left edge of the current view, allocating gesture operation of single-direction right sliding to a view sliding switching tool of a first-layer container for switching the picture;
if the right edge of the picture in the current view is overlapped with the right edge of the current view, allocating gesture operation pointing to left sliding to a view sliding switching tool of a first-layer container for switching the picture;
further comprising: when the picture is in an amplifying state, the synchronization of the finger moving distance and the element moving distance is realized by calculating a zooming value when the added element is moved;
if the picture is in the editing state and the element added to the picture in the current view is edited, allocating the gesture operation to the element of the third-layer container to edit the added element, and limiting the second-layer container to call the gesture operation includes:
judging whether the element is a smearing element;
if the element is not a smearing element, the gesture operation is distributed to the element of the third-layer container to edit the added element, and the second-layer container is limited to call the gesture operation;
if the element is a smearing element, judging whether the smearing element is in a selected state;
if the selected state is the selected state, the gesture operation is distributed to the elements of the third-layer container to edit the added elements, and the second-layer container is limited to call the gesture operation;
if the selected state is not the selected state, the single-finger gesture operation is allocated to the elements of the third-layer container to draw the smearing elements; and the number of the first and second electrodes,
and assigning the double-finger gesture operation to the canvas container of the second layer container to perform the double-finger operation on the picture on which the daubing element is drawn.
6. A non-transitory computer-readable storage medium storing computer instructions for causing a computer to perform the method for picture processing according to any one of claims 1 to 4.
CN201911209998.5A 2019-11-29 2019-11-29 Picture processing method and device Active CN110908585B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911209998.5A CN110908585B (en) 2019-11-29 2019-11-29 Picture processing method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911209998.5A CN110908585B (en) 2019-11-29 2019-11-29 Picture processing method and device

Publications (2)

Publication Number Publication Date
CN110908585A CN110908585A (en) 2020-03-24
CN110908585B true CN110908585B (en) 2021-10-29

Family

ID=69820984

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911209998.5A Active CN110908585B (en) 2019-11-29 2019-11-29 Picture processing method and device

Country Status (1)

Country Link
CN (1) CN110908585B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112817508B (en) * 2021-02-25 2022-05-13 麒麟合盛网络技术股份有限公司 Method, device and equipment for managing gesture control instruction of resource material

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104423853A (en) * 2013-08-22 2015-03-18 中兴通讯股份有限公司 Object switching method and device and touch screen terminal
CN106126081A (en) * 2016-06-23 2016-11-16 珠海市魅族科技有限公司 A kind of information processing method and device
CN106371729A (en) * 2016-09-05 2017-02-01 奇异牛科技(深圳)有限公司 Method for performing filtering processing on picture
CN106682526A (en) * 2016-12-14 2017-05-17 珠海格力电器股份有限公司 Browsed picture limiting method and mobile terminal
CN107369197A (en) * 2017-07-05 2017-11-21 腾讯科技(深圳)有限公司 Image processing method, device and equipment
CN109814782A (en) * 2018-11-22 2019-05-28 北京金山云网络技术有限公司 Picture switching method, device and terminal device
CN110286840A (en) * 2019-06-25 2019-09-27 广州视源电子科技股份有限公司 Can touch control device current scale control method, device and relevant device

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9672646B2 (en) * 2009-08-28 2017-06-06 Adobe Systems Incorporated System and method for image editing using visual rewind operation
CN103885623A (en) * 2012-12-24 2014-06-25 腾讯科技(深圳)有限公司 Mobile terminal, system and method for processing sliding event into editing gesture
US10359909B2 (en) * 2015-03-25 2019-07-23 Adobe Inc. Document layer extraction for mobile devices

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104423853A (en) * 2013-08-22 2015-03-18 中兴通讯股份有限公司 Object switching method and device and touch screen terminal
CN106126081A (en) * 2016-06-23 2016-11-16 珠海市魅族科技有限公司 A kind of information processing method and device
CN106371729A (en) * 2016-09-05 2017-02-01 奇异牛科技(深圳)有限公司 Method for performing filtering processing on picture
CN106682526A (en) * 2016-12-14 2017-05-17 珠海格力电器股份有限公司 Browsed picture limiting method and mobile terminal
CN107369197A (en) * 2017-07-05 2017-11-21 腾讯科技(深圳)有限公司 Image processing method, device and equipment
CN109814782A (en) * 2018-11-22 2019-05-28 北京金山云网络技术有限公司 Picture switching method, device and terminal device
CN110286840A (en) * 2019-06-25 2019-09-27 广州视源电子科技股份有限公司 Can touch control device current scale control method, device and relevant device

Also Published As

Publication number Publication date
CN110908585A (en) 2020-03-24

Similar Documents

Publication Publication Date Title
DK180787B1 (en) Devices, methods, and graphical user interfaces for interacting with user interface objects corresponding to applications
US20200183568A1 (en) Method and System for Sorting Desktop Objects
JP2723208B2 (en) Data processing system
US20050289478A1 (en) Management of multiple window panels with a graphical user interface
CN110928459B (en) Writing operation method, device, equipment and storage medium of intelligent interactive tablet
CN110716680A (en) Control method and device of intelligent interactive panel
CN105373291A (en) Interface switching method and device
CN106951140A (en) The icon replacing options and electronic equipment of application program
CN102722324A (en) Method and device for operating touch screen
CN107690612A (en) A kind of display control method and electronic equipment
WO2015143448A1 (en) Device, method, and computer-readable medium for project management
EP3454226B1 (en) Method and apparatus for displaying a user interface
EP2801896A1 (en) System and method for annotating application GUIs
EP3191927B1 (en) Method and device for executing applications through application selection screen
CN110941382B (en) Display operation method, device, equipment and storage medium of intelligent interactive panel
CN107704158A (en) A kind of desktop icon management method and device, terminal and storage medium
CN105204751A (en) Method and terminal for touch screen equipment background image conversion
CN110908585B (en) Picture processing method and device
CN103136301A (en) File management method and electronic device executing the same
CN105068777A (en) Display control method and electronic equipment
CN112764613A (en) Icon arranging method and device, electronic equipment and readable storage medium
CN105930082A (en) Calendar view switching method and system as well as intelligent mobile terminal
CN112162800B (en) Page display method, page display device, electronic equipment and computer readable storage medium
CN106249879A (en) The display packing of a kind of virtual reality image and terminal
US20150015501A1 (en) Information display apparatus

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