CN111782097A - Image resource switching method and device - Google Patents
Image resource switching method and device Download PDFInfo
- Publication number
- CN111782097A CN111782097A CN202010616420.8A CN202010616420A CN111782097A CN 111782097 A CN111782097 A CN 111782097A CN 202010616420 A CN202010616420 A CN 202010616420A CN 111782097 A CN111782097 A CN 111782097A
- Authority
- CN
- China
- Prior art keywords
- image resource
- switching
- image
- resource
- page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Abstract
The disclosure relates to an image resource switching method and device, relates to the technical field of electronics, and simplifies the operation steps of switching image resources. The specific scheme comprises the following steps: and displaying a browsing page of the first image resource in response to the viewing instruction of the first image resource. Wherein the first image resource comprises a long graph or an atlas. And responding to a sliding operation instruction of the browsed page of the first image resource, and sliding and displaying the first image resource on the browsed page of the first image resource. And if the first image resource is displayed to the end part of the first image resource in a sliding manner, stopping the sliding of the first image resource on the browsing page. And responding to the image resource switching instruction, and switching to display the second image resource.
Description
Technical Field
The present disclosure relates to the field of computer application technologies, and in particular, to a method and an apparatus for switching image resources.
Background
The image resources comprise single images, long images, atlas or video and the like. The single picture comprises a picture; the long picture comprises a long picture formed by splicing a plurality of pictures; the album includes a plurality of pictures. The video comprises video generated by continuous frame pictures and video made by discontinuous frame pictures. The display page of the image resource comprises a browsing page and a playing page. The play page is used to play an image resource including a video. The user cannot view the entire long figure or set of figures in the play page through a sliding operation. The user can view the complete long graph or set of graphs through a sliding operation in the browsing page.
Currently, in a browsing page of an image resource, if it is required to switch to another image resource, a user needs to click a return button on the page to return to an image resource list page, or the user clicks a close button to return to the image resource list page to select the image resource to be switched to. The interaction method for switching the image resources has a complex operation path, and cannot realize the quick switching from the browsing page of the image resources to another image resource.
Disclosure of Invention
The disclosure provides an image resource switching method and an image resource switching device, which solve the problem that an operation path for switching image resources on a browsing page of the image resources is complex. The technical scheme of the disclosure is as follows:
according to a first aspect of the embodiments of the present disclosure, there is provided an image resource switching method, including: displaying a browsing page of the first image resource in response to a viewing instruction of the first image resource; wherein the first image resource comprises a long graph or an atlas; responding to a sliding operation instruction of a browsed page of the first image resource, and sliding and displaying the first image resource on the browsed page of the first image resource; if the first image resource is displayed to the end of the first image resource in a sliding manner, stopping the sliding of the first image resource on the browsing page; and responding to the image resource switching instruction, and switching to display the second image resource.
In one possible implementation, the method further includes: when the terminal part of the first image resource is displayed, displaying image resource switching prompt information at the terminal part of the first image resource; the image resource switching prompt information is used for prompting the operation for triggering the image resource switching instruction. This makes the operation interface more friendly.
In a possible implementation manner, the "switching and displaying the second image resource in response to the image resource switching instruction" includes: responding to the selection operation of the image resource switching control on the browsing page of the first image resource, and switching and displaying the second image resource; alternatively, in the case where the first image resource is slide-displayed to the end of the first image resource, the second image resource is displayed in response to a continued slide operation in the same direction as the current slide direction.
In one possible implementation manner, the "stopping the sliding of the first image resource on the browsing page if the first image resource is slid and displayed to the end of the first image resource" includes: and if the first image resource is slidingly displayed to the end part of the first image resource, stopping the sliding of the first image resource on the browsing page through damping interaction.
In a possible implementation manner, the "displaying a browsing page of the first image resource in response to the instruction to view the first image resource" includes: responding to the selection operation of a page switching control on the playing page of the first image resource, and displaying the browsing page of the first image resource; or responding to the click operation of the non-control area of the playing page of the first image resource, and displaying the browsing page of the first image resource.
In a possible implementation manner, the "switching to display the second image resource" includes: and switching to display the browsing page of the second image resource, or switching to display the playing page of the second image resource.
In one possible implementation, the second image resource includes a long map or an atlas, and the method further includes: when displaying the playing page of the second image resource, responding to the mode switching operation of the playing page of the second image resource, and displaying the browsing page of the second image resource; and when the browsing page of the second image resource is displayed, responding to the mode switching operation of the browsing page of the second image resource, and displaying the playing page of the second image resource.
In one possible implementation, the method further includes: responding to a saving operation for saving the first image resource on the browsing page of the first image resource; and saving the pictures included in the first image resource to the directory indicated by the image resource saving operation.
In one possible implementation, the method further includes: when the first image resource is displayed to the end of the first image resource in a sliding manner and the sliding of the first image resource on the browsing page is stopped through damping interaction, displaying an interaction control on the browsing page of the first image resource; the interactive control comprises at least one of praise, comment, forward, reward or concern author.
According to a second aspect of the embodiments of the present disclosure, there is provided an image resource switching apparatus, the apparatus including: the browsing display module is configured to respond to a viewing instruction of the first image resource and display a browsing page of the first image resource; wherein the first image resource comprises a long graph or an atlas; the sliding display module is configured to respond to a sliding operation instruction of a browsed page of the first image resource, and the first image resource is displayed on the browsed page of the first image resource in a sliding mode; the sliding damping module is configured to stop sliding of the first image resource on the browsing page if the first image resource is slidingly displayed to the end of the first image resource; and the resource switching module is configured to respond to the image resource switching instruction and switch and display the second image resource.
In one possible implementation, the apparatus further includes: the resource switching prompting module is configured to display image resource switching prompting information at the end part of the first image resource when the image resource is displayed to the end part of the first image resource; the image resource switching prompt information is used for prompting the operation for triggering the image resource switching instruction.
In another possible implementation manner, the resource switching module is specifically configured to: responding to the selection operation of the image resource switching control on the browsing page of the first image resource, and switching and displaying the second image resource; alternatively, in the case where the first image resource is slide-displayed to the end of the first image resource, the second image resource is displayed in response to a continued slide operation in the same direction as the current slide direction.
In another possible implementation, the sliding damping module is specifically configured to: and if the first image resource is slidingly displayed to the end part of the first image resource, stopping the sliding of the first image resource on the browsing page through damping interaction.
In another possible implementation manner, the browsing display module is specifically configured to: responding to the selection operation of a page switching control on the playing page of the first image resource, and displaying the browsing page of the first image resource; or responding to the click operation of the non-control area of the playing page of the first image resource, and displaying the browsing page of the first image resource.
In another possible implementation manner, the resource switching module is specifically configured to: and switching to display the browsing page of the second image resource, or switching to display the playing page of the second image resource.
In another possible implementation, the second image resource includes a long map or an atlas, and the apparatus further includes: the mode switching module is configured to respond to the mode switching operation of the playing page of the second image resource when the playing page of the second image resource is displayed, and display the browsing page of the second image resource; and when the browsing page of the second image resource is displayed, responding to the mode switching operation of the browsing page of the second image resource, and displaying the playing page of the second image resource.
In another possible implementation manner, the apparatus further includes: the resource saving module is configured to respond to the saving operation for saving the first image resource on the browsing page of the first image resource; and saving the pictures included in the first image resource to the directory indicated by the saving operation.
In another possible implementation manner, the apparatus further includes: the interactive control display module is configured to display an interactive control on a browsing page of the first image resource when the first image resource is slidingly displayed to the end of the first image resource and the sliding of the first image resource on the browsing page is stopped through damping interaction; the interactive control comprises at least one of praise, comment, forward, reward or concern author.
According to a third aspect of the embodiments of the present disclosure, there is provided an electronic apparatus including: a processor; a memory for storing processor-executable instructions. Wherein the processor is configured to execute the instructions to implement the image resource switching method shown in any one of the above first aspect and possible implementation manners of the first aspect.
According to a fourth aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium, wherein instructions, when executed by a processor of an electronic device, enable the electronic device to perform the image resource switching method as shown in the first aspect.
According to a fifth aspect of the embodiments of the present disclosure, there is provided a computer program product directly loadable into an internal memory of a computer and containing software codes, the computer program being loaded into and executed by the computer to implement the image resource switching method shown in the first aspect.
Any image resource switching device, electronic device, computer-readable storage medium or computer program product provided above is used to execute the corresponding method provided above, and the technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects: the browsing page of the first image resource is switched to the second image resource, and the user does not need to reselect the second image resource and then open the second image resource after turning off the first image resource, so that the operation steps of switching the image resources after the user browses the current image resource on the browsing page of the image resource are reduced, and the quick image resource switching operation is realized.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.
FIG. 1 is a schematic diagram illustrating an implementation environment in which the present disclosure is applicable, according to an example embodiment.
Fig. 2 is a flowchart illustrating an image resource switching method according to an exemplary embodiment.
FIG. 3 is a diagram illustrating a user device displaying a play page of a first image asset, according to an example embodiment.
FIG. 4 is a diagram illustrating a user device displaying a list of image resources, according to an example embodiment.
Fig. 5 is a schematic diagram of the long map displayed by the user equipment after responding to the user's instruction of the sliding-up operation on the long map browsing page.
FIG. 6 is a schematic illustration of the atlas after a user device responds to a user instruction to slide the atlas to the left.
Fig. 7 is a diagram illustrating that the user equipment switches and displays the playing page of the first image resource in response to a page switching operation instruction for the browsing page of the first image resource.
Fig. 8 is a schematic diagram of the user equipment stopping the sliding of the first image resource on the browsing page through the damping interaction, and displaying the image resource switching prompt message at the end of the first image resource.
Fig. 9 is a schematic diagram of the user equipment stopping the sliding of the first image resource on the browsing page through the damping interaction, and displaying the image resource switching prompt message at the end of the first image resource.
Fig. 10 is a flowchart illustrating a method for switching to display a second image resource according to an image resource switching instruction according to an exemplary embodiment.
FIG. 11 is a diagram illustrating a browse page for a first image resource including a first toggle control.
FIG. 12 is a diagram illustrating a browse page of a first image resource including a second toggle control.
Fig. 13 is a block diagram illustrating a logical structure of an image resource switching apparatus according to an exemplary embodiment.
Fig. 14 is a block diagram illustrating a structure of a user equipment according to an exemplary embodiment.
Fig. 15 is a block diagram illustrating a configuration of a server according to an example embodiment.
Detailed Description
In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.
It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
Before describing the image resource switching method provided by the present disclosure in detail, the application scenario and implementation environment related to the present disclosure are briefly described.
First, a brief description is given of an application scenario to which the present disclosure relates.
Currently, an image resource in an application is a combination of an image and background music, and when the image resource displayed on a playing page is a long image or an album including a plurality of images, a user can click to open the long image or the album, enter the long image or the album browsing page, and slide up and down or left and right to browse the images of the long image or the album. When switching to the next image resource, the image resource can be switched only by clicking a close button or a return button on the browsing page, so that the operation path is complex and the user experience is poor.
To this end, the present disclosure provides an image resource switching method that allows a user to switch an image resource through a sliding operation or a clicking operation on a browsing page. In this way, the user will not need to turn off the first image resource for switching of image resources. For a specific implementation, refer to the embodiment shown in fig. 2 below.
Next, an implementation environment of the embodiments of the present disclosure will be described.
Referring to fig. 1, fig. 1 is a schematic diagram illustrating an implementation environment in which the present disclosure is applicable according to an exemplary embodiment. The implementation environment may include a user device 110 and a server 120, and the user device 110 may establish a connection with the server 120 through a wireless network or a wired network.
The user device 110 is a device used by a user and installed with an application for displaying image resources. The user equipment can run the application for displaying the image resources to browse videos and pictures and realize the image resource switching method provided by the disclosure. Further, the user device 110 responds to the image resource switching instruction of the user, and requests the server 120 to acquire the image resource according to the image resource switching instruction. In some embodiments, the user device 110 may be a mobile phone, a tablet computer, a notebook computer, a desktop computer, a portable computer, and the like, which is not limited by this disclosure.
The server 120 is mainly used for storing image resources and video resources created by users. Further, the server 120 is configured to send the image resource requested to be acquired to the user equipment 110. In some embodiments, the server 120 may be a single server, or may be a server cluster composed of multiple servers, which is not limited in this disclosure.
After the application scenario and the implementation environment of the embodiment of the present disclosure are introduced, the image resource switching method provided by the embodiment of the present disclosure is described in detail.
Fig. 2 is a flowchart illustrating an image resource switching method according to an exemplary embodiment, where the method illustrated in fig. 2 may be applied to the user equipment 110, and as illustrated in fig. 2, the method may include:
s100, responding to a viewing instruction of the first image resource, and displaying a browsing page of the first image resource; wherein the first image resource comprises a long graph or an atlas.
It should be noted that, the triggering manner of the viewing instruction of the first image resource is not limited in this embodiment, and the triggering manner of the viewing instruction of the first image resource does not affect the implementation of the object of the present application, and may be set as needed.
For example, in one possible implementation manner, in this embodiment of the present disclosure, the triggering manner of the viewing instruction for the first image resource may be a selection operation of a user on a long-image control opened on a playing page of the first image resource. Correspondingly, the user equipment responds to the selection operation of opening the long-image control on the playing page of the first image resource, and displays the browsing page of the first image resource.
In another possible implementation manner, the user equipment displays the browsing page of the first image resource in response to an operation for calling out the browsing page of the first image resource on the playing page of the first image resource.
The user equipment can respond to the clicking operation of the user on the non-control area of the first image resource, and the browsing page of the first image resource is displayed.
Fig. 3 is a schematic diagram illustrating a user device displaying a play page of a first image resource according to an exemplary embodiment.
In another possible implementation, the user device responds to a call-out operation of the user to the image resource list and displays the image resource list. Wherein the image resource list comprises a plurality of second toggle controls pointing to different image resources. And the user equipment responds to the user's selection operation of the second switching control corresponding to the first image resource, and displays the browsing page of the first image resource.
Illustratively, the user equipment responds to the calling operation of the user to the image resource list and displays the image resource list, and fig. 4 is a schematic diagram illustrating the user equipment displaying the image resource list according to an exemplary embodiment.
S101, responding to a sliding operation instruction of the browsing page of the first image resource, and sliding and displaying the first image resource on the browsing page of the first image resource.
In one scenario, when the first image resource comprises a long image, the user equipment responds to at least one sliding operation instruction of upward, downward, leftward or rightward of the long image, and slides and displays the first image resource on a browsing page of the first image resource.
Illustratively, as shown in fig. 5, the schematic diagram of the long map displayed by the user equipment after responding to the user's instruction of the sliding-up operation on the long map browsing page is shown.
In another scenario, when the first image resource includes an atlas, the user device slides and displays the first image resource on a browsing page of the first image resource in response to at least one of a slide operation instruction of the atlas, which is upward, downward, leftward or rightward.
Illustratively, as shown in fig. 6, the diagram of the atlas is shown after the user device responds to the instruction of the leftward sliding operation of the atlas by the user.
Optionally, when the first image resource is slidingly displayed to the end of the first image resource and the sliding of the first image resource on the browsing page of the first image resource is stopped through damping interaction, displaying an interaction control on the browsing page of the first image resource; the interactive control comprises at least one of praise, comment, forward, reward or concern author. Therefore, the interactive interest of the user in watching the image resources can be improved, and the experience of the user in browsing the first image resources cannot be influenced.
Illustratively, when the browsing page of the first image resource is displayed to the last picture or the first picture of the first image resource, and the user equipment responds to the continuous sliding operation of the browsing page through damping interaction, the interaction controls such as approval, comment, forwarding, appreciation or author attention to the first image resource are displayed. And the user can click the corresponding interactive control to participate in the interaction. In this way, the user experience of browsing long graphs or albums can be improved.
Optionally, as shown in fig. 7, when the user equipment displays the browsing page of the first image resource, the user equipment switches to display the playing page of the first image resource in response to a page switching operation instruction for the browsing page of the first image resource.
Illustratively, when the user clicks any one non-control area of the first image resource browsing page, the user equipment responds to a page switching operation instruction to switch and display the playing page of the first image resource. The control area points to the area where the interactive controls such as praise, comment, forward, reward or concern the author are located.
Optionally, when the user equipment displays the browsing page of the first image resource, the user equipment responds to a saving operation for saving the first image resource on the browsing page of the first image resource, and saves the picture included in the first image resource to the directory indicated by the image resource saving operation.
Illustratively, when the user equipment displays the browsing page of the first image resource, the user equipment responds to a long-press operation on the browsing page of the first image resource and saves the pictures included in the first image resource to the directory indicated by the image resource saving operation. Or the user equipment responds to the long-time pressing operation on the browsing page of the first image resource, and displays a saving control, wherein the saving control is used for guiding the user to enter the operation of saving the picture by using the saving control.
S102, if the first image resource is displayed to the end of the first image resource in a sliding mode, stopping sliding of the first image resource on the browsing page.
Optionally, when the end of the first image resource is displayed, image resource switching prompt information is displayed at the end of the first image resource, where the image resource switching prompt information is used to prompt an operation for triggering an image resource switching instruction.
In one scenario, when the first image resource comprises a long image, the user equipment displays a first image of the long image, and the sliding operation instruction received by the user equipment is a downward sliding operation, the user equipment stops sliding of the first image resource on a browsing page through damping interaction, and displays image resource switching prompt information at the end of the first image resource. The image resource switching prompt message may be "continue to slide upward and switch to the next set", or the image resource switching prompt is "click a button and switch to the next set".
Exemplarily, as shown in fig. 8, the user equipment stops the sliding of the first image resource on the browsing page through the damping interaction, and displays the image resource switching prompt message at the end of the first image resource. Wherein, the image resource switching prompt message is 'continuously sliding upwards and switching to the next set'.
In another scenario, when the first image resource includes a long image, the user equipment displays the last image of the long image, and the sliding operation instruction received by the user equipment is an upward sliding operation, the user equipment stops sliding of the first image resource on a browsing page through damping interaction, and displays an image resource switching prompt message at an end of the first image resource. The image resource switching prompt message may be "continue to slide down and switch to the next set", or the image resource switching prompt is "click a button and switch to the next set".
In another scenario, when the first image resource includes an atlas, the user equipment displays the last picture of the atlas, and the sliding operation instruction received by the user equipment is a leftward sliding operation, the user equipment stops sliding of the first image resource on a browsing page through damping interaction, and displays an image resource switching prompt message at an end of the first image resource. The image resource switching prompt message may be "continue sliding left and switch to the next set", or the image resource switching prompt is "click a button and switch to the next set".
Illustratively, as shown in fig. 9, the user equipment stops the sliding of the first image resource on the browsing page through the damping interaction, and displays the image resource switching prompt message at the end of the first image resource. Wherein, the image resource switching prompt message is 'continue left sliding, switch to the next set'.
In another scenario, when the first image resource includes an atlas, the user equipment displays a first picture of the atlas, and a sliding operation instruction received by the user equipment is a right sliding operation, the user equipment stops sliding of the first image resource on a browsing page through damping interaction, and displays an image resource switching prompt message at an end of the first image resource. The image resource switching prompt message is 'continue to slide right and switch to the next set', or the image resource switching prompt is 'click a button and switch to the next set'.
And S103, responding to the image resource switching instruction, and switching and displaying the second image resource.
Specifically, the user equipment responds to the image resource switching instruction and obtains the second image resource indicated by the image resource switching instruction according to the image resource switching instruction. And finally, displaying the acquired second image resource.
First, a method for switching and displaying the second image resource by the user equipment in response to the image resource switching instruction will be described in detail as follows:
fig. 10 is a flowchart illustrating a method for switching display of a second image resource according to an image resource switching instruction according to an exemplary embodiment, where the method illustrated in fig. 10 can be applied to the implementation environment illustrated in fig. 1, and the method illustrated in fig. 10 includes:
s200: the user equipment detects an image resource switching instruction. The image resource switching instruction includes identification information of the second image resource.
It should be noted that the identification information of the second image resource is not limited in the embodiment of the present disclosure, and for example, the identification information of the second image resource may be address information of the second image resource, and the identification information of the second image resource may be a pointer pointing to the second image resource, or the identification information of the second image resource is a character string or a number that uniquely identifies the second image resource.
S201: and the user equipment sends image resource acquisition request information to the server. The image resource acquisition request information includes identification information of the second image resource.
S202: and the server acquires the second image resource according to the image resource acquisition request information.
Illustratively, when the identification information of the second image resource is address information or a pointer of the second image resource, the server acquires the second image resource from a position indicated by the corresponding address or pointer according to the address or pointer of the second image resource. When the identification information of the second image resource is a character string or a number which uniquely identifies the second image resource, the server acquires the address information of the image resource corresponding to the identification information of the second image resource according to the corresponding relation between the identification information of each image resource in the identification information of the plurality of image resources and the address information of the image resource, and the server acquires the second image resource according to the acquired address information of the image resource.
S203: the server sends the second image resource to the user equipment.
S204: the user equipment displays the second image resource.
Specifically, the user equipment displays a playing page of the second image resource, or the user equipment displays a browsing page of the second image resource.
In another possible implementation manner, the user equipment acquires the second image resource from the cache of the user equipment according to the image resource switching instruction, and displays a playing page of the second image resource, or displays a browsing page of the second image resource. The embodiment of the present disclosure does not limit the content of the second image resource. Illustratively, the second image resource may be any one of a long graph, a single graph, an atlas or a video.
As follows, the following describes a specific scene for switching and displaying the second image resource by the user equipment in response to the image resource switching instruction:
in one scenario, in response to a user selecting a first switching control for switching downwards on a browsing page of a first image resource, user equipment switches to display a second image resource, where the second image resource is a next image resource of the first image resource in an image resource list.
Illustratively, as shown in fig. 11, the browse page for the first image resource includes a schematic diagram of a first switching control.
In another scenario, the user equipment switches to display a second image resource in response to a selection operation of a second switching control for switching upwards on the browsing page of the first image resource, where the second image resource is a previous image resource of the first image resource in the image resource list.
Illustratively, as shown in fig. 12, the browsing page of the first image resource includes a schematic diagram of the second switching control.
The first switching control and the second switching control are image resource switching controls in the claims.
In the following scenario, the order of the second image resource with respect to the first image resource is not limited. For example, the second image resource may be a previous image resource or a subsequent image resource of the first image resource stored in the server.
In one scenario, the user device displays the second image asset in response to a downward sliding operation by the user with the first image asset being slidingly displayed to an upper end of the first image asset.
In another scenario, the user device displays the second image resource in response to a user's upward sliding operation with the first image resource being slidingly displayed to the lower end portion of the first image resource.
In another scenario, the user device displays the second image resource in response to a leftward sliding operation by the user while the first image resource is slid to the last image of the first image resource.
In another scenario, the user device displays the second image resource in response to a user's right-direction sliding operation while the first image resource is slid to the first image of the first image resource.
Alternatively, the second image resource may have a plurality of modes. Wherein the mode comprises a browsing mode or an automatic playing mode.
In one case, the user may select a mode of the generated image asset when uploading the picture-making image asset. The user equipment sends the picture uploaded by the user and the identifier of the mode selected by the user to the server, and the server generates and stores the image resource according to the received picture and the mode identifier.
In another case, when the user uploads the picture to make the image resource, the user equipment sends the picture uploaded by the user to the server, and the server generates and stores one or more modes of the image resource according to the picture and a preset mode or modes.
Alternatively, the user equipment may switch the mode in which the second image resource is displayed in response to a mode switching operation for the second image resource. When the browsing mode of the second image resource is displayed, the user can watch the picture through the manual sliding operation of the second image resource. When the automatic play mode of the second image asset is displayed, the user equipment automatically plays the long picture or the album.
Specifically, the user equipment switches the mode of displaying the second image resource by the following steps:
the method comprises the following steps: the user equipment transmits the identification information of the second image resource and the mode identifier to the server. The pattern identifier may be address information or a pointer pointing to the image resource of the pattern, or may be a character string or a number that uniquely identifies the image resource of the pattern.
Step two: the server acquires the second image resource of the mode indicated by the mode switching operation according to the identification information and the mode identifier of the second image resource.
Illustratively, when the identification information of the second image resource is address information or a pointer of the second image resource, and the mode identifier is address information or a pointer to the image resource of the mode, the server acquires the second image resource of the mode indicated by the mode switching operation from a position indicated by the corresponding address information or pointer, according to "the address information or the pointer of the second image resource" and "the address information or the pointer of the image resource of the mode". When the "identification information of the second image resource is a character string or a number or the like that uniquely identifies the second image resource" and the "mode identifier is a character string or a number that uniquely identifies the image resource of the mode", the server acquires the second image resource of the mode indicated by the mode switching operation, based on the identification information of the second image resource and the mode identifier.
It is understood that the correspondence relationship between the identification information of the plurality of image resources, the mode identifier, and the address information of the image resource in the server may have various implementations. Illustratively, the correspondence relationship of the identification information of the plurality of image assets, the mode identifier, and the address information of the image asset is as shown in table 1 below:
TABLE 1
| Image resource identification information | Pattern identifier | Address information |
| Second image resource identification | Mode one | Address one |
| Second image resource identification | Mode two | Address two |
| First image resource identification | Mode one | Address three |
In table 1, the identifier of the second image resource corresponds to two mode identifiers, mode one and mode two, and each mode identifier corresponds to one address information. The pattern corresponds to address one. Mode two corresponds to address two. Each address indicated by the address information stores a pattern of the second image resources.
Step three: and the server transmits the acquired second image resource of the mode indicated by the mode switching operation to the user equipment.
Step four: the user equipment displays the second image resource of the mode indicated by the mode switching operation.
In one scenario, when the playback mode of the second image resource is the automatic playback mode, the user equipment displays the browsing mode of the second image resource in response to a mode switching operation on a playback page of the second image resource.
For example, when the user equipment plays the second image resource in the automatic play mode with each picture play interval of 4S, the user clicks or long-presses the video middle blank area, and the user equipment may switch the browsing mode in which the second image resource is displayed in response to the mode switching operation.
In another scenario, when the playback mode of the second image resource is the browsing mode, the user equipment responds to a mode switching operation on a browsing page of the second image resource to display an automatic playback mode of the second image resource.
The technical scheme provided by the embodiment at least has the following beneficial effects: by adding the processing responding to the operation of switching the image resources to the browsing page of the image resources, the operation path of switching the image resources by the user can be reduced, and the use experience of the user is improved.
Fig. 13 is a block diagram illustrating a logical structure of an image resource switching apparatus according to an exemplary embodiment. Referring to fig. 13, the image resource switching apparatus 40 includes: a browse display module 41, a slide display module 42, a slide damping module 43 and a resource switching module 44.
A browsing display module 41 configured to display a browsing page of the first image resource in response to a viewing instruction of the first image resource; wherein the first image resource comprises a long graph or an atlas; a sliding display module 42 configured to respond to a sliding operation instruction of the browsing page of the first image resource, and to slide and display the first image resource on the browsing page of the first image resource; a sliding damping module 43 configured to stop sliding of the first image resource on the browsing page if the first image resource is slid to the end of the first image resource; and a resource switching module 44 configured to switch to display the second image resource in response to the image resource switching instruction. For example, in conjunction with fig. 2, the browse display module 41 may be configured to perform S100, the slide display module 42 may be configured to perform S101, the slide damping module 43 may be configured to perform S102, and the resource switching module 44 may be configured to perform S103.
Optionally, the apparatus further comprises: a resource switching prompt module 45 configured to display image resource switching prompt information at an end of the first image resource when the end of the first image resource is displayed; the image resource switching prompt information is used for prompting the operation for triggering the image resource switching instruction.
Optionally, the resource switching module 44 is specifically configured to: responding to the selection operation of the image resource switching control on the browsing page of the first image resource, and switching and displaying the second image resource; alternatively, in the case where the first image resource is slide-displayed to the end of the first image resource, the second image resource is displayed in response to a continued slide operation in the same direction as the current slide direction.
Optionally, the sliding damping module 43 is specifically configured to: and if the first image resource is slidingly displayed to the end part of the first image resource, stopping the sliding of the first image resource on the browsing page through damping interaction.
Optionally, the browsing display module 41 is specifically configured to: responding to the selection operation of a page switching control on the playing page of the first image resource, and displaying the browsing page of the first image resource; or responding to the click operation of the non-control area of the playing page of the first image resource, and displaying the browsing page of the first image resource.
Optionally, the resource switching module 44 is specifically configured to: and switching to display the browsing page of the second image resource, or switching to display the playing page of the second image resource.
Optionally, the second image resource includes a long image or an atlas, and the apparatus further includes: a mode switching module 46 configured to display a browsing page of the second image resource in response to a mode switching operation on the playing page of the second image resource when the playing page of the second image resource is displayed; and when the browsing page of the second image resource is displayed, responding to the mode switching operation of the browsing page of the second image resource, and displaying the playing page of the second image resource.
Optionally, the apparatus further comprises: a resource saving module 47 configured to respond to a saving operation for saving the first image resource on the browsed page of the first image resource; and saving the pictures included in the first image resource to the directory indicated by the saving operation.
Optionally, the apparatus further comprises: an interactive control display module 48 configured to display an interactive control on the browsed page of the first image resource when the first image resource is slidingly displayed to the end of the first image resource and the sliding of the first image resource on the browsed page is stopped by the damping interaction; the interactive control comprises at least one of praise, comment, forward, reward or concern author.
Fig. 14 is a block diagram illustrating a structure of a user equipment 110 according to an exemplary embodiment, where the user equipment 110 may be an image resource switching device. The image resource switching device may be a smart phone, a tablet computer, a notebook computer or a desktop computer.
The processor 61 may be a Central Processing Unit (CPU), a micro-processing unit, an ASIC, or one or more integrated circuits for controlling the execution of programs according to the present disclosure.
The communication bus 62 may include a path that carries information between the aforementioned components.
The communication interface 64 may be any device, such as a transceiver, for communicating with other devices or communication networks, such as a server, an ethernet, a Radio Access Network (RAN), a Wireless Local Area Network (WLAN), etc.
The memory 63 may be, but is not limited to, a read-only memory (ROM) or other type of static storage device that can store static information and instructions, a Random Access Memory (RAM) or other type of dynamic storage device that can store information and instructions, an electrically erasable programmable read-only memory (EEPROM), a compact disc read-only memory (CD-ROM) or other optical disk storage, optical disk storage (including compact disc, laser disc, optical disc, digital versatile disc, blu-ray disc, etc.), magnetic disk storage media or other magnetic storage devices, or any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer. The memory may be self-contained and connected to the processing unit by a bus. The memory may also be integrated with the processing unit.
The memory 63 is used for storing application program codes for executing the disclosed solution, and is controlled by the processor 61. The processor 61 is configured to execute application program code stored in the memory 63 to implement the functions in the disclosed method.
In particular implementations, processor 61 may include one or more CPUs such as CPU0 and CPU1 in fig. 14, for example, as one embodiment.
In one implementation, user equipment 110 may include multiple processors, such as two processors 61 in fig. 14, for example, as an embodiment. Each of these processors may be a single-core (single-CPU) processor or a multi-core (multi-CPU) processor. A processor herein may refer to one or more devices, circuits, and/or processing cores for processing data (e.g., computer program instructions).
In one implementation, user device 110 may also include an input device 65 and an output device 66, as an example. The input device 65 is in communication with the processor 61 and can accept user input in a variety of ways. For example, the input device 65 may be a mouse, a keyboard, a touch screen device, or a sensing device, among others. The output device 66 is in communication with the processor 61 and may display information in a variety of ways. For example, the output device 66 may be a Liquid Crystal Display (LCD), a Light Emitting Diode (LED) display device, or the like.
Those skilled in the art will appreciate that the architecture shown in fig. 14 is not limiting of user equipment 110 and may include more or fewer components than shown, or combine certain components, or employ a different arrangement of components.
In one example, the browse display module 41, the slide display module 42, the slide damping module 43, the resource switching module 44, the resource switching prompt module 45, the mode switching module 46, the resource saving module 47, and the interactive control display module 48 of the image resource switching apparatus described above with reference to fig. 14 may be implemented by the processor 61 in fig. 14 calling a computer program stored in the memory 63.
In another example, in connection with the implementation environment shown in FIG. 1, the functionality of user equipment 110 may be implemented by processor 61 invoking computer programs or instructions in memory 63.
Fig. 15 is a block diagram illustrating a structure of a server 120 according to an exemplary embodiment, where the server 120 may have a large difference due to different configurations or performances, and may include one or more processors 71 and one or more memories 72. At least one instruction is stored in the memory 72, and is loaded and executed by the processor 71 to implement the image resource switching method provided by the above-mentioned method embodiments. Certainly, the server 120 may further have components such as a wired or wireless network interface, a keyboard, and an input/output interface, so as to perform input and output, and the server 120 may further include other components for implementing the functions of the device, which is not described herein again.
In one example, in connection with the implementation environment shown in FIG. 1, the functions of server 120 may be implemented by processor 71 invoking computer programs or instructions in memory 72.
The present disclosure also provides a computer-readable storage medium comprising instructions stored thereon, which when executed by the processor 61 of the user equipment 110, enable the user equipment 110 to perform the image resource switching method provided by the illustrated embodiment described above. For example, the computer readable storage medium may be a memory 63 comprising instructions executable by a processor 61 of the user equipment to perform the above described method. Also for example, the computer readable storage medium may be a memory 72 comprising instructions executable by a processor 71 of the server 120 to perform the above-described method. Alternatively, the computer readable storage medium may be a non-transitory computer readable storage medium, for example, which may be a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
The present disclosure also provides an electronic device, including: a memory and a processor; the memory is for storing a computer program, and the processor is for invoking the computer program to perform the actions or steps mentioned in any of the embodiments provided above.
The present disclosure also provides a computer program product containing instructions that, when run on an electronic device, cause the electronic device to perform the image resource switching method provided by the above-described illustrative embodiments.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (10)
1. An image resource switching method, characterized in that the method comprises:
displaying a browsing page of a first image resource in response to a viewing instruction of the first image resource; wherein the first image resource comprises a long graph or an atlas;
responding to a sliding operation instruction of a browsed page of the first image resource, and sliding and displaying the first image resource on the browsed page of the first image resource;
if the first image resource is displayed to the end of the first image resource in a sliding manner, stopping the sliding of the first image resource on the browsing page;
and responding to the image resource switching instruction, and switching to display the second image resource.
2. The method of claim 1, further comprising:
when the terminal part of the first image resource is displayed, displaying image resource switching prompt information at the terminal part of the first image resource; the image resource switching prompt information is used for prompting the operation for triggering the image resource switching instruction.
3. The method of claim 2, wherein switching display of the second image resource in response to the image resource switching instruction comprises:
responding to the selected operation of an image resource switching control on the browsing page of the first image resource, and switching and displaying the second image resource;
alternatively, the first and second electrodes may be,
and in the case that the first image resource is displayed in a sliding manner to the end part of the first image resource, responding to the continuous sliding operation in the same direction as the current sliding direction, and displaying the second image resource.
4. The method according to claim 1, wherein stopping the sliding of the first image resource on the browsing page if the first image resource is slid to the end of the first image resource comprises:
and if the first image resource is slidingly displayed to the end part of the first image resource, stopping the sliding of the first image resource on the browsing page through damping interaction.
5. The method of claim 1, wherein displaying the browse page for the first image resource in response to the viewing instruction for the first image resource comprises:
responding to the selection operation of a page switching control on a playing page of a first image resource, and displaying a browsing page of the first image resource;
alternatively, the first and second electrodes may be,
and responding to the click operation of the non-control area of the playing page of the first image resource, and displaying the browsing page of the first image resource.
6. The method of claim 5, wherein switching to display the second image resource comprises:
and switching to display a browsing page of the second image resource, or switching to display a playing page of the second image resource.
7. The method of claim 5 or 6, wherein the second image resource comprises a long map or an atlas, the method further comprising:
when the playing page of the second image resource is displayed, responding to the mode switching operation of the playing page of the second image resource, and displaying the browsing page of the second image resource; and when the browsing page of the second image resource is displayed, responding to the mode switching operation of the browsing page of the second image resource, and displaying the playing page of the second image resource.
8. An image resource switching apparatus, characterized in that the apparatus comprises:
the browsing display module is configured to respond to a viewing instruction of a first image resource and display a browsing page of the first image resource; wherein the first image resource comprises a long graph or an atlas;
a sliding display module configured to respond to a sliding operation instruction of a browsing page of the first image resource, and to slide and display the first image resource on the browsing page of the first image resource;
the sliding damping module is configured to stop sliding of the first image resource on the browsed page if the first image resource is slidingly displayed to the end of the first image resource;
and the resource switching module is configured to respond to the image resource switching instruction and switch and display the second image resource.
9. An electronic device, characterized in that the electronic device comprises:
a processor;
a memory for storing the processor-executable instructions;
wherein the processor is configured to execute the instructions to implement the image resource switching method of any one of claims 1-7.
10. A computer-readable storage medium having instructions stored thereon, wherein the instructions in the computer-readable storage medium, when executed by a processor of a terminal device, enable the terminal device to perform the image resource switching method according to any one of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010616420.8A CN111782097A (en) | 2020-06-30 | 2020-06-30 | Image resource switching method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010616420.8A CN111782097A (en) | 2020-06-30 | 2020-06-30 | Image resource switching method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111782097A true CN111782097A (en) | 2020-10-16 |
Family
ID=72761497
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010616420.8A Pending CN111782097A (en) | 2020-06-30 | 2020-06-30 | Image resource switching method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111782097A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113238828A (en) * | 2021-05-25 | 2021-08-10 | 北京达佳互联信息技术有限公司 | Content display method, device, equipment and storage medium |
| CN113268622A (en) * | 2021-04-21 | 2021-08-17 | 北京达佳互联信息技术有限公司 | Picture browsing method and device, electronic equipment and storage medium |
| CN113407144A (en) * | 2021-07-15 | 2021-09-17 | 维沃移动通信（杭州）有限公司 | Display control method and device |
| CN114546545A (en) * | 2021-11-09 | 2022-05-27 | 北京达佳互联信息技术有限公司 | Image-text display method, device, terminal and storage medium |
| CN116360666A (en) * | 2023-05-31 | 2023-06-30 | Tcl通讯科技（成都）有限公司 | Page sliding method and device, electronic equipment and computer storage medium |
| WO2023155752A1 (en) * | 2022-02-21 | 2023-08-24 | 北京字节跳动网络技术有限公司 | Page content display method and device |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101336407A (en) * | 2005-12-08 | 2008-12-31 | 苹果公司 | List scrolling in response to moving contact over list of index symbols |
| CN101382952A (en) * | 2007-09-07 | 2009-03-11 | 佳能株式会社 | Content display apparatus and display method thereof |
| CN103279293A (en) * | 2013-04-27 | 2013-09-04 | 天脉聚源(北京)传媒科技有限公司 | Method, device and terminal for switching images |
| CN106569679A (en) * | 2015-10-13 | 2017-04-19 | 阿里巴巴集团控股有限公司 | Object display method and equipment |
| JP2018057420A (en) * | 2016-09-30 | 2018-04-12 | 株式会社コロプラ | Game program, method and information processor |
| CN107977150A (en) * | 2017-10-31 | 2018-05-01 | 阿里巴巴集团控股有限公司 | A kind of view scrolling method, device and electronic equipment |
| CN109976609A (en) * | 2019-03-18 | 2019-07-05 | 努比亚技术有限公司 | Slide response method, wearable device and computer readable storage medium |
| CN110099162A (en) * | 2019-03-18 | 2019-08-06 | 努比亚技术有限公司 | A kind of page display processing method and wearable device |
-
2020
- 2020-06-30 CN CN202010616420.8A patent/CN111782097A/en active Pending
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101336407A (en) * | 2005-12-08 | 2008-12-31 | 苹果公司 | List scrolling in response to moving contact over list of index symbols |
| CN101382952A (en) * | 2007-09-07 | 2009-03-11 | 佳能株式会社 | Content display apparatus and display method thereof |
| CN103279293A (en) * | 2013-04-27 | 2013-09-04 | 天脉聚源(北京)传媒科技有限公司 | Method, device and terminal for switching images |
| CN106569679A (en) * | 2015-10-13 | 2017-04-19 | 阿里巴巴集团控股有限公司 | Object display method and equipment |
| JP2018057420A (en) * | 2016-09-30 | 2018-04-12 | 株式会社コロプラ | Game program, method and information processor |
| CN107977150A (en) * | 2017-10-31 | 2018-05-01 | 阿里巴巴集团控股有限公司 | A kind of view scrolling method, device and electronic equipment |
| CN109976609A (en) * | 2019-03-18 | 2019-07-05 | 努比亚技术有限公司 | Slide response method, wearable device and computer readable storage medium |
| CN110099162A (en) * | 2019-03-18 | 2019-08-06 | 努比亚技术有限公司 | A kind of page display processing method and wearable device |
Non-Patent Citations (3)
| Title |
|---|
| QIFENGDEQINGCHEN: "Android 仿淘宝、京东商品详情页向上拖动查看图文详情控件DEMO详解", 《HTTPS://WWW.JB51.NET/ARTICLE/91858.HTM》 * |
| XING.ORG1^: "小程序 - swiper除了左右切换还有上下滚动超出屏幕的内容", 《HTTPS://CLOUD.TENCENT.COM/DEVELOPER/ARTICLE/1127949》 * |
| 飘客: "织梦DedeCMS5.7图集点击图片进入下一篇的修改方法", 《HTTP://BLOG.SINA.COM.CN/S/BLOG_68381B5B0102Z076.HTML》 * |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113268622A (en) * | 2021-04-21 | 2021-08-17 | 北京达佳互联信息技术有限公司 | Picture browsing method and device, electronic equipment and storage medium |
| CN113238828A (en) * | 2021-05-25 | 2021-08-10 | 北京达佳互联信息技术有限公司 | Content display method, device, equipment and storage medium |
| CN113407144A (en) * | 2021-07-15 | 2021-09-17 | 维沃移动通信（杭州）有限公司 | Display control method and device |
| CN114546545A (en) * | 2021-11-09 | 2022-05-27 | 北京达佳互联信息技术有限公司 | Image-text display method, device, terminal and storage medium |
| CN114546545B (en) * | 2021-11-09 | 2023-11-21 | 北京达佳互联信息技术有限公司 | Image-text display method, device, terminal and storage medium |
| WO2023155752A1 (en) * | 2022-02-21 | 2023-08-24 | 北京字节跳动网络技术有限公司 | Page content display method and device |
| CN116360666A (en) * | 2023-05-31 | 2023-06-30 | Tcl通讯科技（成都）有限公司 | Page sliding method and device, electronic equipment and computer storage medium |
| CN116360666B (en) * | 2023-05-31 | 2023-09-19 | Tcl通讯科技（成都）有限公司 | Page sliding method and device, electronic equipment and computer storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111782097A (en) | Image resource switching method and device | |
| CN108924626B (en) | Picture generation method, device, equipment and storage medium | |
| WO2022156368A1 (en) | Recommended information display method and apparatus | |
| US11175968B2 (en) | Embedding an interface of one application into an interface of another application | |
| US11586345B2 (en) | Method and apparatus for interaction control of display page | |
| WO2022252528A1 (en) | Information presentation method and apparatus | |
| CN109753326B (en) | Processing method, device, equipment and machine readable medium | |
| US20200073903A1 (en) | Method and device of tagging links included in a screenshot of webpage | |
| KR102488975B1 (en) | Content viewing device and Method for displaying content viewing options thereon | |
| CN108549567B (en) | Animation display method, device, terminal, server and storage medium | |
| WO2021233409A1 (en) | Page display method and apparatus, and electronic device | |
| CN112016023B (en) | Service processing method, device, terminal and storage medium | |
| CN111432264A (en) | Content display method, device and equipment based on media information stream and storage medium | |
| US11115261B2 (en) | System and method of sharing content by using plurality of storages | |
| EP3851957A1 (en) | Mini-program switching method and apparatus, framework, device and readable medium | |
| CN114756778A (en) | Method, device, equipment and storage medium for page interaction | |
| CN108391152A (en) | Display control method and display control unit | |
| CN112543365A (en) | Method, device and equipment for playing media information and computer readable storage medium | |
| CN111414507A (en) | Information display method, equipment, device and computer readable storage medium | |
| JP2017123138A (en) | System, method, and program for delivering digital content | |
| WO2022052860A1 (en) | Method and device for displaying multimedia resource | |
| JP5942056B1 (en) | System, method, and program for distributing digital content | |
| KR20210097360A (en) | A method for controlling video playback application recommending search keywords and an apparatus therefor | |
| CN112528177A (en) | Method for connecting waiting page switching content pages, electronic equipment and storage medium | |
| US10313978B2 (en) | Electronic apparatus and control method thereof |
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 |