CN112379814A - Picture preview sliding processing method and system, electronic equipment and storage medium - Google Patents

Picture preview sliding processing method and system, electronic equipment and storage medium Download PDF

Info

Publication number
CN112379814A
CN112379814A CN202011096332.6A CN202011096332A CN112379814A CN 112379814 A CN112379814 A CN 112379814A CN 202011096332 A CN202011096332 A CN 202011096332A CN 112379814 A CN112379814 A CN 112379814A
Authority
CN
China
Prior art keywords
picture
sliding
control
image
event
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
Application number
CN202011096332.6A
Other languages
Chinese (zh)
Inventor
蔡帆
刘野
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Baiguoyuan Network Technology Co Ltd
Original Assignee
Guangzhou Baiguoyuan Network 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 Guangzhou Baiguoyuan Network Technology Co Ltd filed Critical Guangzhou Baiguoyuan Network Technology Co Ltd
Priority to CN202011096332.6A priority Critical patent/CN112379814A/en
Publication of CN112379814A publication Critical patent/CN112379814A/en
Pending legal-status Critical Current

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/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/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/04883—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 for inputting data by handwriting, e.g. gesture or text
    • 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)

Abstract

The embodiment of the application discloses a picture preview slide processing method and system, electronic equipment and a storage medium. According to the technical scheme provided by the embodiment of the application, the sliding operation acting on the picture displayed in the current large picture preview mode is received, and if the sliding operation is judged to be the predefined first operation, the picture switching of the picture group to which the current picture belongs is carried out in response to the sliding operation; and if the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group. By adopting the technical means, the picture switching or the picture group switching in the large picture preview mode is carried out by responding to the predefined sliding operation, so that the picture group switching operation is simplified. In addition, the sliding events are processed through different controls, and the picture switching or the picture group switching in the large picture preview mode is realized, so that the sliding conflict among the controls is solved, and the control effect is further optimized.

Description

Picture preview sliding processing method and system, electronic equipment and storage medium
Technical Field
The embodiment of the application relates to the technical field of page interaction, in particular to a method and a system for processing picture preview sliding, an electronic device and a storage medium.
Background
In many applications, a teletext list is used for teletext presentation. When the intelligent terminal is used for interactively browsing the image-text information, the image preview mode can be entered by clicking the image, and the large-image browsing is realized. The interactive form of browsing the large graph is generally expressed as: clicking the picture to enter a picture preview mode to browse a big picture, sliding left and right to switch to the next picture of the current picture group of the picture-text list, sliding up and down to quit the picture prejudgment of the current picture group, and returning to the picture-text list interface.
However, in the prior art, when a user wants to switch to a next drawing group in the large drawing preview mode of the current drawing group, the user usually needs to exit the page of the current drawing group first, and then click the picture in the next drawing group in the image-text list to browse the large drawing. And the mode of adding the up-down sliding control to realize the switching of the picture groups is adopted, and the up-down sliding control generates sliding conflict with other sliding controls to influence the control effect.
Disclosure of Invention
The embodiment of the application provides a picture preview sliding processing method, a picture preview sliding processing system, an electronic device and a storage medium, which can solve the problem of picture group switching in the existing large picture preview mode, simplify the operation of picture group switching, solve the problem of sliding conflict during picture group switching, optimize the control effect and optimize the use experience of a user.
In a first aspect, an embodiment of the present application provides a method for slide processing of picture preview, including:
receiving a sliding operation, wherein the sliding operation acts on a picture displayed in a current big picture preview mode;
if the sliding operation is judged to be the predefined first operation, responding to the sliding operation to switch the pictures of the picture group to which the current picture belongs; and if the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group.
Further, after receiving the sliding operation, the method further comprises:
and judging whether the sliding operation is a predefined third operation, if so, zooming the current picture in response to the sliding operation, and if not, judging whether the sliding operation is a predefined first operation or second operation.
Further, determining whether the sliding operation is a predefined first operation or a predefined second operation includes:
judging whether the sliding operation is a predefined first operation or not, if not, judging whether the sliding operation is a predefined second operation or not, and if not, zooming the current picture in response to the sliding operation;
or judging whether the sliding operation is a predefined second operation, if not, judging whether the sliding operation is a predefined first operation, and if not, zooming the current picture in response to the sliding operation.
Furthermore, an included angle between the sliding track of the first operation and a horizontal line is smaller than a preset angle; the included angle between the sliding track of the second operation and the horizontal line is larger than the preset angle, and the second operation drags the current picture to the designated position at the top or the bottom of the display interface; the third operation is a sliding operation in which the two fingers are separated or brought together.
Further, after the group switching in the current large image preview mode is performed in response to the sliding operation, and the large image preview display is performed based on the switched group, the method further includes:
and when the picture preview mode exits, positioning the position of the current picture group in the picture-text list and correspondingly displaying the picture-text list.
Further, before positioning the position of the current group in the teletext list and performing corresponding display of the teletext list, the method further includes:
and receiving a click operation, and if the click operation is judged to be a predefined fourth operation, responding to the touch operation and exiting the picture large picture preview mode.
In a second aspect, an embodiment of the present application further provides a method for slide processing of picture preview, including:
receiving a sliding event of a picture displayed on a current display interface in a big picture preview mode;
judging whether a first control or a second control is associated with the sliding event or not based on the screen parameters corresponding to the sliding event, processing or transmitting the sliding event according to the judgment result, and calling the first control to process the sliding event if the first control is associated with the sliding event, wherein the first control is used for switching pictures of a picture group to which the current picture belongs; and if the second control is associated with the sliding event, calling the second control to process the sliding event, wherein the second control is used for switching the picture groups in the current large picture preview mode and displaying the large picture preview based on the switched picture groups.
Further, judging whether the first control or the second control is associated with the sliding event based on the screen parameter corresponding to the sliding event, and processing or transmitting the sliding event according to the judgment result, including:
the first control receives the sliding event, whether the sliding event is related or not is judged based on the screen parameter corresponding to the sliding event, if yes, the sliding event is intercepted and processed, and if not, the sliding event is transmitted to the second control;
the second control receives the sliding event, whether the sliding event is related or not is judged based on the screen parameter corresponding to the sliding event, if yes, the sliding event is intercepted and processed, if not, the sliding event is transmitted to a third control, the sliding event is processed by the third control, and the third control is used for zooming the current picture;
or the second control receives the sliding event, judges whether the sliding event is related or not based on the screen parameter corresponding to the sliding event, intercepts and processes the sliding event if the sliding event is related, and transmits the sliding event to the first control if the sliding event is not related;
and the first control receives the sliding event, judges whether the sliding event is related or not based on the screen parameter corresponding to the sliding event, intercepts and processes the sliding event if the sliding event is related, transmits the sliding event to a third control if the sliding event is not related, and processes the sliding event by the third control which is used for zooming the current picture.
Further, after determining whether the first control or the second control is associated with the sliding event based on the screen parameter corresponding to the sliding event and processing or transmitting the sliding event according to the determination result, the method further includes:
and when the first control, the second control or the third control processes the sliding event and the processing is abnormal, the sliding event is transmitted to a father layout for processing.
Further, the first control and the second control are constructed based on a double-layer view control;
the first control is positioned at the outer layer of a view level of a large graph browsing page, and a sub item of the first control contains the second control;
or the second control is positioned at the outer layer of the view level of the large map browsing page, and the sub-item of the second control contains the first control.
Further, after the second control is invoked to process the sliding event, the method further includes:
sending a graph group data updating request of a current view layer to a server, wherein the graph group data updating request is used for requesting the server to update graph group data;
and receiving the graph group data returned by the server, and correspondingly adding the graph group data to the graph-text list view and the large-image preview view of the view layer respectively.
Further, sending a map group data update request of the current view layer to the server, including:
the view layer initiates a graph group data updating request and transmits the graph group data updating request to the view model layer;
and the view model layer informs the image-text list to pull the image group data, and the image-text list sends the image group data updating request to the server.
Further, receiving the graph group data returned by the server, and correspondingly adding the graph group data to the graph-text list view and the large-image preview view of the view layer respectively, the method includes:
the data layer receives the graph group data returned by the server, and triggers the change of the data set based on the received graph group data;
the view model layer loads the graph group data to an external list view model and a large-image preview page view model of the image-text list based on the change of the data set;
and the view layer extracts the image group data of the external list view model and adds the image group data to the image-text list view, and extracts the image group data of the large-image preview page view model and adds the image group data to the large-image preview view.
Further, before sending the map group data update request of the current view layer to the server, the method further includes:
when the graph group switching in the current large graph preview mode is detected, whether the graph group data corresponding to the current graph group is located at the specified position of the graph group data sequence of the view layer is judged, and if yes, the graph group data of the current view layer is triggered to be updated.
In a third aspect, an embodiment of the present application provides a picture preview slide processing system, including:
the receiving module is used for receiving sliding operation, and the sliding operation acts on the picture displayed in the current big picture preview mode;
the response module is used for responding to the sliding operation to switch the pictures of the picture group to which the current picture belongs when the sliding operation is judged to be the predefined first operation; and when the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group.
In a fourth aspect, an embodiment of the present application provides an electronic device, including:
a memory and one or more processors;
the memory for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement the picture preview slide processing method of the first aspect or the second aspect.
In a fourth aspect, embodiments of the present application provide a storage medium containing computer-executable instructions for performing the picture preview slide processing method according to the first or second aspect when executed by a computer processor.
The method comprises the steps that sliding operation acting on the picture displayed in the current large picture preview mode is received, and if the sliding operation is judged to be predefined first operation, picture switching of a picture group to which the current picture belongs is carried out in response to the sliding operation; and if the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group. By adopting the technical means, the picture switching or the picture group switching in the large picture preview mode is carried out by responding to the predefined sliding operation, so that the picture group switching operation is simplified, and the picture group switching control efficiency is improved. In addition, the sliding events are processed through different controls, and the picture switching or the picture group switching in the large picture preview mode is realized, so that the sliding conflict among the controls is solved, the control effect is further optimized, and the use experience of a user is optimized.
Drawings
Fig. 1 is a flowchart of a method for slide processing of picture preview according to an embodiment of the present application;
FIG. 2 is a schematic diagram illustrating an operation of entering a large-image preview display mode according to a first embodiment of the present application;
FIG. 3 is a schematic diagram of a large-image preview display interface in accordance with an embodiment of the present application;
FIG. 4 is a schematic view illustrating a sliding operation determination in a large-medium image display mode according to an embodiment of the present application;
FIG. 5 is a first operational schematic diagram of a first embodiment of the present application;
FIG. 6 is a schematic diagram illustrating switching of pictures in a large-medium image display mode according to an embodiment of the present application;
FIG. 7 is a second operational schematic diagram of the first embodiment of the present application;
FIG. 8 is a diagram illustrating a group switching in a large-medium display mode according to an embodiment of the present application;
FIG. 9 is a flowchart illustrating a sliding operation in the large graph display mode according to an embodiment of the present application;
FIG. 10 is a third operational schematic diagram of the first embodiment of the present application;
FIG. 11 is an enlarged view of a picture in a large-medium image display mode according to an embodiment of the present application;
FIG. 12 is a schematic view of a click operation in the first embodiment of the present application;
FIG. 13 is a diagram illustrating an exit from the large-screen display mode according to an embodiment of the present application;
fig. 14 is a flowchart of a picture preview slide processing method according to a second embodiment of the present application;
FIG. 15 is a flowchart of a sliding event processing in the large-format display mode according to the second embodiment of the present application;
FIG. 16 is a flowchart of a diagram group data update according to the second embodiment of the present application;
fig. 17 is a schematic structural diagram of a picture preview slide processing apparatus according to a third embodiment of the present application;
fig. 18 is a schematic structural diagram of an electronic device according to a fourth embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, specific embodiments of the present application will be described in detail with reference to the accompanying drawings. It is to be understood that the specific embodiments described herein are merely illustrative of the application and are not limiting of the application. It should be further noted that, for the convenience of description, only some but not all of the relevant portions of the present application are shown in the drawings. Before discussing exemplary embodiments in more detail, it should be noted that some exemplary embodiments are described as processes or methods depicted as flowcharts. Although a flowchart may describe the operations (or steps) as a sequential process, many of the operations can be performed in parallel, concurrently or simultaneously. In addition, the order of the operations may be re-arranged. The process may be terminated when its operations are completed, but may have additional steps not included in the figure. The processes may correspond to methods, functions, procedures, subroutines, and the like.
The picture preview sliding processing method provided by the embodiment of the application aims to perform picture switching and picture group switching in a large picture preview mode by predefining sliding operations corresponding to picture switching and picture group switching in the large picture preview mode and further based on comparison and judgment of the sliding operations of a user, so that the problem of picture group switching in the existing large picture preview mode is solved. And the sliding operation is predefined, the two controls are provided to be respectively associated with the sliding events of different sliding operations, so that the sliding events are processed through the different controls, picture switching or picture group switching is carried out, and the problem of sliding conflict in a large picture preview mode is avoided. Compared with the traditional intelligent terminal application program, the interactive mode of picture switching is generally provided only when the large-picture preview display is carried out on the image-text information, and the interactive mode of picture group switching is not provided. The pictures are switched by sliding left and right through a View pager control (one component of Google in the android component package is used for realizing left and right switching of the View on the View pager). If the group switching in the large-image preview mode is to be realized, a viewport 2 control (viewport 2 is a component added by Google in the android component package and supports up and down scrolling of sub-items) is required to be used for realizing the group switching. However, the View pager2 control is easy to generate a sliding conflict with other controls under the large-image preview page, and due to the non-inheritable property of the View pager2 control, the sliding conflict cannot be solved, and the control effect of the sliding operation is easily influenced. Therefore, the picture preview sliding processing method provided by the embodiment of the application is provided to solve the problem of picture group switching in the existing large picture preview mode and the problem of sliding conflict during picture group switching.
The first embodiment is as follows:
fig. 1 is a flowchart of a picture preview slide processing method according to an embodiment of the present application, where the picture preview slide processing method provided in this embodiment may be executed by a picture preview slide processing device, and the picture preview slide processing device may be implemented in a software and/or hardware manner. Generally, the picture preview slide processing device may be a mobile phone, a tablet, or other intelligent terminal.
The following description will be given taking a picture preview slide processing apparatus as an example of a main body that executes a picture preview slide processing method. Referring to fig. 1, the method for slide processing of picture preview specifically includes:
s110, receiving a sliding operation, wherein the sliding operation acts on the picture displayed in the current large picture preview mode;
s1201, if the sliding operation is judged to be a predefined first operation, responding to the sliding operation to switch the pictures of the picture group to which the current picture belongs;
and S1202, if the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group.
Illustratively, when browsing the image-text information by using a picture preview slide processing device such as a mobile phone, a user interacts with a mobile phone screen to browse various groups of image-text information through related interaction operations. Referring to fig. 2, the image-text information is displayed on the image-text list interface in a form of a group of images, and a user can browse each group of image-text information in sequence by sliding the image-text list interface up and down. As shown in fig. 2, each group of image information in the image-text list is arranged in a form of group1, group2, and group3. When the user clicks on the group2, referring to fig. 3, the mobile phone displays a preview of a large image, and displays a picture of the group 2. Generally, the large-scale display is performed sequentially according to the order of pictures in the group of pictures. In fig. 3, there are 12 pictures in the group2, and when entering the large picture display interface, the first picture in the group2 is displayed first. Therefore, the large picture preview display of the image-text information is realized.
Further, in the large picture preview mode, when the user needs to switch the current picture or the current group of pictures, the user can do so through a predefined sliding operation. The mobile phone detects user interaction operation in real time in a large picture preview mode, when the sliding operation of the user is detected, the sliding operation is identified by receiving the sliding operation of the user, and when a predefined first operation or a predefined second operation is identified, a response of the sliding operation is triggered, namely picture switching or picture group switching in the large picture preview mode. The first operation and the second operation are predefined at one end of the mobile phone, so that comparison and identification can be carried out subsequently according to the received sliding operation, and whether the sliding operation is the first operation or the second operation is determined. The method comprises the steps of predefining first operation and second operation corresponding to picture switching and picture group switching, and identifying and responding sliding operation based on the predefined first operation and second operation, so that picture switching and picture group switching in a large picture preview mode are realized, the problem of picture group switching in the large picture preview mode is solved, the picture group switching operation of a user is simplified, the operation efficiency is improved, and the use experience of the user is optimized. The first operation and the second operation predefined in the embodiment of the application are defined according to actual operation requirements, and are not limited herein.
Optionally, in this embodiment of the application, an included angle between the sliding track of the first operation and a horizontal line is set to be smaller than a preset angle; and the included angle between the sliding track of the second operation and the horizontal line is larger than the preset angle, and the second operation drags the current picture to the specified position at the top or the bottom of the display interface. It can be understood that the switching of the graphic and text information is performed through the up-down sliding operation and the left-right sliding operation, and the human-computer interaction habit is relatively met. Therefore, in the embodiment of the present application, the picture is switched in the large-size preview mode by the "left-right" slide operation, and the group is switched in the large-size preview mode by the "up-down" slide operation. Based on the preset angle, when the included angle between the sliding track of the sliding operation and the horizontal line is smaller than the preset angle, the sliding operation is considered as a left-right sliding operation, namely a first sliding operation. When the included angle between the sliding track of the sliding operation and the horizontal line is larger than the preset angle, and the sliding operation drags the current picture to the specified position at the top or the bottom of the display interface, the sliding operation is considered as the up-down sliding operation, namely the second sliding operation. In general, in order to intuitively distinguish between the "up-down" and "left-right" slide operations, the preset angle is set to 45 °. Specifically, referring to fig. 4, a schematic diagram of determining a sliding operation is provided, in which a point "o" is used as a starting point of a sliding track generated by a user sliding operation, and if an angle between the sliding track and a horizontal line is within 45 °, the sliding operation corresponding to the sliding track is considered as a first operation. At this time, the sliding trajectory appears from left to right or from right to left, and the corresponding sliding operation is a "left-right" sliding operation. And if the included angle between the sliding track and the horizontal line is more than 45 degrees, and the sliding operation drags the current picture to the specified position at the top or the bottom of the display interface, the operation corresponding to the sliding track is considered as a second operation. The sliding trajectory appears from top to bottom or from bottom to top, and the corresponding sliding operation is an "up and down" sliding operation. Based on the judgment basis, the first operation and the second operation are identified and responded. As shown in fig. 4, the point "o" is used as the starting point of the sliding track, and when the included angle between the sliding track and the horizontal line is less than 45 °, it is determined that the sliding track corresponds to the sliding operation and is the first operation, and the picture switching is performed. And if the sliding track runs from left to right, switching from the current picture to the next picture in response to the sliding operation. And if the sliding track is from right to left, switching from the current picture to the previous picture in response to the sliding operation. And when the included angle between the sliding track and the horizontal line is more than 45 degrees and the sliding operation drags the current picture to the designated position at the top or the bottom of the display interface, determining that the sliding track corresponds to the sliding operation as a second operation and switching the picture groups. And if the sliding track is from bottom to top, switching from the current graph group to the next graph group in response to the sliding operation. And if the sliding track is from top to bottom, switching from the current graph group to the previous graph group in response to the sliding operation. It should be noted that, in order to avoid the misoperation, when the second operation triggers the switching of the group of pictures, the sliding operation is required to drag the current picture to the designated position at the top or the bottom of the display interface, otherwise, the response of the second operation is not triggered. For example, when the up-down sliding operation and the dragging of the current picture make the upper edge of the current picture align with the top of the display interface, or make the lower edge of the current picture align with the bottom of the display interface, it is determined that the sliding operation is the second operation. Similarly, in some embodiments, when the picture switching is triggered by the first operation according to actual needs, the sliding operation may be required to drag the current picture to the designated position on the left and right edges of the display interface, so as to determine that the sliding operation is the first operation. The dragging position of the current picture dragged by sliding operation is determined, and the first operation or the second operation is recognized and judged by combining the dragging position, so that the recognition precision can be improved, and the condition that the misoperation causes false recognition is avoided.
For example, as shown in fig. 5, a first picture of the group2 is displayed on the thumbnail preview page, and when the user interacts with the mobile phone to slide the thumbnail preview page from right to left, the sliding operation is determined as the first operation by a predefined judgment manner. The mobile phone switches pictures in response to the sliding operation of the user, and switches the picture displayed on the current large-image preview page to the second picture of the group2, so as to obtain the large-image preview page shown in fig. 6. On the other hand, as shown in fig. 7, when the user interacts with the mobile phone and slides the thumbnail preview page from bottom to top, it is determined that the sliding operation is the second operation by the predefined determination method. The mobile phone performs group switching in response to the sliding operation of the user, switches the group of the current large-image preview page to a group3, and displays the first image of the group3, so as to obtain the large-image preview page shown in fig. 8. The interactive mode of switching the picture groups and the pictures in the large picture preview mode is realized through up-down sliding operation and left-right sliding operation, the interactive habit of a user can be adapted, and more convenient interactive operation is provided, so that the operation efficiency is further improved.
Optionally, in an embodiment, after receiving the sliding operation, determining whether the sliding operation is a predefined third operation, if so, zooming the current picture in response to the sliding operation, and if not, determining whether the sliding operation is a predefined first operation or second operation. And zooming the picture in the current large picture preview mode by judging whether the sliding operation is the sliding operation corresponding to the zoomed picture and identifying that the sliding operation is the predefined third operation. It can be understood that, in order to avoid the conflict between the sliding operation of zooming the picture and the sliding operation of switching the picture and switching the picture group, the third operation needs to be defined in advance to identify and respond to the sliding operation of zooming the picture by the user, so as to implement the picture zooming in the large picture preview mode and optimize the display effect of the large picture preview page. Generally, the third operation is a sliding operation in which the two fingers are separated or brought together. According to the interactive habit of the user, the sliding operation of separating or closing the two fingers is adopted as the sliding operation of zooming the picture, so that the interactive operation can be simplified, and the operation efficiency is improved.
It should be noted that the first operation, the second operation, and the third operation are defined as "left and right", "up and down", and "two fingers separate or close together" sliding operations according to the interactive operation habit, which is a preferred implementation manner predefined for the sliding operations in the embodiments of the present application. In practical applications, the first operation, the second operation, and the third operation may be predefined as a plurality of different operation forms according to actual interaction requirements, and the embodiment of the present application is not limited herein.
Optionally, referring to fig. 9, a flowchart of a sliding operation processing in a large-scale display mode according to an embodiment of the present application is provided. As shown in fig. 9, after receiving a user sliding operation, the present application first determines whether the sliding operation is a double-finger sliding operation, and if so, considers that the current sliding operation is a third operation, and passes the third operation to the picture scaling control for processing and scaling the picture. For example, as shown in fig. 10, when the user touches the large-image preview page with two fingers and slides outward, the sliding operation is identified, and is determined to be a two-finger operation, and the sliding operation is further handled by the image zoom control. And enlarging the current picture according to the operation of sliding the two fingers outwards separately to obtain a large picture preview page as shown in fig. 11, wherein the picture is in an enlarged state.
Further, after it is determined that the current sliding operation is not the two-finger sliding operation, the first operation or the second operation is further determined. When the first operation and the second operation are identified and judged, judging whether the sliding operation is the predefined first operation or not, if not, judging whether the sliding operation is the predefined second operation or not, and if not, zooming the current picture in response to the sliding operation. Referring to the processing flow shown in fig. 9, it is first determined whether the sliding operation is a sliding operation within a horizontal 45 ° angle, and if so, it is determined that the sliding operation is the first operation, and the sliding operation is handed over to the picture switching control for processing to switch pictures. If not, the included angle between the sliding track of the sliding operation and the horizontal line is more than 45 degrees. And further judging whether the current picture is positioned at the designated position at the top or the bottom of the display interface, if so, determining that the sliding operation is a second operation, and handing the sliding operation to the picture group switching control for switching the current picture group. If not, the sliding operation is processed by the picture zooming control, and at the moment, the picture zooming control identifies that the sliding operation is not the third operation, and no response is carried out. Thus, the processing flow of the sliding operation in the large image preview mode is completed.
Optionally, when the first operation and the second operation are identified and determined, it may also be determined whether the sliding operation is the predefined second operation, if not, it is determined whether the sliding operation is the predefined first operation, and if not, the current picture is zoomed in response to the sliding operation. It should be noted that, the first operation, the second operation, and the third operation may perform the identification determination at the same time or may perform the identification determination sequentially, and the embodiment of the present application is not limited herein.
In one embodiment, the user can also exit the current large image preview mode through relevant clicking operation on the large image preview interface and return to the image-text list page. And the mobile phone receives the click operation, and responds to the touch operation to exit the picture large picture preview mode if the click operation is judged to be the predefined fourth operation. Specifically, in order to avoid a sliding conflict with the first operation, the second operation, and the third operation, the fourth operation is predefined as a click operation. Referring to fig. 12, a "return" option is set on the large-image preview page, when the user clicks the return option, the mobile phone determines that the click operation is a fourth operation, triggers a response to the fourth operation, exits from the image large-image preview mode, and returns to the image-text list display page, which is shown in fig. 13. It should be noted that the fourth operation may also be defined as a click operation such as double-click or single-click on the large-image preview page, and a click manner corresponding to the fourth operation is not fixedly limited in this embodiment, which is not described herein again.
Furthermore, when the mobile phone exits the picture preview mode, the position of the current image group in the image-text list is positioned and the image-text list is correspondingly displayed. Referring to fig. 12, the group to which the currently displayed picture belongs is group 5. Correspondingly, when exiting from the large image preview mode, the position of the image group5 in the teletext list needs to be located, and the teletext list information of the part corresponding to the image group5 is displayed on the teletext list page. The list page is now as shown in fig. 13. It can be understood that the display of the teletext list can be made more adaptive to the operating habits of the user by locating the position of the current group in the teletext list and performing the teletext list display correspondingly. The display of the teletext list page can here be made more adaptive to the progress of the user browsing the teletext information than the way the initial teletext list page is displayed.
In the above, by receiving the sliding operation applied to the picture displayed in the current large picture preview mode, if the sliding operation is judged to be the predefined first operation, switching the picture of the picture group to which the current picture belongs in response to the sliding operation; and if the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group. The picture switching or the picture group switching under the large picture preview mode is carried out by responding to the predefined sliding operation, so that the picture group switching problem under the large picture preview mode is solved, the picture group switching operation is simplified, and the picture group switching control efficiency is improved. The interactive mode of switching the picture groups and the pictures in the large picture preview mode is realized through up-down sliding operation and left-right sliding operation, the interactive habit of a user can be adapted, and more convenient interactive operation is provided, so that the operation efficiency is further improved. The dragging position of the current picture dragged by sliding operation is determined, and the first operation or the second operation is recognized and judged by combining the dragging position, so that the recognition precision can be improved, and the condition that the misoperation causes false recognition is avoided.
In addition, according to the interactive habit of the user, the sliding operation of separating or closing the two fingers is adopted as the sliding operation of zooming the picture, so that the interactive operation can be simplified, and the operation efficiency is improved. When exiting the large picture preview mode, the position of the current picture group in the picture-text list is positioned and the picture-text list is correspondingly displayed, so that the display of the picture-text list is more suitable for the operation habit of a user, and compared with the mode of displaying the initial picture-text list page, the display of the picture-text list page is more suitable for the process of browsing the picture-text information by the user.
Example two:
fig. 14 is a flowchart of a picture preview slide processing method according to a second embodiment of the present application. The image preview sliding processing method provided in this embodiment is applied to the same scene as the image preview sliding processing method provided in the first embodiment, and corresponds to a processing flow of a sliding event generated by a user sliding operation in a large image preview mode. Referring to fig. 14, the method for slide processing of picture preview specifically includes:
s210, receiving a sliding event of a picture displayed on a current display interface in a big picture preview mode;
s220, judging whether the first control or the second control is related to the sliding event or not based on the screen parameter corresponding to the sliding event, and processing or transmitting the sliding event according to the judgment result.
If the first control is associated with the sliding event, calling the first control to process the sliding event, wherein the first control is used for switching pictures of a picture group to which a current picture belongs; and if the second control is associated with the sliding event, calling the second control to process the sliding event, wherein the second control is used for switching the picture groups in the current large picture preview mode and displaying the large picture preview based on the switched picture groups.
Specifically, when a user interacts with the mobile phone and performs a sliding operation on the large-image preview page, a sliding event is generated based on the sliding operation, and whether the sliding event is associated with the first control or the second control of the view level is further determined. And determining the judging mode of the association of the sliding event and the first control or the second control based on the screen parameters corresponding to the sliding event. It can be understood that, since the first control is used to perform picture switching of the group to which the current picture belongs, that is, the first control is used to process a sliding event generated by the first operation in response to the first operation in the first embodiment. The second control is used for switching the groups of the pictures in the current large picture preview mode and displaying the large picture preview of the pictures based on the switched groups of the pictures, that is, the second control is used for responding to the second operation of the first embodiment and processing the sliding event generated by the second operation. Therefore, if the screen parameter corresponding to the sliding event is the screen parameter generated by the first operation, the sliding event is associated with the first control. And if the screen parameter corresponding to the sliding event is the screen parameter generated by the second operation, associating the sliding event with the second control. The screen parameter may be a screen parameter such as a slide trajectory of the slide operation.
Based on the judgment mode of the sliding event association, when the sliding event is determined to be associated with the first control, the first control indicates that the sliding event is needed, and at the moment, the first control intercepts and processes the sliding event. When the sliding event is determined to be associated with the second control, the second control is indicated to need the sliding event, and the second control intercepts and processes the sliding event. By setting the first control and the second control, the sliding event generated by the sliding operation of the user is processed based on the first control and the second control, so that the picture switching and the picture group switching under the large picture preview mode are realized, the picture group switching problem under the large picture preview mode is solved, the picture group switching operation of the user is simplified, and the operation efficiency is improved.
Further, the first control and the second control are constructed based on a double-layer view control, the second control is located on the outer layer of a view level of a large graph browsing page, and a sub item of the second control contains the first control. And the sub item of the first control also comprises a third control for supporting picture zooming in the large picture preview mode. Specifically, in the embodiment of the present application, a double-layer View Pager (View control) is used in the large-image Preview page, and the second control (Vertical View Pager Fix) is included in the outermost large-image Preview component (Post Picture Preview activity v2) to support sliding switching of the map group. The second control is a custom control inherited to a View Group (View Group, layout container for storing other View objects), and the main characteristic of the second control is to support vertical sliding switching of sub-items, and each sub-item in the control comprises a component (Post Picture Horizontal Fragment) for performing Horizontal switching of preview pages. The component comprises a first control (Preview Horizontal View maker) for supporting Horizontal sliding and picture switching, wherein the first control is a custom control inherited from a viewport, and sliding conflict with a third control (photo View) is processed. Each sub-item in the first control is a Post Picture Preview Fragment, which contains a third control (photo View) for supporting zooming in and zooming out and shifting during Picture dragging. By constructing a double-layer View pager (View control), the switching of the picture group and the picture is carried out by supporting up-down sliding operation and left-right sliding operation, the interactive habit of a user is adapted, and more convenient interactive operation is provided. And the control is customized, so that the sliding conflict among the controls is solved, and the problem that the control operation is influenced by the sliding conflict is avoided.
Specifically, based on the architecture design of the large-image preview page view hierarchy, when a user slide operation generates a slide event, the slide event is processed based on the architecture. When a sliding event is generated, the second control receives the sliding event, whether the sliding event is related or not is judged based on screen parameters corresponding to the sliding event, if yes, the sliding event is intercepted and processed, and if not, the sliding event is transmitted to the first control; and the first control receives the sliding event, judges whether the sliding event is related or not based on the screen parameter corresponding to the sliding event, intercepts and processes the sliding event if the sliding event is related, transmits the sliding event to a third control if the sliding event is not related, and processes the sliding event by the third control which is used for zooming the current picture. Referring to fig. 15, a flow chart of a slide event processing in a large-scale display mode is provided. When the user slides on the large picture preview page, a series of view events are generated, and the events generally refer to the process from the moment that the finger touches the screen to the moment that the finger leaves the screen. The event sequence takes a down event as a starting point, a move event (i.e. a sliding event) as a process, and an up event as an end point. As shown in fig. 15, when a sliding event occurs, the sliding event is first transferred to the second control for processing, the second control first determines whether the sliding event is associated with the second control, if so, it indicates that the second control needs the sliding event, the sliding event is processed, the groups of the graphs are switched in the large graph preview mode, and the event is consumed after the sliding event is processed. And if the second control is not associated with the sliding event, the second control does not need the sliding event, and the sliding event is transmitted to the first control. Similarly, the first control firstly judges whether the first control is associated with the sliding event, if so, the first control indicates that the sliding event is needed, the sliding event is processed, the pictures are switched in a large picture preview mode, and the event is consumed after the sliding event is processed. And if the first control is not associated with the sliding event, the first control does not need the sliding event, and the sliding event is transmitted to the third control. The third control element processes the sliding event by default, and performs operations such as zooming and dragging of the picture in the large picture preview mode to complete the processing of the sliding event, namely, the event is consumed.
It should be noted that, in the process of processing a sliding event, a situation that processing abnormality may occur in the first control, the second control, or the third control may occur, and in order to solve the processing abnormality, when the processing abnormality occurs in the sliding event that is processed by the first control, the second control, or the third control, the sliding event is transferred to the parent layout for processing. If the parent layout can not process the sliding event, the sliding event is transmitted to the Activity component for further processing.
In addition, in some embodiments, according to the View hierarchy architecture of the large-image preview page adopting the double-layer View pager (View control), according to the actual application requirement, the first control may also be arranged at an outer layer of the View hierarchy of the large-image preview page, and a sub-item of the first control includes the second control, and a third control is further included in a sub-item of the second control, so as to support image scaling in the large-image preview mode. Correspondingly, when a sliding event is processed based on the framework, firstly, a first control receives the sliding event, judges whether the sliding event is related or not based on the screen parameter corresponding to the sliding event, if so, intercepts and processes the sliding event, and if not, transmits the sliding event to a second control; and the second control receives the sliding event, judges whether the sliding event is related or not based on the screen parameter corresponding to the sliding event, intercepts and processes the sliding event if the sliding event is related, transmits the sliding event to a third control if the sliding event is not related, and processes the sliding event by the third control which is used for zooming the current picture. In the embodiment of the present application, no fixed limitation is imposed on the order of the first control and the second control for processing the sliding event, which is not described herein repeatedly.
Furthermore, when the user previews the page browsing information through the large image, the group switching is continuously performed through the sliding operation, the continuous switching of the optimized group is optimized, and the view layer needs to continuously update the group data so as to load the updated group data to the large image browsing page for the user to browse. Therefore, when the user switches the graph groups through sliding operation, the view layer can detect the graph group switching in real time, and when the graph group switching in the current large graph preview mode is detected, whether the graph group data corresponding to the current graph group is located at the appointed position of the graph group data sequence of the view layer is judged, and if yes, the graph group data updating of the current view layer is triggered. It will be appreciated that the group data on the list is limited and that when the user browses to a certain group of data in the sequence of the list, an update of the group data is required. For example, in the large image preview mode, when the user browses to the third last image group of the image-text list, the update of the image group data is triggered. And when the user exits the picture preview mode, the position of the current image group in the image-text list is positioned and the image-text list is correspondingly displayed. In order to ensure that when the image-layer image-text list exits from the large-image preview mode, the image-text list page can be positioned to the position of the current image group for displaying, it is necessary to ensure that the external list view model of the image-layer image-text list and the large-image preview page view model keep the data of the image group synchronous. The design of the data set uses an MVVM (Model-View-View-Model) architecture mode, and the MVVM is a short-hand writing of a Model-View-View-Model and is a software architecture mode. It helps to separate the development of the graphical user interface from the development of business logic or back-end logic (i.e., data models), which means that the view model is responsible for transforming data objects from the model in order to easily manage and render the objects. A View Model (View Model), namely a View Model (Preview ListVM) of a large-image Preview page is held on a large-image Preview page, data in the View Model of the large-image Preview page is observed in a View layer, and the View layer is immediately informed to change when the data changes. Similarly, there is also a view Model (ViewModel) in the teletext List page, i.e. the external List view Model (Post List Model). In order to ensure that a user can position a picture-text list page to a corresponding position corresponding to a current picture group when exiting from a large picture preview mode after the picture group switching is performed in the large picture preview mode, data held by the two View models (View models) are required to be consistent. When the user continuously slides down the large map preview page to switch the map group, the external list View Model is informed to load more map group data, and the external list View Model retrieves more map group data from the network, the data is added to the two View models (View models), at this time, the data sets of the image-text list page and the large map preview page are changed (the data sets of the image-text list page and the large map preview page are the same), and the viewers of the image-text list page and the large map preview page, namely the large map preview page and the image-text list page, can correspondingly change.
In particular, referring to FIG. 16, a diagram of a graph group data update flow diagram is provided. Specifically, the graph group data updating process includes:
s2301, sending a graph group data updating request of a current view layer to a server, wherein the graph group data updating request is used for requesting the server to update graph group data.
When the request for updating the graph group data is sent to the server, the method comprises the following steps:
s23011, the view layer initiates a graph group data updating request, and the graph group data updating request is transmitted to the view model layer;
s23012, the view model layer informs the image-text list to pull the image group data, and the image-text list sends the image group data updating request to the server.
When the chart group data is updated, the chart groups are switched through the continuous sliding operation of a user, and in a large chart preview page, if the chart group data of the current chart group is located at the specified position of the view layer chart group data sequence, the chart group data is triggered to be updated. At this time, the view layer initiates a map group data update request, and the map group data update request is transmitted to the view Model layer, and the view Model layer notifies an external List view Model (Post List Model) to pull the map group data through broadcasting. Based on the broadcast notification, the external List view Model (Post List Model) sends a map group data update request to the server, which first requests an update of the map group data.
2302. And receiving the graph group data returned by the server, and correspondingly adding the graph group data to the graph-text list view and the large-image preview view of the view layer respectively.
Further, the corresponding server end returns a corresponding amount of chart group data after receiving the chart group data updating request, and performs data updating of the chart-text list view and the large-image preview view of the view layer based on the chart group data. The process of adding the image group data to the image-text list view and the large image preview view comprises the following steps:
s23021, a data layer receives the graph group data returned by the server, and data set change is triggered based on the received graph group data;
s23022, the view model layer loads the graph group data to an external list view model and a large-image preview page view model of the image-text list based on data set change;
s23023, the view layer extracts the image group data of the external list view model and adds the image group data to the image-text list view, and extracts the image group data of the large-image preview page view model and adds the image group data to the large-image preview view.
The graph group data returned by the server can be returned to the data layer to trigger the data set to change. And then updating the image group data of the external list view model and the large image preview page view model. Correspondingly, when the data of the external list view model and the large-image preview page view model are changed, the view layer extracts the part of the image group data from the external list view model and the large-image preview page view model respectively, and adds the part of the image group data to the image list view and the large-image preview view, so that the updating of the image group data is completed.
The method comprises the steps of constructing two view models (namely an external list view model and a large picture preview page view model) holding the same data in a data set, and synchronously loading updated picture group data to the two view models when the picture group data are updated so as to synchronously add the updated picture group data to a picture-text list view and a large picture preview view, and when a user exits a large picture preview mode, automatically positioning the current picture group to the corresponding position of a picture-text list page for displaying.
By setting the first control and the second control, the sliding event generated by the sliding operation of the user is processed based on the first control and the second control, so that the picture switching and the picture group switching under the large picture preview mode are realized, the picture group switching problem under the large picture preview mode is solved, the picture group switching operation of the user is simplified, and the operation efficiency is improved. By constructing a double-layer View pager (View control), the switching of the picture group and the picture is carried out by supporting up-down sliding operation and left-right sliding operation, the interactive habit of a user is adapted, and more convenient interactive operation is provided. And the control is customized, so that the sliding conflict among the controls is solved, and the problem that the control operation is influenced by the sliding conflict is avoided. Two view models which hold the same data are constructed in the data set, so that when a user exits a large picture preview mode, the current image group is automatically positioned to the corresponding position of the image-text list page for displaying. Therefore, the display of the image-text list can be more suitable for the operation habit of the user. The display of the teletext list page can here be made more adaptive to the progress of the user browsing the teletext information than the way the initial teletext list page is displayed.
Example three:
on the basis of the foregoing embodiments, fig. 17 is a schematic structural diagram of a picture preview slide processing system provided in the third embodiment of the present application. Referring to fig. 17, the picture preview slide processing system provided in this embodiment specifically includes: the device comprises a receiving module and a response module.
The receiving module 31 is configured to receive a sliding operation, where the sliding operation acts on a picture displayed in a current large picture preview mode;
a response module 32, configured to, when it is determined that the sliding operation is a predefined first operation, perform, in response to the sliding operation, picture switching of a group to which a current picture belongs; and when the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group.
Specifically, the response module 32 is further configured to determine whether the sliding operation is a predefined third operation, if so, zoom the current picture in response to the sliding operation, and if not, determine whether the sliding operation is a predefined first operation or second operation.
Specifically, the response module 32 is further configured to, when exiting the picture preview mode, locate a position of the current group in the teletext list and correspondingly perform teletext list display.
In the above, by receiving the sliding operation applied to the picture displayed in the current large picture preview mode, if the sliding operation is judged to be the predefined first operation, switching the picture of the picture group to which the current picture belongs in response to the sliding operation; and if the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group. The picture switching or the picture group switching under the large picture preview mode is carried out by responding to the predefined sliding operation, so that the picture group switching problem under the large picture preview mode is solved, the picture group switching operation is simplified, and the picture group switching control efficiency is improved. When exiting the large image preview mode, the positions of the current image group in the image-text list are positioned and the image-text list is correspondingly displayed, so that the display of the image-text list is more suitable for the operation habit of a user, and compared with the mode of displaying the initial image-text list page, the display of the image-text list page is more suitable for the process of browsing image-text information by the user.
The picture preview slide processing system provided by the second embodiment of the present application can be used for executing the picture preview slide processing method provided by the first embodiment, and has corresponding functions and beneficial effects.
Example four:
an embodiment of the present application provides an electronic device, and with reference to fig. 18, the electronic device includes: a processor 41, a memory 42, a communication module 43, an input device 44, and an output device 45. The memory 42 is a computer-readable storage medium, and can be used for storing software programs, computer-executable programs, and modules, such as program instructions/modules corresponding to the picture preview slide processing method according to any embodiment of the present application (for example, a receiving module and a response module in the picture preview slide processing system). The communication module 43 is used for data transmission. The processor 41 executes various functional applications and data processing of the device by running software programs, instructions and modules stored in the memory, that is, implements the above-described picture preview slide processing method. The input device 44 is operable to receive input numeric or character information and to generate key signal inputs relating to user settings and function controls of the apparatus. The output device 45 may include a display device such as a display screen. The electronic device provided by the above can be used to execute the picture preview slide processing method provided by the first embodiment, and has corresponding functions and beneficial effects.
Example five:
embodiments of the present application also provide a storage medium containing computer-executable instructions for performing a picture preview slide processing method as described above when executed by a computer processor, which may be any of various types of memory devices or storage devices. Of course, the storage medium provided in the embodiments of the present application and containing computer-executable instructions is not limited to the picture preview slide processing method described above, and may also perform related operations in the picture preview slide processing method provided in any embodiment of the present application.
The foregoing is considered as illustrative of the preferred embodiments of the invention and the technical principles employed. The present application is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present application has been described in more detail with reference to the above embodiments, the present application is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present application, and the scope of the present application is determined by the scope of the claims.

Claims (17)

1. A picture preview slide processing method is characterized by comprising the following steps:
receiving a sliding operation, wherein the sliding operation acts on a picture displayed in a current big picture preview mode;
if the sliding operation is judged to be the predefined first operation, responding to the sliding operation to switch the pictures of the picture group to which the current picture belongs; and if the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group.
2. The picture preview slide processing method according to claim 1, further comprising, after receiving the slide operation:
and judging whether the sliding operation is a predefined third operation, if so, zooming the current picture in response to the sliding operation, and if not, judging whether the sliding operation is a predefined first operation or second operation.
3. The picture preview slide processing method according to claim 2, wherein determining whether the slide operation is a predefined first operation or second operation includes:
judging whether the sliding operation is a predefined first operation or not, if not, judging whether the sliding operation is a predefined second operation or not, and if not, zooming the current picture in response to the sliding operation;
or judging whether the sliding operation is a predefined second operation, if not, judging whether the sliding operation is a predefined first operation, and if not, zooming the current picture in response to the sliding operation.
4. The picture preview slide processing method according to any one of claims 2 to 3, wherein an angle between the slide track of the first operation and a horizontal line is smaller than a preset angle; the included angle between the sliding track of the second operation and the horizontal line is larger than the preset angle, and the second operation drags the current picture to the designated position at the top or the bottom of the display interface; the third operation is a sliding operation in which the two fingers are separated or brought together.
5. The picture preview slide processing method according to claim 1, further comprising, after switching the group of pictures in the current large picture preview mode in response to the slide operation and performing picture large picture preview display based on the switched group of pictures:
and when the picture preview mode exits, positioning the position of the current picture group in the picture-text list and correspondingly displaying the picture-text list.
6. The picture preview slide processing method of claim 5, further comprising, before positioning the current group in the teletext list and performing the corresponding display of the teletext list:
and receiving a click operation, and if the click operation is judged to be a predefined fourth operation, responding to the touch operation and exiting the picture large picture preview mode.
7. A picture preview slide processing method is characterized by comprising the following steps:
receiving a sliding event of a picture displayed on a current display interface in a big picture preview mode;
judging whether a first control or a second control is associated with the sliding event or not based on the screen parameters corresponding to the sliding event, processing or transmitting the sliding event according to the judgment result, and calling the first control to process the sliding event if the first control is associated with the sliding event, wherein the first control is used for switching pictures of a picture group to which the current picture belongs; and if the second control is associated with the sliding event, calling the second control to process the sliding event, wherein the second control is used for switching the picture groups in the current large picture preview mode and displaying the large picture preview based on the switched picture groups.
8. The picture preview slide processing method according to claim 7, wherein determining whether the first control or the second control is associated with the slide event based on the screen parameter corresponding to the slide event, and processing or transmitting the slide event according to the determination result includes:
the first control receives the sliding event, whether the sliding event is related or not is judged based on the screen parameter corresponding to the sliding event, if yes, the sliding event is intercepted and processed, and if not, the sliding event is transmitted to the second control;
the second control receives the sliding event, whether the sliding event is related or not is judged based on the screen parameter corresponding to the sliding event, if yes, the sliding event is intercepted and processed, if not, the sliding event is transmitted to a third control, the sliding event is processed by the third control, and the third control is used for zooming the current picture; alternatively, the first and second electrodes may be,
the second control receives the sliding event, whether the sliding event is related or not is judged based on the screen parameter corresponding to the sliding event, if yes, the sliding event is intercepted and processed, and if not, the sliding event is transmitted to the first control;
and the first control receives the sliding event, judges whether the sliding event is related or not based on the screen parameter corresponding to the sliding event, intercepts and processes the sliding event if the sliding event is related, transmits the sliding event to a third control if the sliding event is not related, and processes the sliding event by the third control which is used for zooming the current picture.
9. The picture preview slide processing method according to claim 8, wherein after determining whether the first control or the second control is associated with the slide event based on the screen parameter corresponding to the slide event and processing or transmitting the slide event according to the determination result, the method further comprises:
and when the first control, the second control or the third control processes the sliding event and the processing is abnormal, the sliding event is transmitted to a father layout for processing.
10. The picture preview slide processing method of claim 7, wherein the first control and the second control are constructed based on a dual-layer view control;
the first control is positioned at the outer layer of a view level of a large graph browsing page, and a sub item of the first control contains the second control;
or the second control is positioned at the outer layer of the view level of the large map browsing page, and the sub-item of the second control contains the first control.
11. The picture preview slide processing method of claim 7, further comprising, after invoking the second control to process the slide event:
sending a graph group data updating request of a current view layer to a server, wherein the graph group data updating request is used for requesting the server to update graph group data;
and receiving the graph group data returned by the server, and correspondingly adding the graph group data to the graph-text list view and the large-image preview view of the view layer respectively.
12. The picture preview slide processing method according to claim 11, wherein sending a group data update request of a current view layer to a server includes:
the view layer initiates a graph group data updating request and transmits the graph group data updating request to the view model layer;
and the view model layer informs the image-text list to pull the image group data, and the image-text list sends the image group data updating request to the server.
13. The picture preview slide processing method according to claim 11, wherein receiving the group data returned by the server, and correspondingly adding the group data to the teletext list view and the large picture preview view of the view layer respectively comprises:
the data layer receives the graph group data returned by the server, and triggers the change of the data set based on the received graph group data;
the view model layer loads the graph group data to an external list view model and a large-image preview page view model of the image-text list based on the change of the data set;
and the view layer extracts the image group data of the external list view model and adds the image group data to the image-text list view, and extracts the image group data of the large-image preview page view model and adds the image group data to the large-image preview view.
14. The picture preview slide processing method according to claim 11, before sending the group data update request of the current view layer to the server, further comprising:
when the graph group switching in the current large graph preview mode is detected, whether the graph group data corresponding to the current graph group is located at the specified position of the graph group data sequence of the view layer is judged, and if yes, the graph group data of the current view layer is triggered to be updated.
15. A picture preview slide processing system, comprising:
the receiving module is used for receiving sliding operation, and the sliding operation acts on the picture displayed in the current big picture preview mode;
the response module is used for responding to the sliding operation to switch the pictures of the picture group to which the current picture belongs when the sliding operation is judged to be the predefined first operation; and when the sliding operation is judged to be the predefined second operation, responding to the sliding operation to switch the image group in the current large image preview mode, and displaying the large image preview of the image based on the switched image group.
16. An electronic device, comprising:
a memory and one or more processors;
the memory for storing one or more programs;
when executed by the one or more processors, cause the one or more processors to implement the picture preview slide processing method of any of claims 1-6 or claims 7-14.
17. A storage medium containing computer-executable instructions for performing the picture preview slide processing method of any of claims 1-6 or claims 7-14 when executed by a computer processor.
CN202011096332.6A 2020-10-14 2020-10-14 Picture preview sliding processing method and system, electronic equipment and storage medium Pending CN112379814A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011096332.6A CN112379814A (en) 2020-10-14 2020-10-14 Picture preview sliding processing method and system, electronic equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011096332.6A CN112379814A (en) 2020-10-14 2020-10-14 Picture preview sliding processing method and system, electronic equipment and storage medium

Publications (1)

Publication Number Publication Date
CN112379814A true CN112379814A (en) 2021-02-19

Family

ID=74581470

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011096332.6A Pending CN112379814A (en) 2020-10-14 2020-10-14 Picture preview sliding processing method and system, electronic equipment and storage medium

Country Status (1)

Country Link
CN (1) CN112379814A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114518832A (en) * 2022-02-15 2022-05-20 网易（杭州）网络有限公司 Display control method and device of touch terminal and electronic equipment

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101030202A (en) * 2006-03-01 2007-09-05 腾讯科技（深圳）有限公司 System and method for switching picture in photo album
CN103279293A (en) * 2013-04-27 2013-09-04 天脉聚源(北京)传媒科技有限公司 Method, device and terminal for switching images
CN103838502A (en) * 2012-11-22 2014-06-04 腾讯科技（深圳）有限公司 Sliding identification method and device
US20180183952A1 (en) * 2016-12-28 2018-06-28 Kyocera Document Solutions Inc. Image processing device
CN109656444A (en) * 2018-12-13 2019-04-19 广州市百果园信息技术有限公司 List localization method, device, equipment and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101030202A (en) * 2006-03-01 2007-09-05 腾讯科技（深圳）有限公司 System and method for switching picture in photo album
CN103838502A (en) * 2012-11-22 2014-06-04 腾讯科技（深圳）有限公司 Sliding identification method and device
CN103279293A (en) * 2013-04-27 2013-09-04 天脉聚源(北京)传媒科技有限公司 Method, device and terminal for switching images
US20180183952A1 (en) * 2016-12-28 2018-06-28 Kyocera Document Solutions Inc. Image processing device
CN109656444A (en) * 2018-12-13 2019-04-19 广州市百果园信息技术有限公司 List localization method, device, equipment and storage medium

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114518832A (en) * 2022-02-15 2022-05-20 网易（杭州）网络有限公司 Display control method and device of touch terminal and electronic equipment
CN114518832B (en) * 2022-02-15 2024-05-28 网易（杭州）网络有限公司 Display control method and device of touch terminal and electronic equipment

Similar Documents

Publication Publication Date Title
AU2014200472B2 (en) Method and apparatus for multitasking
US11126334B2 (en) Method, device and storage medium for inputting data
CA2830636C (en) Mobile terminal and object change support method for the same
CN112099686B (en) Icon display control method and device and electronic equipment
KR20140089245A (en) Method for controlling using double touch jesture and the terminal thereof
US20180181288A1 (en) Method for displaying information, and terminal equipment
CN112988006B (en) Display method, display device, electronic equipment and storage medium
CN112286614A (en) User interface display method and device, electronic equipment and storage medium
US20240184417A1 (en) Application icon display method and apparatus, and electronic device
KR20160003820A (en) A multi-panel view interface for a browser operating on a computing device
CN113918260A (en) Application program display method and device and electronic equipment
WO2023045927A1 (en) Object moving method and electronic device
US20240134503A1 (en) Control method and apparatus for displaying multimedia content, electronic device and medium
CN104281378A (en) Mobile device one-hand control method and system
US11455071B2 (en) Layout method, device and equipment for window control bars
KR20130116976A (en) Mobile terminal and method for controlling thereof
WO2016155518A1 (en) Interface interaction method and device
CN112379814A (en) Picture preview sliding processing method and system, electronic equipment and storage medium
WO2024088187A1 (en) Information display method and apparatus, and electronic device and storage medium
WO2024088318A1 (en) Icon management method and apparatus
CN114089884A (en) Desktop editing method and electronic equipment
CN112765500A (en) Information searching method and device
CN113268182A (en) Application icon management method and electronic equipment
KR20110028053A (en) Method for widget providing and display apparatus using the same
GB2518203A (en) GUI configuration

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
RJ01 Rejection of invention patent application after publication

Application publication date: 20210219

RJ01 Rejection of invention patent application after publication