Screenshot method and device, electronic equipment and computer readable storage medium

Abstract

The invention provides a screenshot method and device, electronic equipment and a computer readable storage medium, a graphical user interface is provided through terminal equipment, and the graphical user interface comprises a scroll list of currently displayed first content; the method comprises the following steps: in response to a screenshot instruction for a graphical user interface, performing screenshot on the graphical user interface to obtain a first target screenshot, and generating a thumbnail screenshot comprising thumbnail first content corresponding to first content; acquiring first position data of the first content in the graphical user interface; in response to a trigger operation performed in the thumbnail screenshot, detecting whether the trigger operation is located in the thumbnail first content based on the first position data, if so, controlling the scrolling list to slide, and performing screenshot on a target image displayed in the scrolling list in the sliding process to generate a target screenshot; and splicing the first thumbnail content and the target screenshot to generate a long screenshot. According to the method and the device, the corresponding operation cost for performing long screenshot on the content in the scroll list can be reduced.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a screenshot method, device, electronic device, and computer-readable storage medium. Background Art

[0002] In today's digital age, screenshots have become a common way for users to share information. For example, in virtual games, users share game leaderboards via screenshots. Currently, in business applications, large amounts of information are often presented as scrolling lists, such as the aforementioned game leaderboards, user reviews in social apps, or product details in online shopping apps.

[0003] Sharing the content in a scrolling list currently relies primarily on manual operation by players. Specifically, first, a screenshot of the current portion of the scrolling list displayed in the scrolling window is taken and saved; then, the scrolling list is manually slid to reveal the remaining contents in the scrolling window one by one, and a screenshot of each content displayed in the scrolling window is taken and saved; finally, multiple saved screenshots are stitched together using image editing software to obtain a screenshot of the entire scrolling list, allowing the content in the scrolling list to be shared.

[0004] The above screenshot operation for the content in the scrolling list is relatively cumbersome and increases the user's operation cost. Therefore, an efficient and user-friendly screenshot solution for the scrolling list is urgently needed to reduce the operation cost corresponding to the screenshot and improve social interactivity and user experience. Summary of the Invention

[0005] This application provides a screenshot method, device, electronic device, and computer-readable storage medium that can reduce the cost of taking screenshots of content in a scrolling list, thereby improving the user experience. The specific solution is as follows:

[0006] In a first aspect, an embodiment of the present application provides a screenshot method, wherein a terminal device provides a graphical user interface, wherein the graphical user interface includes at least a scrolling list, wherein the scrolling list currently displays first content, wherein the first content is m pieces of information in the scrolling list, and the scrolling list includes n pieces of information, where m<n; the method includes:

[0007] In response to a screenshot instruction for the graphical user interface, taking a screenshot of the graphical user interface to obtain a first target screenshot, and generating a thumbnail screenshot for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content;

[0008] Acquire first position data of the first content relative to the graphical user interface;

[0009] In response to a trigger operation performed in the thumbnail screenshot, detecting whether an operation position of the trigger operation is located within the thumbnail first content according to the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot;

[0010] In response to the trigger operation being located within the thumbnail first content, controlling the scroll list to slide according to the trigger operation, and taking a screenshot of a target image displayed in the scroll list during the sliding process to generate a target screenshot;

[0011] According to the generation time of the target screenshot, the thumbnail first content and the target screenshot are spliced ​​to generate a long screenshot corresponding to the scrolling list.

[0012] In a second aspect, an embodiment of the present application provides a screenshot device, which provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least a scrolling list, wherein the scrolling list currently displays first content, wherein the first content is m pieces of information in the scrolling list, and the scrolling list includes n pieces of information, where m < n; the device includes a first screenshot unit, an acquisition unit, a detection unit, a second screenshot unit, and a splicing unit;

[0013] The first screenshot unit is configured to, in response to a screenshot instruction for the graphical user interface, take a screenshot of the graphical user interface to obtain a first target screenshot, and generate a thumbnail screenshot for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content;

[0014] The acquiring unit is configured to acquire first position data of the first content relative to the graphical user interface;

[0015] The detection unit is configured to, in response to a trigger operation performed in the thumbnail screenshot, detect whether an operation position of the trigger operation is located within the thumbnail first content based on the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot;

[0016] The second screenshot unit is configured to, in response to the trigger operation being located within the thumbnail first content, control the scroll list to slide according to the trigger operation, and take a screenshot of a target image displayed in the scroll list during the sliding process to generate a target screenshot;

[0017] The splicing unit is configured to splice the thumbnail first content and the target screenshot according to a generation time of the target screenshot to generate a long screenshot corresponding to the scrolling list.

[0018] In a third aspect, the present application further provides an electronic device, comprising:

[0019] processor; and

[0020] The memory is used to store a data processing program. After the electronic device is powered on and the program is run by the processor, the method described in the first aspect is executed.

[0021] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium storing a data processing program, which is run by a processor to execute the method described in the first aspect.

[0022] Compared with the prior art, this application has the following advantages:

[0023] The screenshot method provided by the embodiment of the present application provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least a scrolling list, the scrolling list currently displays a first content, the first content is m pieces of information in the scrolling list, and the scrolling list includes n pieces of information, wherein m<n; first, in response to a screenshot instruction for the graphical user interface, the graphical user interface is screenshoted to obtain a first target screenshot, and a thumbnail screenshot for feedback of the first target screenshot is generated, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content; second, the first position of the first content relative to the graphical user interface is obtained setting data; thereafter, in response to a trigger operation performed in the thumbnail screenshot, according to the first position data and the scaling ratio between the graphical user interface and the thumbnail screenshot, it is detected whether the operation position of the trigger operation is located within the thumbnail first content; thereafter, in response to the trigger operation being located within the thumbnail first content, the scrolling list is controlled to slide according to the trigger operation, and a screenshot of the target image displayed in the scrolling list during the sliding process is taken to generate a target screenshot; finally, according to the generation time of the target screenshot, the thumbnail first content and the target screenshot are spliced ​​to generate a long screenshot corresponding to the scrolling list.

[0024] It can be seen that the trigger operation performed by the user in the thumbnail first content in the thumbnail screenshot can be mapped to the scrolling list, thereby controlling the scrolling list to slide. In this way, the image displayed during the sliding of the scrolling list can be screenshotted to obtain the target screenshot, which is then spliced ​​with the thumbnail first content in the initially obtained thumbnail screenshot to obtain a long screenshot corresponding to the scrolling list. The screenshot method provided in the embodiment of the present application does not require frequent sliding operations on the scrolling list displayed on the interface and multiple screenshot operations. Through the screenshot method provided in the embodiment of the present application, the user only needs to perform a trigger operation in the thumbnail screenshot to quickly and efficiently obtain the long screenshot corresponding to the scrolling list, thereby reducing the operating cost and operating burden of the user when taking a long screenshot of the content in the scrolling list, thereby improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0025] Figure 1 This is a schematic diagram of an interface for scrolling a list when the screenshot method provided by an embodiment of the present application is applied to a virtual game;

[0026] Figure 2 This is a schematic diagram of an interface of a scrolling list when the screenshot method provided by an embodiment of the present application is applied to a social application;

[0027] Figure 3 This is a flowchart of the screenshot method provided in an embodiment of the present application;

[0028] Figure 4 This is an example of an operation interface diagram for taking a long screenshot of the contents in a scrolling list in the prior art;

[0029] Figure 5 This is an example of an operation interface diagram for taking a long screenshot of the contents in a scrolling list in the screenshot method provided in an embodiment of the present application;

[0030] Figure 6 This is an interface diagram showing changes in the thumbnail screenshot in the screenshot method provided in the embodiment of the present application;

[0031] Figure 7 This is a structural block diagram of an example of a screenshot device provided in an embodiment of the present application;

[0032] Figure 8 This is a structural block diagram of an example of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0033] The following description sets forth many specific details to facilitate a thorough understanding of the present application. However, the present application can be implemented in many other ways than those described herein, and those skilled in the art can make similar generalizations without violating the scope of the present application. Therefore, the present application is not limited to the specific implementations disclosed below.

[0034] It should be noted that the terms "first", "second", "third", etc. in the claims, description and drawings of the present application are used to distinguish similar objects and are not used to describe a specific order or sequence. The data used in this way are interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in a sequence other than that illustrated or described herein. In addition, the terms "including", "having" and their variations are intended to cover non-exclusive inclusions. For example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0035] It should be understood that in the embodiments of the present application, "at least one" refers to one or more, and "more than one" refers to two or more. "And / or" is merely a description of the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the previous and subsequent associated objects are in an "or" relationship. "Including A, B and / or C" means including any one, any two, or any three of A, B, and C.

[0036] It should be understood that in the embodiments of the present application, "B corresponding to A," "B corresponding to A," "A corresponds to B," or "B corresponds to A" means that B is associated with A and B can be determined based on A. Determining B based on A does not mean determining B based solely on A; B can also be determined based on A and / or other information.

[0037] It should be noted that the instructions or operations that appear in the subsequent detailed introduction of the screenshot method provided in the embodiment of the present application can all be regarded as instructions or operations triggered by the player through fingers or controlling the mouse, keyboard, or stylus or voice. The specific triggering operation can be determined according to the type of electronic device. For example, when the electronic device is a touch screen device such as a mobile phone or a tablet computer, the player can trigger instructions or operations on the touch screen through any suitable object or accessory such as a finger or stylus, or through voice. When the terminal device is a non-touch screen terminal device such as a desktop computer or a laptop computer, the player can trigger instructions or operations through external devices such as a mouse and keyboard.

[0038] Based on the reasons mentioned in the background technology, in order to reduce the corresponding operating costs when taking screenshots of the content in the scrolling list, thereby improving the user experience, the first embodiment of the present application provides a screenshot method, which is applied to an electronic device. The electronic device can be a desktop computer, a laptop computer, a mobile phone, a tablet computer, a server, a terminal device, etc., or other electronic devices that can take screenshots, which is not specifically limited in the embodiments of the present application.

[0039] It should be noted that in the embodiment of the present application, the execution entity of the screenshot method can be a terminal device or a server, and the embodiment of the present application does not limit the type of the execution entity.

[0040] The technical solution of the present application is described in detail below through specific embodiments. It should be noted that the following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

[0041] The screenshot method provided in the present application provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least a scrolling list, wherein the scrolling list currently displays a first content, wherein the first content is m pieces of information in the scrolling list, and the scrolling list includes n pieces of information, where m<n.

[0042] The application scenarios of the screenshot method provided in the embodiments of the present application can be virtual games, social application software, or online shopping software. For example, screenshots can be taken of game rankings presented in the form of a scrolling list in a virtual game, screenshots can be taken of user comments presented in the form of a scrolling list in a social application, screenshots can be taken of product details presented in the form of a scrolling list in an online shopping software, etc. It should be understood that the application scenarios of the embodiments of the present application are not limited to these, and the screenshot method provided in the embodiments of the present application can be applied to any content presented in the form of a scrolling list.

[0043] In the above application scenario, the first content currently displayed in the scrolling list displayed in the graphical user interface can be part of the ranking in the game rankings, part of the user review information corresponding to the user-generated content, or part of the detailed information corresponding to the product.

[0044] It should be noted that, in the embodiments of the present application, the scrolling list may occupy a portion of the graphical user interface, or may cover the entire graphical user interface. In the case where the scrolling list occupies a portion of the graphical user interface, the graphical user interface may display other elements in addition to the scrolling list. The other elements may be UI (User Interface) elements. When the screenshot method provided in the embodiments of the present application is applied to a virtual game, the other elements may be elements in the game scene, such as virtual plants, virtual houses, virtual characters, etc.

[0045] The following combination Figure 1 and Figure 2 Introducing the aforementioned scrolling list.

[0046] like Figure 1 The figure shows an interface diagram of a scroll list when the screenshot method provided by the embodiment of the present application is applied to a virtual game. The graphical user interface 11 includes a scroll list 111. The scroll list 111 is a list corresponding to the game settlement results. Assuming that the game settlement results include the situation from the 1st to the 1000th place, the first content in the scroll list is the ranking of the 1st to the 10th place. Figure 1In the example, m is 10 and n is 1000. The scrolling list 111 also includes a control 112 for viewing other content in the scrolling list. The graphical user interface also includes a character model 12. It should be noted that the character model may be a character model corresponding to a virtual character controlled by the game account currently logged into the terminal device. The character model includes, but is not limited to, at least one of a virtual person, a virtual animal, and a virtual machine.

[0047] like Figure 2 The figure shows an interface diagram of a scroll list when the screenshot method provided by an embodiment of the present application is applied to a social application. The graphical user interface 21 displays user-generated content 211 and a scroll list 212 containing user comment information for the user-generated content 211. The first content currently displayed in the scroll list 212 is the user comment information corresponding to users 1 to 4. Figure 2 In the example, n is 5836 and m is 4. It is understood that user-generated content may include but is not limited to text, pictures, audio, video, etc.

[0048] To more clearly describe the screenshot method provided in the embodiments of the present application, the screenshot method is applied to a virtual game as an example. It should be noted that the types of virtual games may include, but are not limited to, at least one of the following: two-dimensional (2D) game applications, three-dimensional (3D) game applications, virtual reality (VR) game applications, augmented reality (AR) game applications, and mixed reality (MR) game applications.

[0049] The following, combined Figures 3 to 6 The screenshot method provided in the embodiment of the present application is introduced.

[0050] like Figure 3 As shown, the screenshot method provided by this application includes the following steps S101 to S105.

[0051] Step S101: In response to a screenshot instruction for the graphical user interface, a screenshot is taken of the graphical user interface to obtain a first target screenshot, and a thumbnail screenshot is generated for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content.

[0052] It should be noted that the first content is the content currently displayed in the scrolling list, which is a portion of the content in the scrolling list. When the user slides the scrolling list, the content displayed in the scrolling list will change. For example, the scrolling list currently displays the information of the 1st to 10th place in the game settlement results. After the player slides the scrolling list, the content displayed in the scrolling list changes to the information of the 11th to 20th place.

[0053] In an embodiment of the present application, the above-mentioned screenshot instruction for the graphical user interface can be generated through a screenshot operation, or through a sharing operation, or a screenshot instruction for the scrolling list can be automatically generated when it is detected that the scrolling list is opened in the graphical user interface. This application does not specifically limit this.

[0054] In a specific embodiment, the above-mentioned screenshot and sharing operations include, but are not limited to, at least one of the following: a shortcut key operation, a voice command operation, an air gesture recognition operation, a touch operation on a touch-sensitive screen, or a touch operation on a control. The touch operation can be a click operation, a slide operation, a press operation, or a drag operation. This embodiment does not specifically limit the specific method of the area selection operation.

[0055] For example, the screenshot operation can be achieved by single-clicking the screen, double-clicking the screen, or by combining the power button and the volume button.

[0056] In an optional embodiment, a sharing control for sharing the content in the scrolling list is provided in the graphical user interface, and the screenshot instruction can be generated in the following manner: in response to an operation acting on the sharing control, the screenshot instruction for the graphical user interface is generated.

[0057] The above-mentioned operation acting on the sharing control is one of the aforementioned sharing operations, and the operation acting on the sharing control is one of a click operation, a slide operation, a press operation or a drag operation.

[0058] In an embodiment of the present application, in response to a screenshot instruction for the graphical user interface, a screenshot of the graphical user interface can be taken to obtain a first target screenshot. Thereafter, the first target screenshot can be scaled according to a preset scaling ratio between the graphical user interface and the thumbnail screenshot to be generated, and a thumbnail screenshot for feedback of the first target screenshot is generated and displayed.

[0059] The thumbnail screenshot is a reduced-size version of the first target screenshot, primarily used for quick preview and convenient identification. The thumbnail screenshot includes a thumbnail of the first content corresponding to the first content. Without loading the full-size content, the thumbnail screenshot enables the user to quickly browse and understand the approximate content of the first target screenshot. The thumbnail screenshot retains the main visual information of the original content. In an embodiment of the present application, when taking a long screenshot of a scrolling list with a lot of content, providing a thumbnail screenshot in the graphical user interface can effectively save storage space and network bandwidth while ensuring that the user can accurately control the screenshot content.

[0060] For example, if the zoom ratio is 5:1, the length and width of the first target screenshot can be reduced by 5 times respectively to obtain a thumbnail screenshot of the corresponding size, and the thumbnail screenshot can be displayed in the graphical user interface. The thumbnail screenshot can be displayed in the lower left corner, upper left corner, lower right corner or upper right corner.

[0061] In the embodiment of the present application, the area occupied by the scrolling list in the graphical user interface is referred to as the first area, and the area occupied by the thumbnail screenshots in the graphical user interface is referred to as the second area.

[0062] Optionally, the first area and the second area do not overlap, that is, the scrolling list and the thumbnail screenshots do not overlap each other. In this case, the scrolling list and the thumbnail screenshots may be located at the same level.

[0063] Optionally, the first area and the second area overlap, that is, the scrolling list and the thumbnail screenshot overlap each other. In this case, the level of the thumbnail screenshot is higher than the level of the scrolling list. That is, the content of the thumbnail screenshot is the most visible, and in the overlapping area, the thumbnail screenshot will block the corresponding content in the scrolling list. On the one hand, the thumbnail screenshot can accept user input such as keyboard tapping, mouse clicks, and finger touches, and interact directly with the user; on the other hand, the content of the thumbnail screenshot is the most visible to the user. It can be seen that when the thumbnail screenshot is displayed in the graphical user interface, the thumbnail screenshot enjoys the highest visual priority and user interactivity.

[0064] In digital image processing and user interface design, "hierarchy" generally refers to the position of an image or interface element in the stacking order. In web design or user interface (UI) design, the hierarchy of elements also determines their stacking order and visibility. For example, a button or text on the top layer will obscure the image or background on the bottom layer, causing users to notice the top-layer elements first. Elements higher in the hierarchy will be visually positioned in front, obscuring elements lower in the hierarchy and thus appearing more directly to the viewer.

[0065] Step S102: Acquire first position data of the first content relative to the graphical user interface.

[0066] In an embodiment of the present application, the first position data of the first content relative to the graphical user interface can be obtained from the game interface Prefab (prefab), and the first position data represents the position of the first content in the graphical user interface.

[0067] Optionally, the first position data may include coordinates of the upper left corner vertex, the lower left corner vertex, the upper right corner vertex, and the lower right corner vertex of the first content in a coordinate system corresponding to the graphical user interface.

[0068] Optionally, the first position data may be the first coordinate of the first vertex of the first content in the coordinate system corresponding to the graphical user interface and the first size data of the first content, where the first vertex is any one of the upper left vertex, the lower left vertex, the upper right vertex and the lower right vertex.

[0069] Step S103: In response to a trigger operation performed in the thumbnail screenshot, detecting whether the operation position of the trigger operation is located within the thumbnail first content according to the first position data and the scaling ratio between the graphical user interface and the thumbnail screenshot.

[0070] The triggering operation performed in the thumbnail screenshot may include, but is not limited to, any of the following: an air gesture recognition operation, a touch operation on a touch-sensitive screen. The touch operation may be a click operation, a slide operation, a press operation, or a drag operation. This embodiment does not limit the specific method of the triggering operation.

[0071] In the embodiment of the present application, a user can perform a trigger operation in the thumbnail screenshot to achieve a long screenshot for the scrolling list. After performing the trigger operation, the operation position data corresponding to the trigger operation can be obtained, and based on the first position data obtained in step S102 and the operation position data, it is detected whether the operation position of the trigger operation is located within the thumbnail first content.

[0072] Step S104: In response to the trigger operation being located within the thumbnail first content, the scroll list is controlled to slide according to the trigger operation, and a screenshot is taken of a target image displayed in the scroll list during the sliding process to generate a target screenshot.

[0073] When it is detected that the trigger operation is located within the thumbnail first content, the scroll list may be controlled to slide according to the trigger operation.

[0074] Optionally, the trigger operation is a sliding operation. During the sliding operation, the scroll list can be controlled to slide in the direction of the sliding operation at a preset sliding speed.

[0075] Optionally, the trigger operation is a sliding operation. During the sliding operation, the scroll list can be controlled to slide in the direction of the sliding operation at a speed of the sliding operation.

[0076] Optionally, the trigger operation is a sliding operation. During the sliding operation, the scroll list can be controlled to slide in the direction of the sliding operation at a target speed greater than the speed of the sliding operation.

[0077] Optionally, the trigger operation is a pressing operation, and the target speed can be determined based on the pressing duration or pressing area of ​​the pressing operation. The target speed can be proportional to the pressing duration and the pressing area respectively. During the pressing operation, the scrolling list is controlled to slide in the preset direction at the target speed.

[0078] Furthermore, a screenshot is taken of the target image displayed in the scroll list during the sliding process to generate a target screenshot.

[0079] Optionally, the target image is each frame of image displayed in the scrolling list during the sliding process, and the target screenshot is each frame screenshot corresponding to each frame of image displayed. For example, if 50 frames of image are generated during the sliding process, these 50 frames of image are used as the target image, and screenshots are taken of each of them to generate 50 frames of screenshots.

[0080] Optionally, the target image includes: an image obtained by removing images with completely repeated list contents from each frame of image displayed in the scrolling list during the sliding process. In actual applications, when taking screenshots of each frame of image during the sliding process, two completely repeated screenshots will usually appear in each frame of screenshots obtained. The reason is: first, if the sliding speed of the scrolling list or the update speed of the image displayed by the scrolling list is lower than the frame rate, then at certain moments, the two consecutive frames of image will be exactly the same; second, if the screenshot occurs at the moment between the updates of two frames, then the consecutive screenshots will capture the same picture, resulting in repeated screenshots. In this way, the target image is obtained by removing images with completely repeated list contents from each frame of image displayed. On the one hand, it can significantly reduce storage requirements, and on the other hand, it helps to generate smoother long screenshots without redundant content.

[0081] For example, 50 frames of images are generated during the sliding process, among which every two adjacent frames are exactly the same images. Then, an image can be selected from the 50 frames every other frame, and frames 1, 3, 5...49 are selected as target images, and screenshots are taken respectively to generate 25 frames of screenshots.

[0082] Step S105: splicing the thumbnail first content and the target screenshot according to the generation time of the target screenshot to generate a long screenshot corresponding to the scrolling list.

[0083] In a specific implementation, if the target screenshot is the content located after the thumbnail first content in the scrolling list, the top of the target screenshot can be sequentially spliced ​​to the bottom of the thumbnail first content according to the generation time of the target screenshot, thereby generating a long screenshot corresponding to the scrolling list;

[0084] If the target screenshot is the content that is located before the thumbnail first content in the scrolling list, the bottom of the target screenshot can be spliced ​​to the top of the thumbnail first content in sequence according to the generation time of the target screenshot, so as to generate a long screenshot corresponding to the scrolling list;

[0085] If the target screenshot is the content located to the left of the thumbnail first content in the scrolling list, the right side of the target screenshot may be spliced ​​to the left side of the thumbnail first content in sequence according to the generation time of the target screenshot, thereby generating a long screenshot corresponding to the scrolling list;

[0086] If the target screenshot is the content located to the right of the thumbnail first content in the scrolling list, the left side of the target screenshot can be spliced ​​to the left side of the thumbnail first content in sequence according to the generation time of the target screenshot, so as to generate a long screenshot corresponding to the scrolling list.

[0087] Optionally, during the duration of the trigger operation, other contents in the scrolling list may be gradually superimposed above, below, to the left or to the right of the original thumbnail first content in the thumbnail screenshot, and a gradually lengthened or widened picture of the thumbnail first content in the thumbnail screenshot may be displayed.

[0088] Optionally, when the trigger operation ends, other contents in the scrolling list may be superimposed above, below, left or right of the original thumbnail first content in the thumbnail screenshot, and a one-time lengthened or widened picture of the thumbnail first content in the thumbnail screenshot may be displayed.

[0089] It should be noted that the long screenshot generated in this step is a screenshot whose size is consistent with that of the thumbnail screenshot.

[0090] Furthermore, in the embodiment of the present application, the first target screenshot and the target screenshot may be spliced ​​according to the generation time of the target screenshot to generate a screenshot having a size consistent with the size of the graphical user interface.

[0091] The screenshot method provided by the embodiment of the present application provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least a scrolling list, the scrolling list currently displays a first content, the first content is m pieces of information in the scrolling list, and the scrolling list includes n pieces of information, wherein m<n; first, in response to a screenshot instruction for the graphical user interface, the graphical user interface is screenshoted to obtain a first target screenshot, and a thumbnail screenshot for feedback of the first target screenshot is generated, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content; second, the first position of the first content relative to the graphical user interface is obtained setting data; thereafter, in response to a trigger operation performed in the thumbnail screenshot, according to the first position data and the scaling ratio between the graphical user interface and the thumbnail screenshot, it is detected whether the operation position of the trigger operation is located within the thumbnail first content; thereafter, in response to the trigger operation being located within the thumbnail first content, the scrolling list is controlled to slide according to the trigger operation, and a screenshot of the target image displayed in the scrolling list during the sliding process is taken to generate a target screenshot; finally, according to the generation time of the target screenshot, the thumbnail first content and the target screenshot are spliced ​​to generate a long screenshot corresponding to the scrolling list.

[0092] It can be seen that the trigger operation performed by the user in the thumbnail first content in the thumbnail screenshot can be mapped to the scrolling list, thereby controlling the scrolling list to slide. In this way, the image displayed during the sliding of the scrolling list can be screenshotted to obtain the target screenshot, which is then spliced ​​with the thumbnail first content in the initially obtained thumbnail screenshot to obtain a long screenshot corresponding to the scrolling list. The screenshot method provided in the embodiment of the present application does not require frequent sliding operations on the scrolling list displayed on the interface and multiple screenshot operations. Through the screenshot method provided in the embodiment of the present application, the user only needs to perform a trigger operation in the thumbnail screenshot to quickly and efficiently obtain the long screenshot corresponding to the scrolling list, thereby reducing the operating cost and burden of the user when taking screenshots of the content in the scrolling list, and improving the user experience.

[0093] In an optional implementation, the screenshot function can be implemented through a renderer in the embodiment of the present application.

[0094] The “taking a screenshot of the graphical user interface to obtain a first target screenshot” in the above step S101 can be implemented by following the steps below:

[0095] Calling a renderer for supporting the display of each frame of image in the graphical user interface;

[0096] A target image displayed by the graphical user interface at a target time is acquired through the renderer, and the target image is determined as a first target screenshot, wherein the target time is a time corresponding to the screenshot instruction.

[0097] The renderer is the core component of a 3D engine and an advanced global illumination rendering plug-in. It's used to render 3D objects onto the graphical user interface (GUI). In gaming applications, for each frame update, the renderer calculates each frame's image based on information such as the current scene state, camera position, and light sources. Upon receiving a screenshot command, the renderer can save the current GUI display to a screenshot file. In other words, screenshotting is the process of saving the renderer's output at a specific moment as a static image.

[0098] Optionally, step S103 may be implemented in any of the following ways:

[0099] Method 1: determining second position data of the thumbnail first content relative to the thumbnail screenshot according to the first position data and the zoom ratio;

[0100] According to the second position data, it is detected whether the operation position of the trigger operation is located within the abbreviated first content.

[0101] Method 2: determining third position data of the abbreviated first content relative to the graphical user interface based on the first position data and the zoom ratio;

[0102] According to the third position data, it is detected whether the operation position of the trigger operation is located within the abbreviated first content.

[0103] It should be noted that, since the first position data represents the position of the first content in the graphical user interface, the scaling ratio between the first content and the thumbnail first content is the same as the scaling ratio between the graphical user interface and the thumbnail screenshot, and the thumbnail screenshot is displayed at a specified position in the graphical user interface, then, based on the first position data and the scaling ratio, the second position data of the thumbnail first content relative to the thumbnail screenshot can be determined, or the third position data of the thumbnail first content relative to the graphical user interface can be determined. In this way, based on the second position data or the third position data, it is possible to detect whether the operation position of the trigger operation is located within the thumbnail first content.

[0104] It should be noted that the coordinates in the first position data are the coordinates of the corresponding vertex in the coordinate system corresponding to the graphical user interface, the coordinates in the second position data are the coordinates of the corresponding vertex in the coordinate system corresponding to the thumbnail screenshot, and the coordinates in the third position data are the coordinates of the corresponding vertex in the coordinate system corresponding to the graphical user interface.

[0105] Optionally, the above method 1 may specifically include the following steps:

[0106] Determining, based on the first coordinates and the scaling ratio, second coordinates of a second vertex corresponding to the first vertex in the thumbnail first content in a coordinate system corresponding to the thumbnail screenshot;

[0107] determining second size data of the abbreviated first content based on the first size data and the scaling ratio;

[0108] The second coordinates and the second size data are determined as second position data of the thumbnail first content relative to the thumbnail screenshot.

[0109] The second vertex is the vertex corresponding to the first vertex in the abbreviated first content. For example, if the first vertex is the upper left corner vertex of the first content, then the second vertex is the upper left corner vertex of the abbreviated first content; if the first vertex is the lower left corner vertex of the first content, then the second vertex is the lower left corner vertex of the abbreviated first content; if the first vertex is the upper right corner vertex of the first content, then the second vertex is the upper right corner vertex of the abbreviated first content; if the first vertex is the lower right corner vertex of the first content, then the second vertex is the lower right corner vertex of the abbreviated first content.

[0110] Specifically, the value obtained by dividing the first coordinate by the zoom ratio corresponding to the zoom ratio can be determined as the second coordinate of the second vertex in the coordinate system corresponding to the zoomed screenshot; the value obtained by dividing the first size data by the zoom ratio can be determined as the second size data of the abbreviated first content, thereby obtaining the second position data composed of the second coordinate and the second size data.

[0111] Optionally, the above-mentioned method 2 may specifically include the following steps:

[0112] Obtaining a third coordinate of a third vertex of the thumbnail screenshot in a coordinate system corresponding to the graphical user interface, and obtaining a fourth coordinate of a fourth vertex in the graphical user interface corresponding to the third vertex in the coordinate system corresponding to the graphical user interface, wherein the third vertex is one of an upper left vertex, a lower left vertex, an upper right vertex, and a lower right vertex;

[0113] Determine, based on the first coordinate, the third coordinate, the fourth coordinate, and the scaling ratio, a fifth coordinate of the second vertex of the shortened first content in a coordinate system corresponding to the graphical user interface;

[0114] determining second size data of the abbreviated first content based on the first size data and the scaling ratio;

[0115] The fifth coordinate and the second size data are determined as third position data of the abbreviated first content relative to the graphical user interface.

[0116] The position of the third vertex in the thumbnail screenshot corresponds to the position of the fourth vertex in the graphical user interface. For example, if the third vertex is the upper left corner vertex of the thumbnail screenshot, then the fourth vertex is the upper left corner vertex of the graphical user interface; if the third vertex is the lower left corner vertex of the thumbnail screenshot, then the fourth vertex is the lower left corner vertex of the graphical user interface; if the third vertex is the upper right corner vertex of the thumbnail screenshot, then the fourth vertex is the upper right corner vertex of the graphical user interface; if the third vertex is the lower right corner vertex of the thumbnail screenshot, then the fourth vertex is the lower right corner vertex of the graphical user interface.

[0117] Specifically, the difference between the first coordinate and the fourth coordinate can be calculated, and the ratio of the difference to the scaling ratio corresponding to the scaling factor can be calculated. The sum of the ratio and the third coordinate can be determined as the fifth coordinate of the second vertex in the coordinate system corresponding to the graphical user interface. The value obtained by dividing the first size data by the scaling ratio can be determined as the second size data of the abbreviated first content, thereby obtaining the second position data composed of the fifth coordinate and the second size data. The following example describes in detail the determination of the second position data and the third position data.

[0118] Example 1: The first content includes a top-left vertex a, and the coordinates of the top-left vertex a in the coordinate system corresponding to the graphical user interface are a(x1, y1); the first size data of the first content has a length of w1 and a width of h1; the scaling ratio of the graphical user interface to the thumbnail screenshot is k:1; the coordinates of the top-left vertex e of the graphical user interface in the coordinate system corresponding to the graphical user interface are e(x5, y5); and the coordinates of the top-left vertex f of the thumbnail screenshot in the coordinate system corresponding to the graphical user interface are f(x6, y6);

[0119] The second position data of the thumbnail first content relative to the thumbnail screenshot includes: the upper left corner vertex (x1 / k, y1 / k), the length of the second size data is w1 / k, and the width is h1 / k;

[0120] The third position data of the abbreviated first content relative to the graphical user interface includes: the upper left corner vertex ((x1-x5) / k+x6, (y1-y5) / k+y6), and the second size data has a length of w1 / k and a width of h1 / k.

[0121] Example 2: The first content includes an upper-left vertex a, a lower-left vertex b, an upper-right vertex c, and a lower-right vertex d, the coordinates of each vertex in the coordinate system corresponding to the graphical user interface are a(x1, y1), b(x2, y2), c(x3, y3), and d(x4, y4), respectively. The scaling ratio of the graphical user interface to the thumbnail screenshot is k:1. The coordinates of the upper-left vertex e of the graphical user interface in the coordinate system corresponding to the graphical user interface are e(x5, y5), and the coordinates of the upper-left vertex f of the thumbnail screenshot in the coordinate system corresponding to the graphical user interface are f(x6, y6).

[0122] The second position data of the thumbnail first content relative to the thumbnail screenshot includes: the upper left corner vertex (x1 / k, y1 / k), the lower left corner vertex (x2 / k, y2 / k), the upper right corner vertex (x3 / k, y3 / k), and the lower right corner vertex (x4 / k, y4 / k);

[0123] The third position data of the abbreviated first content relative to the graphical user interface includes: the upper left corner vertex ((x1-x5) / k+x6, (y1-y5) / k+y6), the lower left corner vertex ((x2-x5) / k+x6, (y2-y 5) / k+y6), the upper right corner vertex ((x3-x5) / k+x6, (y3-y 5) / k+y6), and the lower right corner vertex ((x4-x5) / k+x6, (y4-y5) / k+y6).

[0124] In this way, the position data (second position data or third position data) of the thumbnail first content can be determined. Since the position data of the thumbnail first content is used to represent the position of the thumbnail first content in the thumbnail screenshot or the position in the graphical user interface, it is possible to accurately determine whether the operation position of the trigger operation is located within the thumbnail first content.

[0125] In the case where the above-mentioned screenshot instruction is a screenshot instruction generated by a sharing operation, after the screenshot is completed and the corresponding long screenshot is obtained, the sharing page can be automatically expanded in the graphical user interface. The sharing page can be a friend chat page corresponding to the business application of the current screenshot, or a friend chat page corresponding to a third-party application. After selecting the friend to be shared, the above-mentioned long screenshot is automatically sent to the friend, thereby conveniently completing the sharing of the scrolling list.

[0126] For example, when a long screenshot is taken of a game ranking list presented in the form of a scrolling list in a virtual game, the friend chat page in the virtual game can be automatically expanded in the graphical user interface, and the friend chat page of the instant messaging software can be automatically expanded in the graphical user interface. After the player selects the friend to be shared, the above-mentioned long screenshot can be automatically sent to the friend to be shared, or the above-mentioned long screenshot can be automatically pasted in the chat waiting to be sent column with the friend to be shared. After the player clicks send, the above-mentioned long screenshot is sent to the friend to be shared.

[0127] In the embodiment of the present application, by performing a trigger operation in the thumbnail screenshot, a long screenshot of the content in the scrolling list can be taken quickly and efficiently, reducing the operating cost and operating burden of the user when taking a screenshot of the content in the scrolling list.

[0128] The following Figure 4 、 Figure 5 as well as Figure 6 The prior art of taking a long screenshot of the contents in a scrolling list and the screenshot method provided in an embodiment of the present application are respectively introduced.

[0129] like Figure 4 As shown, it is an example of an operation interface diagram for taking a long screenshot of the contents in a scrolling list in the prior art, including interface (4-a) and interface (4-b).

[0130] As shown in interface (4-a), the current interface displays a match settlement page 31, in which the rankings 311 of the 1st to 10th place in the game rankings are displayed in the form of a scrolling list. The match settlement page 31 also provides a control 312 for viewing other content in the game rankings in addition to the rankings of the 1st to 10th place. The user can take a screenshot of the rankings 311 of the 1st to 10th place displayed in the current match settlement page 31 to obtain a screenshot image 32 corresponding to the rankings 311 of the 1st to 10th place.

[0131] Afterwards, as shown in interface (4-b), the user triggers the control 312 to change the ranking of 1st to 10th place displayed on the game settlement page 31 to the ranking 313 of 11th to 20th place. The user can take a screenshot of the ranking 313 of 11th to 20th place displayed on the current game settlement page 31 to obtain a screenshot image 33 corresponding to the ranking 313 of 11th to 20th place.

[0132] Similarly, the user can trigger control 312 again to change the ranking displayed on match settlement page 31, and then take a screenshot of the changed ranking to obtain a screenshot corresponding to the changed ranking. Finally, screenshot 32, screenshot 33, and the screenshot corresponding to the changed ranking are combined using image editing software to obtain a large screenshot.

[0133] It can be seen that the screenshot operation for the content in the scrolling list in the prior art is complicated and cumbersome, which increases the user's operation burden and operation cost. When the scrolling list is shared in the above manner, the user's desire to share is also reduced, thereby reducing the user experience.

[0134] It should be noted that the attached Figure 4 The information disclosed is only for enhancement of understanding of the background of the application and therefore may contain information that does not form the prior art that is already known to a person of ordinary skill in the art.

[0135] like Figure 5 As shown, it is an example of an operation interface diagram for taking a long screenshot of the contents in a scrolling list in the screenshot method provided in an embodiment of the present application, including interface (5-a) and interface (5-b).

[0136] As shown in interface (5-a), the graphical user interface 11 includes a scrolling list 111, which is a list corresponding to the game settlement results. The first content in the scrolling list is the ranking of the 1st to 10th place. The user can issue a screenshot instruction to the content currently displayed in the graphical user interface 11 to generate a first target screenshot, and generate and display a thumbnail screenshot 40 of the first target screenshot in interface (5-a). Afterwards, as shown in interface (5-b), the user can perform a sliding operation on the thumbnail screenshot 40. The sliding operation is the triggering operation performed on the thumbnail screenshot in step S103 above. The user's finger slides from bottom to top in the thumbnail screenshot 40, and the scrolling list can be controlled to slide upward accordingly. The scrolling list changes from the ranking of the 1st to 10th place in the display interface (5-a) to the ranking of the 7th to 16th place in the display interface (5-b), thereby achieving a long screenshot of the ranking of the 1st to 16th place in the scrolling list.

[0137] like Figure 6 As shown, it is an interface diagram of the screen change of the thumbnail screenshot in the screenshot method provided by the embodiment of the present application. When the user performs a trigger operation (such as attaching Figure 5The target image in the scroll list 111 during the sliding process can be spliced ​​with the thumbnail first content in the thumbnail screenshot 40, and the extended picture of the content in the scroll list captured can be displayed in the thumbnail screenshot 40.

[0138] It should be noted that the attached Figure 5 This is only an example of the screenshot method provided in the embodiment of the present application and does not constitute a limitation of the present application.

[0139] It should be noted that, at present, some types of terminal devices are equipped with a scrolling screenshot function, but the existing scrolling screenshot function is to take a scrolling screenshot of the entire graphical user interface. The scrolling list in the embodiment of the present application does not cover the entire screen of the graphical user interface, that is, the above-mentioned scrolling list occupies a partial area in the graphical user interface. Therefore, the existing scrolling screenshot function cannot realize a long screenshot of the scrolling list displayed in a partial area of ​​the graphical user interface.

[0140] In addition, when the screenshot method provided in the embodiment of the present application is applied in the scenario of sharing a scrolling list, the lower operation cost can increase the user's desire to share and further improve the user experience.

[0141] Optionally, the trigger operation is a sliding operation, and the “controlling the sliding of the scroll list according to the trigger operation” in step S104 may include the following steps S104-1 and S104-2:

[0142] Step S104-1: determining a sliding mode of the scroll list according to an operation attribute of the sliding operation;

[0143] Step S104-2: Controlling the scrolling list to slide in the sliding manner. In a specific implementation, when the user performs a sliding operation on the thumbnail first content, the sliding manner of the scrolling list can be determined based on the operational attributes of the sliding operation, thereby controlling the scrolling list to slide in the sliding manner. The operational attributes of the sliding operation may include, but are not limited to, the following: sliding duration, sliding distance, number of fingers used for sliding, and sliding direction.

[0144] In a specific implementation, step S104-1 may include the following steps:

[0145] Step S20: If the sliding operation is a single-finger sliding operation, determining a sliding mode for the scroll list according to the sliding direction and sliding distance of the single-finger sliding operation;

[0146] Step S21: If the sliding operation is a two-finger sliding operation, sliding the scroll list from the current position to the first or last piece of information in the scroll list is determined as the sliding mode of the scroll list.

[0147] Optionally, the above step S20 may specifically be: determining the sliding direction of the single-finger sliding operation as the target direction of the scroll list to be slid;

[0148] determining a target distance for sliding the scroll list based on the sliding distance of the single-finger sliding operation and the zoom ratio;

[0149] Sliding the scroll list toward the target direction by the target distance is determined as the sliding mode of the scroll list.

[0150] In an embodiment of the present application, the number of fingers used in the sliding operation can be detected. When the sliding operation is a single-finger sliding operation, the sliding direction of the single-finger sliding operation can be determined as the target direction of the scrolling list to be slid, and the product of the sliding distance of the single-finger sliding operation and the zoom ratio corresponding to the zoom ratio can be determined as the target distance of the scrolling list to be slid, thereby sliding the scrolling list toward the target direction by the target distance is determined as the sliding mode of the scrolling list.

[0151] For example, if the user slides upward 2 centimeters with one finger in the thumbnail first content, and the zoom ratio between the graphical user interface and the thumbnail screenshot is 5:1, it can be determined that the sliding mode of the scrolling list is to slide upward 10 centimeters.

[0152] When the sliding operation is a two-finger sliding operation, the scrolling list can be slid from the first content currently displayed to the first or last message in the scrolling list, thereby taking a long screenshot of the first content and all the content below, above, left or right of it.

[0153] In this way, users can flexibly choose which operation method to use to trigger the operation in the thumbnail screenshot based on actual needs, which improves the freedom of operation and the user-friendliness when taking long screenshots of the content in the scrolling list, and further improves the user experience.

[0154] Optionally, when the target image is each frame of image displayed in the scrolling list during the sliding process, and the target screenshot is each corresponding frame of screenshot, step S105 may be implemented by the following steps S30 and S31:

[0155] Step S30: deduplicating the screenshot frames according to the list contents corresponding to the screenshot frames and the list contents in the first target screenshot, to obtain deduplicated screenshot frames;

[0156] Step S31: splicing the thumbnail first content and the duplicate-free screenshots according to the generation time of each frame screenshot to generate a long screenshot corresponding to the scrolling list.

[0157] It should be noted that when the user slides, the interface of the scrolling list will be dynamically updated to display different content. Each frame of the image represents the status displayed on the graphical user interface at a certain point in time. There will often be a large number of similar lists between two consecutive frames of images. The above step S30 can be used to deduplicate the content of repeated screenshots in each frame of the screenshot.

[0158] Splicing the thumbnail first content with the deduplicated frame screenshots can, on the one hand, save a lot of bandwidth and storage space; on the other hand, the generated long screenshot does not contain the same list content, making the generated long screenshot more coherent and clear, and avoiding visual redundancy.

[0159] Optionally, step S30 may include the following steps:

[0160] For a first frame in each of the screenshot frames, comparing the list contents corresponding to the first frame and the first target screenshot, respectively, determining identical first target contents, and removing an image portion corresponding to the first target contents from the first frame to obtain a deduplicated first frame;

[0161] For the i-th frame in each of the frame screenshots, compare the list contents corresponding to the i-th frame and the i-1-th frame, determine the same second target content, and remove the image portion corresponding to the second target content from the i-th frame to obtain the i-th frame after deduplication, where i traverses 2 to j, and j is the number of frames corresponding to the sliding process;

[0162] The first frame after deduplication and the i-th frame after deduplication are determined as screenshots of frames after deduplication.

[0163] It should be noted that the first frame in each frame screenshot and the initial first target screenshot usually have the same list content, that is, the first target content. Therefore, for the first frame, the image part corresponding to the first target content can be removed therefrom to complete the deduplication of the first frame and obtain the deduplicated first frame.

[0164] The two adjacent frames in each frame screenshot usually have the same content, that is, the second target content. Therefore, for the 1st frame to the jth frame (j is the number of frames corresponding to the sliding process), the differences between each two adjacent frames can be compared to obtain the second target content, and the second target content can be removed from the next frame between each two adjacent frames, thereby completing the deduplication of the 2nd frame to the jth frame and obtaining the deduplicated 2nd frame to the jth frame.

[0165] For example, the thumbnail first content in the thumbnail screenshot is the 1st to 7th information in the scrolling list. During the sliding process, the 2nd to 8th information in the first frame, the 4th to 10th information in the second frame, and the 6th to 12th information in the third frame are removed. Then, the 2nd to 7th information in the first frame are removed, the 4th to 8th information in the second frame are removed, and the 6th to 10th information in the third frame are removed, thereby completing the deduplication of the first frame, the second frame and the third frame.

[0166] Optionally, step S31 can be implemented according to the following steps:

[0167] According to the scaling ratio, each frame of the deduplicated screenshot is scaled down to obtain a thumbnailed screenshot of each frame;

[0168] According to the generation time of each frame screenshot, the thumbnailed frame screenshots are sequentially spliced ​​with the thumbnail first content to generate a long screenshot corresponding to the scrolling list.

[0169] Since the thumbnail screenshot is a reduced version of the first target screenshot according to the scaling ratio, the scaling ratio between the first content and the thumbnail first content is also the same.

[0170] In an embodiment of the present application, when taking a screenshot of each frame of image displayed in the scrolling list during the sliding process, the size of each frame of screenshot generated is the same as the size of the first content, and the each frame of screenshot is reduced according to the scaling ratio, and the size of each thumbnailed frame of screenshot obtained is adapted to the size of the thumbnailed first content. In this way, when the thumbnailed frame of screenshot is spliced ​​with the thumbnailed first content in sequence, the generated long screenshot can present a unified appearance, and there will be no sudden change in width, thereby maintaining the harmony and beauty of the overall visual effect.

[0171] Optionally, the thumbnail screenshot also includes a thumbnail background image. The screenshot method provided in the embodiment of the present application may further include the following steps:

[0172] stretching the thumbnail background image to obtain a stretched thumbnail background image, so that the stretched thumbnail background image can accommodate the long screenshot corresponding to the scrolling list;

[0173] The long screenshot corresponding to the scrolling list is displayed on the stretched thumbnail background image.

[0174] When the graphical user interface includes a background image that carries the scrolling list, the generated thumbnail screenshot also includes a thumbnail background image. When the thumbnail first content in the thumbnail screenshot gradually overlaps with other content in the scrolling list to display the long screenshot corresponding to the scrolling list, without changing the thumbnail background image, the thumbnail background image may not be able to fully accommodate the long screenshot corresponding to the scrolling list.

[0175] In a specific implementation, in the process of gradually superimposing the thumbnail first content in the thumbnail screenshot on other contents in the scrolling list, the thumbnail background image can be stretched so that the stretched thumbnail background image can accommodate the long screenshot corresponding to the scrolling list. Thereafter, the long screenshot corresponding to the scrolling list can be displayed on top of the stretched thumbnail background image.

[0176] It should be noted that, in the case where the thumbnail screenshot also includes a character model displayed on the thumbnail background image, stretching the thumbnail background image does not affect the size of the character model.

[0177] The above is an introduction to the screenshot method provided in the first embodiment of the present application.

[0178] Corresponding to the screenshot method provided in the first embodiment of the present application, the second embodiment of the present application further provides a screenshot device, which provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least a scrolling list, and the scrolling list currently displays a first content, wherein the first content is m pieces of information in the scrolling list, and the scrolling list includes n pieces of information, wherein m<n; Figure 7 As shown, the screenshot device 600 includes a first screenshot unit 601, an acquisition unit 602, a detection unit 603, a second screenshot unit 604 and a splicing unit 605;.

[0179] The first screenshot unit 601 is configured to, in response to a screenshot instruction for the graphical user interface, take a screenshot of the graphical user interface to obtain a first target screenshot, and generate a thumbnail screenshot for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content;

[0180] The acquiring unit 602 is configured to acquire first position data of the first content relative to the graphical user interface;

[0181] The detection unit 603 is configured to, in response to a trigger operation performed in the thumbnail screenshot, detect whether an operation position of the trigger operation is located within the thumbnail first content based on the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot;

[0182] The second screenshot unit 604 is configured to, in response to the trigger operation being located within the thumbnail first content, control the scroll list to slide according to the trigger operation, and take a screenshot of a target image displayed in the scroll list during the sliding process to generate a target screenshot;

[0183] The splicing unit 605 is configured to splice the thumbnail first content and the target screenshot according to the generation time of the target screenshot to generate a long screenshot corresponding to the scrolling list.

[0184] Optionally, the detection unit 603 is specifically configured to:

[0185] determining, according to the first position data and the zoom ratio, second position data of the thumbnail first content relative to the thumbnail screenshot;

[0186] detecting, according to the second position data, whether the operation position of the triggering operation is located within the abbreviated first content; or

[0187] determining third position data of the abbreviated first content relative to the graphical user interface based on the first position data and the zoom ratio;

[0188] According to the third position data, it is detected whether the operation position of the trigger operation is located within the abbreviated first content.

[0189] Optionally, the first position data includes the first coordinates of the first vertex of the first content in the coordinate system corresponding to the graphical user interface and the first size data of the first content, and the first vertex is one of the upper left vertex, the lower left vertex, the upper right vertex and the lower right vertex.

[0190] Optionally, the detection unit 603 is specifically configured to:

[0191] Determining, based on the first coordinates and the scaling ratio, second coordinates of a second vertex corresponding to the first vertex in the thumbnail first content in a coordinate system corresponding to the thumbnail screenshot;

[0192] determining second size data of the abbreviated first content based on the first size data and the scaling ratio;

[0193] The second coordinates and the second size data are determined as second position data of the thumbnail first content relative to the thumbnail screenshot.

[0194] Optionally, the detection unit 603 is specifically configured to:

[0195] Obtaining a third coordinate of a third vertex of the thumbnail screenshot in a coordinate system corresponding to the graphical user interface, and obtaining a fourth coordinate of a fourth vertex in the graphical user interface corresponding to the third vertex in the coordinate system corresponding to the graphical user interface, wherein the third vertex is one of an upper left vertex, a lower left vertex, an upper right vertex, and a lower right vertex;

[0196] Determine, based on the first coordinate, the third coordinate, the fourth coordinate, and the scaling ratio, a fifth coordinate of the second vertex of the shortened first content in a coordinate system corresponding to the graphical user interface;

[0197] determining second size data of the abbreviated first content based on the first size data and the scaling ratio;

[0198] The fifth coordinate and the second size data are determined as third position data of the abbreviated first content relative to the graphical user interface.

[0199] Optionally, the triggering operation is a sliding operation, and the second screenshot unit 604 is specifically configured to:

[0200] determining a sliding mode of the scroll list according to an operation attribute of the sliding operation;

[0201] The scroll list is controlled to slide in the sliding manner.

[0202] Optionally, the second screenshot unit 604 is specifically configured to:

[0203] If the sliding operation is a single-finger sliding operation, determining a sliding mode for the scroll list according to a sliding direction and a sliding distance of the single-finger sliding operation;

[0204] If the sliding operation is a two-finger sliding operation, sliding the scroll list from the current position to the first or last piece of information in the scroll list is determined as the sliding mode of the scroll list.

[0205] Optionally, the second screenshot unit 604 is specifically configured to:

[0206] Determining the sliding direction of the single-finger sliding operation as the target direction of the scroll list to be slid;

[0207] determining a target distance for sliding the scroll list based on the sliding distance of the single-finger sliding operation and the zoom ratio;

[0208] Sliding the scroll list toward the target direction by the target distance is determined as the sliding mode of the scroll list.

[0209] Optionally, the target image is each frame of image displayed in the scrolling list during the sliding process, and the target screenshot is each corresponding frame of screenshot. The splicing unit 605 is specifically configured to:

[0210] Deduplicating the screenshot frames according to the list contents corresponding to the screenshot frames and the list contents in the first target screenshot, to obtain deduplicated screenshot frames;

[0211] According to the generation time of each frame screenshot, the thumbnail first content and the deduplicated frame screenshots are spliced ​​to generate a long screenshot corresponding to the scrolling list.

[0212] Optionally, the splicing unit 605 is specifically configured to:

[0213] For a first frame in each of the screenshot frames, comparing the list contents corresponding to the first frame and the first target screenshot, respectively, determining identical first target contents, and removing an image portion corresponding to the first target contents from the first frame to obtain a deduplicated first frame;

[0214] For the i-th frame in each of the frame screenshots, compare the list contents corresponding to the i-th frame and the i-1-th frame, determine the same second target content, and remove the image portion corresponding to the second target content from the i-th frame to obtain the i-th frame after deduplication, where i traverses 2 to j, and j is the number of frames corresponding to the sliding process;

[0215] The first frame after deduplication and the i-th frame after deduplication are determined as screenshots of frames after deduplication.

[0216] Optionally, the splicing unit 605 is specifically configured to:

[0217] According to the scaling ratio, each frame of the deduplicated screenshot is scaled down to obtain a thumbnailed screenshot of each frame;

[0218] The thumbnailed screenshots are sequentially spliced ​​with the thumbnailed first content to generate a long screenshot corresponding to the scrolling list.

[0219] Optionally, the screenshot device 600 further includes a stretching unit, which is configured to:

[0220] stretching the thumbnail background image to obtain a stretched thumbnail background image, so that the stretched thumbnail background image can accommodate the long screenshot corresponding to the scrolling list;

[0221] The long screenshot corresponding to the scrolling list is displayed on the stretched thumbnail background image.

[0222] Optionally, the first screenshot unit 601 is specifically configured to:

[0223] Calling a renderer for supporting the display of each frame of image in the graphical user interface;

[0224] A target image displayed by the graphical user interface at a target time is acquired through the renderer, and the target image is determined as a first target screenshot, wherein the target time is a time corresponding to the screenshot instruction.

[0225] Optionally, the graphical user interface provides a sharing control for sharing the content in the scrolling list, and the first screenshot unit 601 is specifically configured to generate the screenshot instruction in the following manner:

[0226] In response to the operation on the sharing control, the screenshot instruction for the graphical user interface is generated.

[0227] Corresponding to the screenshot method provided in the first embodiment of the present application, the third embodiment of the present application further provides an electronic device for screenshots, the electronic device is provided with a graphical user interface, the graphical user interface includes at least a scrolling list, the scrolling list currently displays a first content, the first content is m pieces of information in the scrolling list, the scrolling list includes n pieces of information, wherein m<n. Figure 8 As shown, the electronic device 700 includes: a processor 701; and a memory 702, which is used to store a program of the screenshot method. After the device is powered on and the program of the screenshot method is run by the processor, the following steps are performed:

[0228] In response to a screenshot instruction for the graphical user interface, taking a screenshot of the graphical user interface to obtain a first target screenshot, and generating a thumbnail screenshot for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content;

[0229] Acquire first position data of the first content relative to the graphical user interface;

[0230] In response to a trigger operation performed in the thumbnail screenshot, detecting whether an operation position of the trigger operation is located within the thumbnail first content based on the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot;

[0231] In response to the trigger operation being located within the thumbnail first content, controlling the scroll list to slide according to the trigger operation, and taking a screenshot of a target image displayed in the scroll list during the sliding process to generate a target screenshot;

[0232] According to the generation time of the target screenshot, the thumbnail first content and the target screenshot are spliced ​​to generate a long screenshot corresponding to the scrolling list.

[0233] Corresponding to the screenshot method provided in the first embodiment of the present application, the fourth embodiment of the present application provides a computer-readable storage medium, which provides a graphical user interface through a terminal device, wherein the graphical user interface includes at least a scrolling list, and the scrolling list currently displays first content, the first content being m pieces of information in the scrolling list, and the scrolling list including n pieces of information, where m<n. The computer-readable storage medium stores a program for the screenshot method, and the program is executed by a processor to perform the following steps:

[0234] In response to a screenshot instruction for the graphical user interface, taking a screenshot of the graphical user interface to obtain a first target screenshot, and generating a thumbnail screenshot for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content;

[0235] Acquire first position data of the first content relative to the graphical user interface;

[0236] In response to a trigger operation performed in the thumbnail screenshot, detecting whether an operation position of the trigger operation is located within the thumbnail first content based on the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot;

[0237] In response to the trigger operation being located within the thumbnail first content, controlling the scroll list to slide according to the trigger operation, and taking a screenshot of a target image displayed in the scroll list during the sliding process to generate a target screenshot;

[0238] According to the generation time of the target screenshot, the thumbnail first content and the target screenshot are spliced ​​to generate a long screenshot corresponding to the scrolling list.

[0239] It should be noted that for the detailed description of the devices, electronic devices and computer-readable storage media provided in the second, third and fourth embodiments of the present application, reference can be made to the relevant description of the first embodiment of the present application, and no further details will be given here.

[0240] Although the present application is disclosed as above with the preferred embodiments, it is not intended to limit the present application. Any person skilled in the art may make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the scope of protection of the present application shall be based on the scope defined by the claims of the present application.

[0241] In a typical configuration, a node device in a blockchain includes one or more processors (CPUs), input / output interfaces, network interfaces, and memory.

[0242] Memory may include non-permanent storage in a computer-readable medium, random access memory (RAM) and / or non-volatile memory in the form of read-only memory (ROM) or flash RAM. Memory is an example of a computer-readable medium.

[0243] 1. Computer-readable media includes permanent and non-permanent, removable and non-removable media that can be implemented by any method or technology to store information. Information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), random access memory (RAM) of other types, read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic cassettes, magnetic tape, magnetic disk storage or other magnetic storage media, or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined herein, computer-readable media does not include non-transitory media such as modulated data signals and carrier waves.

[0244] 2. Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems, or computer program products. Therefore, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware. Furthermore, the present application may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to magnetic disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0245] Although the present application is disclosed as above with the preferred embodiments, it is not intended to limit the present application. Any person skilled in the art may make possible changes and modifications without departing from the spirit and scope of the present application. Therefore, the scope of protection of the present application shall be based on the scope defined by the claims of the present application.

Claims

1. A screenshot method, characterized in that: A graphical user interface is provided through a terminal device, the graphical user interface including at least a scrolling list, the scrolling list currently displaying first content, the first content being m pieces of information in the scrolling list, the scrolling list including n pieces of information, where m<n; and the method comprising: In response to a screenshot instruction for the graphical user interface, taking a screenshot of the graphical user interface to obtain a first target screenshot, and generating a thumbnail screenshot for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content; Acquire first position data of the first content relative to the graphical user interface; In response to a trigger operation performed in the thumbnail screenshot, detecting whether an operation position of the trigger operation is located within the thumbnail first content based on the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot; In response to the trigger operation being located within the thumbnail first content, controlling the scroll list to slide according to the trigger operation, and taking a screenshot of a target image displayed in the scroll list during the sliding process to generate a target screenshot; According to the generation time of the target screenshot, the thumbnail first content and the target screenshot are spliced ​​to generate a long screenshot corresponding to the scrolling list.

2. The method according to claim 1, characterized in that The scroll list and the thumbnail screenshots do not overlap with each other.

3. The method according to claim 1, characterized in that The detecting, based on the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot, whether the operation position of the triggering operation is located within the thumbnail first content includes: determining, according to the first position data and the zoom ratio, second position data of the thumbnail first content relative to the thumbnail screenshot; detecting, according to the second position data, whether the operation position of the triggering operation is located within the abbreviated first content; or determining third position data of the abbreviated first content relative to the graphical user interface based on the first position data and the zoom ratio; According to the third position data, it is detected whether the operation position of the trigger operation is located within the abbreviated first content.

4. The method according to claim 3, characterized in that The first position data includes the first coordinates of the first vertex of the first content in the coordinate system corresponding to the graphical user interface and the first size data of the first content, where the first vertex is one of the upper left vertex, the lower left vertex, the upper right vertex and the lower right vertex.

5. The method according to claim 4, characterized in that The determining, based on the first position data and the zoom ratio, second position data of the thumbnail first content relative to the thumbnail screenshot includes: Determining, based on the first coordinates and the scaling ratio, second coordinates of a second vertex corresponding to the first vertex in the thumbnail first content in a coordinate system corresponding to the thumbnail screenshot; determining second size data of the abbreviated first content based on the first size data and the scaling ratio; The second coordinates and the second size data are determined as second position data of the thumbnail first content relative to the thumbnail screenshot.

6. The method according to claim 4, characterized in that The determining, based on the first position data and the zoom ratio, third position data of the abbreviated first content relative to the graphical user interface includes: Obtaining a third coordinate of a third vertex of the thumbnail screenshot in a coordinate system corresponding to the graphical user interface, and obtaining a fourth coordinate of a fourth vertex in the graphical user interface corresponding to the third vertex in the coordinate system corresponding to the graphical user interface, wherein the third vertex is one of an upper left vertex, a lower left vertex, an upper right vertex, and a lower right vertex; Determine, based on the first coordinate, the third coordinate, the fourth coordinate, and the scaling ratio, a fifth coordinate of the second vertex of the shortened first content in a coordinate system corresponding to the graphical user interface; determining second size data of the abbreviated first content based on the first size data and the scaling ratio; The fifth coordinate and the second size data are determined as third position data of the abbreviated first content relative to the graphical user interface.

7. The method according to claim 1, characterized in that The triggering operation is a sliding operation, and controlling the sliding of the scroll list according to the triggering operation includes: determining a sliding mode of the scroll list according to an operation attribute of the sliding operation; The scroll list is controlled to slide in the sliding manner.

8. The method according to claim 5, characterized in that The determining the sliding mode of the scroll list according to the operation attribute of the sliding operation includes: If the sliding operation is a single-finger sliding operation, determining a sliding mode for the scroll list according to a sliding direction and a sliding distance of the single-finger sliding operation; If the sliding operation is a two-finger sliding operation, sliding the scroll list from the current position to the first or last piece of information in the scroll list is determined as the sliding mode of the scroll list.

9. The method according to claim 8, characterized in that The determining the sliding mode of the scrolling list according to the sliding direction and sliding distance of the single-finger sliding operation includes: Determining the sliding direction of the single-finger sliding operation as the target direction of the scroll list to be slid; determining a target distance for sliding the scroll list based on the sliding distance of the single-finger sliding operation and the zoom ratio; Sliding the scroll list toward the target direction by the target distance is determined as the sliding mode of the scroll list.

10. The method according to claim 1, characterized in that The target image is each frame of image displayed in the scrolling list during the sliding process, and the target screenshot is each corresponding frame of screenshot; the step of splicing the thumbnail first content and the target screenshot according to the generation time of the target screenshot to generate a long screenshot corresponding to the scrolling list includes: Deduplicating the screenshot frames according to the list contents corresponding to the screenshot frames and the list contents in the first target screenshot, to obtain deduplicated screenshot frames; According to the generation time of each frame screenshot, the thumbnail first content and the deduplicated frame screenshots are spliced ​​to generate a long screenshot corresponding to the scrolling list.

11. The method according to claim 10, characterized in that Deduplicating the screenshot frames according to the list contents corresponding to the screenshot frames and the list contents in the first target screenshot to obtain the deduplicated screenshot frames, including: For a first frame in each of the screenshot frames, comparing the list contents corresponding to the first frame and the first target screenshot, respectively, determining identical first target contents, and removing an image portion corresponding to the first target contents from the first frame to obtain a deduplicated first frame; For the i-th frame in each of the frame screenshots, compare the list contents corresponding to the i-th frame and the i-1-th frame, determine the same second target content, and remove the image portion corresponding to the second target content from the i-th frame to obtain the i-th frame after deduplication, where i traverses 2 to j, and j is the number of frames corresponding to the sliding process; The first frame after deduplication and the i-th frame after deduplication are determined as screenshots of frames after deduplication.

12. The method according to claim 10, characterized in that The step of splicing the thumbnail first content with the duplicate-free screenshots to generate a long screenshot corresponding to the scrolling list includes: According to the scaling ratio, each frame of the deduplicated screenshot is scaled down to obtain a thumbnailed screenshot of each frame; The thumbnailed screenshots are sequentially spliced ​​with the thumbnailed first content to generate a long screenshot corresponding to the scrolling list.

13. A screenshot device, characterized in that: A graphical user interface is provided through a terminal device, wherein the graphical user interface includes at least a scrolling list, wherein the scrolling list currently displays first content, wherein the first content is m pieces of information in the scrolling list, and the scrolling list includes n pieces of information, where m < n; and the apparatus includes a first screenshot unit, an acquisition unit, a detection unit, a second screenshot unit, and a splicing unit; The first screenshot unit is configured to, in response to a screenshot instruction for the graphical user interface, take a screenshot of the graphical user interface to obtain a first target screenshot, and generate a thumbnail screenshot for feeding back the first target screenshot, wherein the thumbnail screenshot includes a thumbnail first content corresponding to the first content; The acquiring unit is configured to acquire first position data of the first content relative to the graphical user interface; The detection unit is configured to, in response to a trigger operation performed in the thumbnail screenshot, detect whether an operation position of the trigger operation is located within the thumbnail first content based on the first position data and a scaling ratio between the graphical user interface and the thumbnail screenshot; The second screenshot unit is configured to, in response to the trigger operation being located within the thumbnail first content, control the scroll list to slide according to the trigger operation, and take a screenshot of a target image displayed in the scroll list during the sliding process to generate a target screenshot; The splicing unit is configured to splice the thumbnail first content and the target screenshot according to a generation time of the target screenshot to generate a long screenshot corresponding to the scrolling list.

14. An electronic device, characterized in that: include: processor; as well as The memory is used to store a data processing program. After the electronic device is powered on and the program is run by the processor, the method according to any one of claims 1 to 12 is executed.

15. A computer-readable storage medium, characterized in that A data processing program is stored, and the program is run by a processor to perform the method according to any one of claims 1 to 12.

Images