Picture display method and device, electronic equipment and storage medium
By displaying the two pictures associated on the picture editing page, the content and novelty reduction in the picture content and novelty in the mobile Internet are solved, the rich creative content and diversity pictures sharing has been achieved, and the efficiency of information transmission is improved.
Patent Information
- Application Number
- CN202411287880.5
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-09-13
- Publication Date
- 2025-01-24
AI Technical Summary
With the development of mobile Internet, the content and novelty of pictures, videos, audio and video works have gradually decreased, resulting in reduced information transmission efficiency and waste of resources.
Display the grating picture adding controls on the picture editing page, respond to the instruction of adding controls in the grating picture, and display two pictures alternately in the same area. The second picture is displayed by the first picture through the preset switching operation.
By displaying related pictures, enriching creative content, increasing the diversity and interaction of pictures sharing, increasing the richness of the content in the application, and rationally utilizing information resources.
Smart Images

Figure CN119359862A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of Internet technology, and in particular to a picture display method, device, electronic device and storage medium. Background Art
[0002] With the rapid development of the current mobile Internet, the way of information dissemination based on mobile terminals has become more and more mature. Generally, information can be disseminated through various browsers or applications embedded in the terminal.
[0003] Pictures, videos, audio and video are a kind of carrier that can be used for information exchange and interaction in the current society. After the creator creates pictures, videos, audio and video, they can be published and then browsed by the audience. However, as such works become more and more mature, the works have the problem of lack of content and novelty. The lack of content and novelty will inevitably reduce the effective transmission of information to a certain extent, thus causing a waste of transmission resources. Summary of the invention
[0004] The present disclosure provides a picture display method, device, electronic device and storage medium. The technical solution of the present disclosure is as follows:
[0005] According to a first aspect of an embodiment of the present disclosure, there is provided a picture display method, which is applied to a first client and includes:
[0006] Add controls to display raster images on the image editing page;
[0007] In response to a raster image adding instruction triggered by a raster image adding control, a first image and a second image are displayed on an image editing page; the first image and the second image are displayed in the same area of the image editing page at different time points, and the second image is switched from the first image to be displayed based on a preset switching operation.
[0008] In some possible embodiments, the first picture and the second picture are both from a picture storage area of a first device to which the first client belongs;
[0009] Feature information that the first picture and the second picture are associated;
[0010] The feature information includes at least one of space information, person information, and color information.
[0011] In some possible embodiments, the first picture comes from a picture storage area of a first device to which the first client belongs;
[0012] The second picture is obtained based on image processing of the first picture;
[0013] The image processing includes at least one of color processing and shape processing.
[0014] In some possible embodiments, a raster image adding control is displayed on a picture editing page, including:
[0015] Display the first picture and object adding controls on the picture editing page;
[0016] In response to a raster image adding instruction triggered by a raster image adding control, displaying a first image and a second image in an image editing page includes:
[0017] In response to an object adding instruction triggered by an object adding control, displaying a control panel; the control panel includes a raster image adding control;
[0018] In response to the raster image adding instruction triggered by the raster image adding control, a second image is added to the image editing page.
[0019] In some possible embodiments, in response to a raster image adding instruction triggered by a raster image adding control, adding a second image to the image editing page includes:
[0020] In response to a raster image adding instruction triggered based on a raster image adding control, displaying a first image with a first photo frame edge on the image editing page;
[0021] In response to a picture adding instruction triggered by the first picture with a picture frame edge, adding a second picture in the picture editing page;
[0022] The second picture displayed in the picture editing page is a second picture with a second photo frame edge.
[0023] In some possible embodiments, the method further includes:
[0024] Displaying the first picture with the first picture frame edge on the picture editing page;
[0025] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the picture editing page.
[0026] In some possible embodiments, in response to a raster image adding instruction triggered by a raster image adding control, displaying a first image and a second image in an image editing page includes:
[0027] In response to a raster image adding instruction triggered based on a raster image adding control, determining a first picture and a second picture based on an adding order in the raster image adding instruction;
[0028] Displaying the first picture with the first picture frame edge on the picture editing page;
[0029] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the picture editing page.
[0030] In some possible embodiments, the first photo frame edge includes a first information adding area; the first photo frame edge includes a second information adding area;
[0031] The method also includes:
[0032] In response to a first information adding instruction triggered based on the first information adding area, displaying first description information in the first information adding area;
[0033] In response to a second information adding instruction triggered based on the second information adding area, displaying second description information in the second information adding area;
[0034] The form of the first description information and the form of the second description information include at least one of text form, emoticon form or voice form.
[0035] In some possible embodiments, the preset switching operation includes executing a preset operation on the first device to which the first client belongs or executing a preset operation on a screen of the first device to which the first client belongs.
[0036] In some possible embodiments, the picture editing page further includes a publishing control;
[0037] The method also includes:
[0038] In response to a publishing instruction triggered by a publishing control, the resource to be published is published to obtain a target resource;
[0039] The resources to be published include a first picture and a second picture.
[0040] According to a second aspect of an embodiment of the present disclosure, there is provided a picture display method, which is applied to a second client and includes:
[0041] The target resource is displayed on the resource display page; the target resource is obtained by publishing the to-be-published resources including the first image and the second image; the first image and the second image are displayed in the same area of the resource display page at different time points, and the second image is switched from the first image to be displayed based on a preset switching operation.
[0042] In some possible embodiments, the first picture has a first picture frame edge; the second picture has a second picture frame edge;
[0043] The method also includes:
[0044] Displaying a first picture with a first picture frame edge on a resource display page;
[0045] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the resource display page.
[0046] In some possible embodiments, in response to a switching instruction triggered based on a preset switching operation, displaying a second picture with a second photo frame edge on a resource display page includes:
[0047] In response to a switching instruction triggered by performing a flipping action at a preset angle on a second device to which the second client belongs, a second picture with a second photo frame edge is displayed on the resource display page.
[0048] In some possible embodiments, the resource display page includes a raster image adding control;
[0049] The raster image adding control is used to be triggered to form a raster image through the third image and the fourth image.
[0050] According to a third aspect of an embodiment of the present disclosure, there is provided a picture display device, including:
[0051] A first display module is configured to execute a raster image adding control displayed on the image editing page;
[0052] The second display module is configured to execute a raster image adding instruction in response to being triggered based on a raster image adding control, and display the first image and the second image in the image editing page; the first image and the second image are displayed in the same area of the image editing page at different time points, and the second image is switched from the first image to be displayed based on a preset switching operation.
[0053] In some possible embodiments, the first picture and the second picture are both from a picture storage area of a first device to which the first client belongs;
[0054] Feature information that the first picture and the second picture are associated;
[0055] The feature information includes at least one of space information, person information, and color information.
[0056] In some possible embodiments, the first picture comes from a picture storage area of a first device to which the first client belongs;
[0057] The second picture is obtained based on image processing of the first picture;
[0058] The image processing includes at least one of color processing and shape processing.
[0059] In some possible embodiments, the first display module is configured to execute:
[0060] Display the first picture and object adding controls on the picture editing page;
[0061] The second display module is configured to execute:
[0062] In response to an object adding instruction triggered by an object adding control, displaying a control panel; the control panel includes a raster image adding control;
[0063] In response to the raster image adding instruction triggered by the raster image adding control, a second image is added to the image editing page.
[0064] In some possible embodiments, the second display module is configured to execute:
[0065] In response to a raster image adding instruction triggered based on a raster image adding control, displaying a first image with a first photo frame edge on the image editing page;
[0066] In response to a picture adding instruction triggered by the first picture with a picture frame edge, adding a second picture in the picture editing page;
[0067] The second picture displayed in the picture editing page is a second picture with a second photo frame edge.
[0068] In some possible embodiments, the second display module is configured to execute:
[0069] Displaying the first picture with the first picture frame edge on the picture editing page;
[0070] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the picture editing page.
[0071] In some possible embodiments, the second display module is configured to execute:
[0072] In response to a raster image adding instruction triggered based on a raster image adding control, determining a first picture and a second picture based on an adding order in the raster image adding instruction;
[0073] Displaying the first picture with the first picture frame edge on the picture editing page;
[0074] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the picture editing page.
[0075] In some possible embodiments, the first photo frame edge includes a first information adding area; the first photo frame edge includes a second information adding area;
[0076] The device also includes an information display module, which is configured to execute:
[0077] In response to a first information adding instruction triggered based on the first information adding area, displaying first description information in the first information adding area;
[0078] In response to a second information adding instruction triggered based on the second information adding area, displaying second description information in the second information adding area;
[0079] The form of the first description information and the form of the second description information include at least one of text form, emoticon form or voice form.
[0080] In some possible embodiments, the preset switching operation includes executing a preset operation on the first device to which the first client belongs or executing a preset operation on a screen of the first device to which the first client belongs.
[0081] In some possible embodiments, the picture editing page further includes a publishing control;
[0082] The apparatus further includes a publishing module, which is configured to execute:
[0083] In response to a publishing instruction triggered by a publishing control, the resource to be published is published to obtain a target resource;
[0084] The resources to be published include a first picture and a second picture.
[0085] According to a fourth aspect of an embodiment of the present disclosure, there is provided a picture display device, including:
[0086] The third display module is configured to execute display of the target resource on the resource display page; the target resource is obtained by publishing the to-be-published resources including the first picture and the second picture; the first picture and the second picture are displayed in the same area of the resource display page at different time points, and the second picture is switched from the first picture to be displayed based on a preset switching operation.
[0087] In some possible embodiments, the first picture has a first picture frame edge; the second picture has a second picture frame edge;
[0088] The device further includes a fourth display module, which is configured to execute:
[0089] Displaying a first picture with a first picture frame edge on a resource display page;
[0090] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the resource display page.
[0091] In some possible embodiments, the fourth display module is configured to execute:
[0092] In response to a switching instruction triggered by flipping a preset angle on a second device to which the second client belongs, the second picture with the second photo frame edge is displayed on the resource display page.
[0093] In some possible embodiments, the resource display page includes a raster image adding control;
[0094] The raster image adding control is used to be triggered to form a raster image through the third image and the fourth image.
[0095] According to a fifth aspect of an embodiment of the present disclosure, an electronic device is provided, comprising: a processor; and a memory for storing processor-executable instructions; wherein the processor is configured to execute instructions to implement a method as described in any one of the first or second aspects above.
[0096] According to the sixth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any method in the first aspect or the second aspect of the embodiment of the present disclosure.
[0097] According to the seventh aspect of an embodiment of the present disclosure, a computer program product is provided, the computer program product comprising a computer program, the computer program being stored in a readable storage medium, at least one processor of a computer device reading and executing the computer program from the readable storage medium, so that the computer device performs any one of the methods of the first aspect or the second aspect of the embodiment of the present disclosure.
[0098] The technical solution provided by the embodiments of the present disclosure brings at least the following beneficial effects:
[0099] A raster image adding control is displayed on the picture editing page, and in response to a raster image adding instruction triggered by the raster image adding control, a first picture and a second picture are displayed on the picture editing page, the first picture and the second picture are displayed in the same area of the picture editing page at different time points, and the second picture is switched to be displayed by the first picture based on a preset switching operation. By displaying the first picture and the second picture in the same area of the picture editing page, the embodiment of the present application can enrich the creative content so that the work carries more creative information. Secondly, it can make the sharing of pictures have rich, diverse and vivid transmission channels, thereby generating more excellent works, improving the richness of the content produced in the application, and making the most reasonable use of information resources.
[0100] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS
[0101] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.
[0102] Figure 1 is a schematic diagram of an application environment of a picture display method according to an exemplary embodiment;
[0103] Figure 2 is a flow chart of a method for displaying an image according to an exemplary embodiment;
[0104] Figure 3 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 1 ;
[0105] Figure 4 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 2 ;
[0106] Figure 5 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 3 ;
[0107] Figure 6 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 4 ;
[0108] Figure 7 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 5 ;
[0109] Figure 8 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 6 ;
[0110] Fig. 9 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 7 ;
[0111] Fig.10 is a flow chart of a method for displaying an image according to an exemplary embodiment;
[0112] Fig.11 A schematic diagram of a resource display page according to an exemplary embodiment Figure 1 ;
[0113] Fig.12 A schematic diagram of a resource display page according to an exemplary embodiment Figure 2 ;
[0114] Fig.13 A schematic diagram of a resource display page according to an exemplary embodiment Figure 3 ;
[0115] Fig.14 is a block diagram of a picture display device according to an exemplary embodiment;
[0116] Fig.15 is a block diagram of a picture display device according to an exemplary embodiment;
[0117] Fig.16 It is a block diagram of an electronic device for displaying pictures according to an exemplary embodiment. DETAILED DESCRIPTION
[0118] The following will be combined with the drawings in the embodiments of the present invention to clearly and completely describe the technical solutions in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present invention.
[0119] It should be noted that the terms "first", "second", etc. in the specification and claims of the present disclosure and the above-mentioned drawings are used to distinguish similar first objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.
[0120] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for display, data for analysis, etc.) involved in this disclosure are all information and data authorized by the user or fully authorized by all parties.
[0121] See also Figure 1 , Figure 1 is a schematic diagram showing an application environment of a picture display method according to an exemplary embodiment. Figure 1 As shown, the application environment may include a server 011 , a first client 012 , and a second client 013 .
[0122] In some possible embodiments, the server 011 may include an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms. The operating system running on the server may include but is not limited to Android, IOS, Linux, Windows, Unix, etc.
[0123] In some possible embodiments, the first client 012 and the second client 013 may include but are not limited to smartphones, desktop computers, tablet computers, laptop computers, smart speakers, digital assistants, augmented reality (AR) / virtual reality (VR) devices, smart wearable devices and other image-type clients. They may also be software running on the above clients, such as applications, applets, etc. Optionally, the operating system running on the client may include but is not limited to Android, IOS, Linux, Windows, Unix, etc.
[0124] In some possible embodiments, the first client 012 may display a raster image adding control on the picture editing page, and in response to a raster image adding instruction triggered by the raster image adding control, display the first picture and the second picture on the picture editing page, the first picture and the second picture are displayed in the same area of the picture editing page at different time points, and the second picture is switched to be displayed by the first picture based on a preset switching operation. The embodiment of the present application can enrich the creative content by displaying the first picture and the second picture in the same area of the picture editing page, so that the work can carry more creative information. Secondly, it can make the sharing of pictures have rich, diverse and vivid transmission channels, thereby generating more excellent works, improving the richness of the content produced in the application, and making the most reasonable use of information resources.
[0125] In an exemplary embodiment, the databases corresponding to the client and the server can both be node devices in the blockchain system, and can share the acquired and generated information with other node devices in the blockchain system, thereby realizing information sharing among multiple node devices. Multiple node devices in the blockchain system can be configured with the same blockchain, which is composed of multiple blocks, and the adjacent blocks have an association relationship, so that when the data in any block is tampered, it can be detected by the next block, thereby preventing the data in the blockchain from being tampered with, and ensuring the security and reliability of the data in the blockchain.
[0126] Figure 2 It is a flowchart of a method for displaying an image according to an exemplary embodiment. It should be noted that this specification provides method operation steps as described in the embodiment or flowchart, but more or fewer operation steps may be included based on conventional or non-creative labor. The order of steps listed in the embodiment is only one way of executing the steps among many orders, and does not represent the only order of execution. When the actual system or product is executed, it can be executed in sequence or in parallel according to the method shown in the embodiment or the accompanying drawings (for example, in a parallel processor or multi-threaded processing environment). Specifically, Figure 2 As shown, the flow chart at least includes the following steps S201-S203:
[0127] In step S201, a raster image adding control is displayed on the image editing page.
[0128] In the embodiment of the present application, the execution subject of steps S201 to S203 and the embodiments extended by steps S201 to S203 is a first client, and a first account created by a first user may exist on the first client. Correspondingly, a second client may also exist, and a second account created by a second user may exist on the second client.
[0129] In the embodiment of the present application, the first client and the second client may be clients of the same application installed on different terminals. For example, the first client and the second client both correspond to the same instant messaging application, the same short video application, the same news application, or the same life service application, etc.
[0130] In the embodiment of the present application, the first client may be a client that publishes the target resource after acquiring the first image and the second image based on the raster image adding control, that is, the first client may be called a resource production client. The second client may be a client that browses the published target resource, that is, the second client may be called a resource consumption client.
[0131] In the embodiment of the present application, the picture editing page can be a page in the first client or the second client. Optionally, the first client can display a raster image adding control on the picture editing page. The raster image adding control is used to be triggered to generate a raster image containing the first picture and the second picture.
[0132] In step S203, in response to a raster image adding instruction triggered by a raster image adding control, a first image and a second image are displayed on the image editing page; the first image and the second image are displayed in the same area of the image editing page at different time points, and the second image is switched from the first image to be displayed based on a preset switching operation.
[0133] In the embodiment of the present application, the first client may display the first image and the second image in the image editing page in response to a raster image adding instruction triggered based on a raster image adding control.
[0134] Optionally, the first image and the second image are used to form a raster image. In the embodiment of the present application, the raster image means multiple images displayed in the same area of the image editing page or other pages at different time points, wherein the multiple images can be switched and displayed based on a switching operation.
[0135] For example, a raster image refers to two images, such as a first image and a second image, displayed in the same area of an image editing page or other pages at different time points, wherein the second image is switched to be displayed by the first image based on a preset switching operation, or the first image is switched to be displayed by the second image based on a preset switching operation.
[0136] In an optional embodiment, the same area displayed on the picture editing page may mean that there is an area A on the picture editing page, and the first picture and the second picture are displayed in the area A at different time points, and the visual perception of the first picture and the second picture displayed in the area A is the same, for example, the first picture and the second picture both fill the area A.
[0137] In another optional embodiment, the same area displayed on the picture editing page may refer to an area A on the picture editing page, the first picture and the second picture are displayed in the area A at different time points, and the visual perception of the first picture and the second picture displayed in the area A is different. For example, the first picture may be flatly spread over the entire area A, and the second picture is also displayed in the area A, but the second picture is flipped at a certain angle in a certain direction, so that in addition to the first picture, there are some blank areas in the area A.
[0138] In the embodiment of the present application, the multiple images forming the raster image, such as two images, may not have any relationship in image features. Optionally, the two images forming the raster image are both from the image storage area of the first device to which the first client belongs, but the two images are two images without any relationship, such as the two images may be images downloaded from online to the image storage area.
[0139] In the embodiment of the present application, multiple pictures forming a raster image, such as two pictures, may have a relationship in picture features. The following is an example of two pictures forming a raster image.
[0140] In an optional embodiment, the first picture and the second picture are two original pictures. The first picture and the second picture are both from the picture storage area of the first device to which the first client belongs, for example, the first picture and the second picture are both from the album of the first device to which the first client belongs.
[0141] Optionally, the first picture and the second picture have associated feature information, wherein the feature information includes at least one of space information, character information, and color information.
[0142] Optionally, the spatial information indicates that the spatial information of the first picture and the second picture is the same, and the spatial information may also be referred to as scene information. Optionally, the space involved in the first picture and the second picture is the same beach, the same indoor scene, the same park, etc. For example, the space involved in the first picture and the second picture is beach A, but the character object in the first picture and the character object in the second picture are different.
[0143] Optionally, the character information indicates that the character objects included in the first picture and the second picture are the same. For example, the character objects involved in the first picture and the second picture are both user A, but the spatial information involved in the first picture and the second picture is different.
[0144] Optionally, the color information indicates that the color information or style information included in the first image and the second image is the same. For example, the style information involved in the first image and the second image is ancient style information.
[0145] In this way, both pictures are derived from the user's selection of the picture storage area, and because the two pictures have related feature information, after forming the raster image, not only can the picture display space be saved by the raster image form, but also the interactivity can be increased by switching between two related pictures.
[0146] In another optional embodiment, one of the first image and the second image is an original image, and the other image is obtained based on the processing of the original image. Optionally, the first image is from an image storage area of a first device to which the first client belongs, and the second image is obtained based on image processing of the first image. Optionally, the image processing includes at least one of color processing and shape processing.
[0147] Optionally, the first client may adjust the color and shape of the image by modifying the affine transformation parameters of the first image and adjusting the alpha channel of the image according to the change in the sensor data to obtain the second image.
[0148] In an embodiment of the present application, sensor data can be collected by a first client and compared with a first image to obtain corresponding transformation parameters, and the first image can be processed using the transformation parameters to obtain a second image.
[0149] In this way, the first image and the second image formed based on the first image clearly make it possible for the two images to have related feature information. After the raster image is formed, not only can the image display space be saved by the raster image format, but also the interactivity can be increased by switching between two related images.
[0150] In the embodiment of the present application, the first client may form a raster image by implementing multiple approaches on the first image and the second image.
[0151] In an optional embodiment, the first client may display the first image and the object adding control on the image editing page. Then, in response to the object adding instruction triggered by the object adding control, the first client may display the control panel, wherein the control panel includes the raster image adding control. Optionally, in response to the raster image adding instruction triggered by the raster image adding control, the first client may add the second image on the image editing page.
[0152] Figure 3 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 1 ,like Figure 3 As shown, a picture editing page 300 , a first picture 301 and an object adding control 302 are included on the picture editing page 300 .
[0153] Optionally, in addition to the object adding control 302, the picture editing page may also include other controls, such as a lens flip control, an object beautification control, an invite to watch together control and a text control located on the right side of the picture editing page in the same column as the object adding control, and also includes a "Post Moment" control and a "Next Step" control located at the bottom of the picture editing page.
[0154] In an embodiment of the present application, after the first client is started, it can display the picture editing page in response to the display instruction of the picture editing page. Optionally, the picture editing page includes a first picture adding control. Optionally, the first client can display multiple pictures to be selected in the picture storage area in response to the first picture adding instruction triggered by the first picture adding control.
[0155] Optionally, when the user clicks on a certain picture among the multiple pictures to be selected, the first client may determine the picture as the first picture, jump back to the picture editing page, and display the first picture on the picture editing page.
[0156] Figure 4 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 2 ,like Figure 4As shown, it includes a picture editing page 300 , a first picture 301 displayed on the picture editing page, a control panel 400 located on the upper layer of the picture editing page 300 , and a raster image adding control 401 located on the control panel 400 .
[0157] Optionally, in response to a raster image adding instruction triggered by a raster image adding control, the first client may add a second image to the image editing page.
[0158] In a specific embodiment, in response to a raster image adding instruction triggered by a raster image adding control, the first client may continue to display a plurality of to-be-selected images located in an image storage area. Optionally, when a user clicks on a certain image among the plurality of to-be-selected images, the first client may determine the image as a second image and jump back to the image editing page, and then the first client may add the second image to the image editing page.
[0159] In another specific embodiment, in response to a raster image adding instruction triggered by a raster image adding control, the first client may continue to display a plurality of to-be-selected images located in the image storage area. Optionally, when the user clicks on some of the plurality of to-be-selected images, the first client may determine the images as second images and jump back to the image editing page, and then the first client may add the second images in the image editing page.
[0160] In another specific embodiment, in response to a raster image adding instruction triggered by a raster image adding control, the first client can adjust the image color or shape by modifying the affine transformation parameters of the first image and adjusting the alpha channel of the image according to the change of the sensor data to obtain the second image. In this way, the first client can add the second image in the image editing page.
[0161] In another specific embodiment, in response to a raster image adding instruction triggered by a raster image adding control, the first client can adjust the image color and shape by modifying the affine transformation parameters of the first image and adjusting the alpha channel of the image according to the change of the sensor data to obtain the second image. In this way, the first client can add the second image in the image editing page.
[0162] In another specific embodiment, in response to a raster image adding instruction triggered based on a raster image adding control, a first image acquisition channel and a second image acquisition channel are displayed. Optionally, in response to the first image acquisition instruction triggered based on the first image acquisition channel, the first client may continue to display a plurality of images to be selected located in the image storage area. Optionally, when a user clicks on a certain image among the plurality of images to be selected, the first client may determine the image as the second image and jump back to the image editing page, and then the first client may add the second image to the image editing page. Optionally, in response to the second image acquisition instruction triggered based on the second image acquisition channel, the first client may adjust the image color or shape by modifying the affine transformation parameters of the first image and adjusting the alpha channel of the image according to changes in sensor data to obtain the second image. In this way, the first client may add the second image to the image editing page.
[0163] like Figure 4 As shown, in addition to the raster image adding control, the control panel also includes a challenge control, a topic control, and a voting control in the same row as the raster image adding control.
[0164] Optionally, the control panel may also include different stickers, which may be used to be pasted on the first picture or the second picture based on sticker adding instructions.
[0165] From the above, it can be seen that by adding a raster image adding control to the original control panel in the application, not only can the second image be added, but also the development work can be reduced, and at the same time, the interactive operations can be reduced based on the resources provided by the application.
[0166] Figure 5 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 3 , Figure 5 It involves a schematic diagram of image switching on an image editing page, such as Figure 5 As shown, it includes a picture editing page 300, a first picture 301 located on the picture editing page 300 at a first time point, and a second picture 501 located on the picture editing page 300 at a second time point.
[0167] Optionally, the first client may display a first picture on the picture editing page at a first time point, and in response to a switching instruction triggered based on a preset switching operation, the first client may display a second picture on the picture editing page at a second time point.
[0168] Optionally, the preset switching operation includes executing a preset operation on the first device to which the first client belongs. For example, the preset switching operation includes a flip operation, a shake operation, or a swing operation on the first device (such as a mobile phone). For example, assuming that the preset switching operation is a flip operation, the raster image includes 3 pictures, such as a first picture, a second picture, and a third picture. After the 3 pictures are uploaded to the picture editing page, the first picture can be displayed on the picture display page first. When it is detected that the mobile phone is flipped by a first angle, the first picture can be replaced by the second picture and displayed on the picture editing page. When it is detected that the mobile phone continues to be flipped by the first angle, the second picture can be replaced by the third picture and displayed on the picture editing page.
[0169] Optionally, the preset switching operation includes executing a preset operation on the screen of the first device to which the first client belongs. For example, the preset switching operation includes a click operation or a slide operation on the screen of the first device (such as a mobile phone).
[0170] Optionally, the preset switching operation includes executing a preset operation on a button of the first device to which the first client belongs. For example, the preset switching operation includes pressing a button of the first device (such as a mobile phone).
[0171] In the embodiment of the present application, in response to a raster image adding instruction triggered by a raster image adding control, the first client can display a first image with a first frame edge on the image editing page. Optionally, in response to a picture adding instruction triggered by the first picture with a frame edge, the first client can add a second picture on the image editing page. Optionally, like the first picture, the second picture displayed on the image editing page is a second picture with a second frame edge.
[0172] Figure 6 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 4 , Figure 6 This is a schematic diagram of adding pictures on the picture editing page, such as Figure 6 As shown, it includes a picture editing page 300, a first picture 301 located on the picture editing page 300 at a first time point, and a second picture 501 located on the picture editing page 300 at a second time point. Optionally, the first picture 301 has a first frame edge 601, and the second picture 501 has a second frame edge 602.
[0173] In a specific embodiment, if the first client detects that the raster image adding control is clicked, a raster image adding instruction may be generated. Optionally, the first client may return to the picture editing page based on the generated raster image adding instruction and display the first picture with the first photo frame edge on the picture editing page.
[0174] Optionally, if the first client detects that the first picture with the first frame edge is clicked, a picture adding instruction may be generated. Optionally, the first client may display the second picture with the second frame edge on the picture editing page based on the picture adding instruction.
[0175] Thus, the first picture and the second picture with the frame edge both have a feeling of real photos, which can be clearly distinguished from traditional online pictures, thereby giving users a more real and nostalgic experience.
[0176] Figure 7 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 5 , Figure 7 This is a schematic diagram of adding pictures on the picture editing page, such as Figure 7 As shown, it includes a picture editing page 300, a first picture 301 located on the picture editing page 300 at a first time point, and a second picture 501 located on the picture editing page 300 at a second time point. Optionally, the first picture 301 has a first picture frame edge 601, the second picture 501 has a second picture frame edge 602, and the first picture also includes a second picture adding control 700.
[0177] In a specific embodiment, if the first client detects that the raster image adding control is clicked, a raster image adding instruction may be generated. Optionally, the first client may return to the picture editing page based on the generated raster image adding instruction, and display the first picture with the first photo frame edge on the picture editing page. The upper layer of the first picture with the first photo frame edge may display the following Figure 7 The second picture shown adds the controls.
[0178] Optionally, if the first client detects that the second picture adding control is clicked, a picture adding instruction may be generated. Optionally, the first client may display a picture storage area including multiple pictures to be selected based on the picture adding instruction, and when a picture among the multiple pictures to be selected is selected, the first client may jump back to the picture editing page and display the second picture with the second photo frame edge on the picture editing page.
[0179] Thus, the first picture and the second picture with the frame edge both have a feeling of real photos, which can be clearly distinguished from traditional online pictures, thereby giving users a more real and nostalgic experience.
[0180] In the embodiment of the present application, after the first client adds the first picture with the first frame edge and the second picture with the second frame edge on the picture editing page, the first client can display the first picture with the first frame edge on the picture editing page. Then, the first client can display the second picture with the second frame edge on the picture editing page in response to a switching instruction triggered by a preset switching operation.
[0181] Figure 8 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 6 , Figure 8 It involves a schematic diagram of image switching on an image editing page, such as Figure 8 As shown, it includes a picture editing page 300, a first picture 301 located on the picture editing page 300 at a first time point, and a second picture 501 located on the picture editing page 300 at a second time point. Optionally, the first picture 301 has a first frame edge 601, and the second picture 501 has a second frame edge 602.
[0182] In an optional embodiment, after the first client adds a first picture with a first frame edge and a second picture with a second frame edge on the picture editing page, the switching between the first picture and the second picture can be previewed. Optionally, the first client can display the first picture on the picture editing page at a first time point, and in response to a switching instruction triggered by a preset switching operation, the first client can display the second picture on the picture editing page at a second time point. Figure 8 As shown, the second picture displayed at the second time point presents a side-view effect, which is related to a preset switching operation, such as shaking the phone or flipping the phone to a certain angle.
[0183] In the embodiment of the present application, in response to a raster image adding instruction triggered by a raster image adding control, the first client can determine the first picture and the second picture based on the adding order in the raster image adding instruction. Optionally, the first client can display the first picture with a first photo frame edge on the picture editing page, and optionally, in response to a switching instruction triggered by a preset switching operation, the first client can display the second picture with a second photo frame edge on the picture editing page.
[0184] In a specific embodiment, if the first client detects that a raster image adding control on the image editing page is clicked, a raster image adding instruction may be generated. The first client may display multiple images to be selected located in the image storage area based on the raster image adding instruction. Optionally, when the user clicks on two images among the multiple images to be selected, the first client may determine the first image and the second image among the two images according to the order in which the two images are clicked or the order in which they are added.
[0185] Optionally, based on determining the first picture and the second picture, the first client can display the first picture with a first photo frame edge on the picture editing page. Optionally, in response to a switching instruction triggered based on a preset switching operation, the first client can display the second picture with a second photo frame edge on the picture editing page.
[0186] Different from the process of uploading pictures twice in the above text, in the embodiment of the present application, only one picture selection is required to determine two pictures, thereby reducing the human-computer interaction process.
[0187] In the embodiment of the present application, the edge of the first photo frame includes a first information adding area, and the edge of the first photo frame includes a second information adding area.
[0188] Fig. 9 A schematic diagram of a picture editing page according to an exemplary embodiment is shown Figure 7 ,like Fig. 9 As shown, the schematic diagram on the left is a picture editing page 300 at a first time point, a first picture 301 on the picture editing page 300, a first photo frame edge 601 of the first picture 301, and a first information adding area 901 located on the first photo frame edge 601. The schematic diagram on the right is a picture editing page 300 at a second time point, a second picture 501 on the picture editing page 300, a second photo frame edge 602 of the second picture 501, and a second information adding area 902 located on the second photo frame edge 602.
[0189] In some possible embodiments, in response to a first information adding instruction triggered based on the first information adding area, the first client may display the first description information in the first information adding area.
[0190] Likewise, in response to the second information adding instruction triggered based on the second information adding area, the first client may display the second description information in the second information adding area.
[0191] In some other possible embodiments, in response to an information adding instruction triggered based on the information adding area, the first client may display the same description information in the first information adding area and the second information adding area.
[0192] Optionally, the form of the first description information and the form of the second description information include at least one of text form, emoticon form or voice form.
[0193] like Fig. 9 As shown, the first description information and the second description information may be different description information. For example, the first description information is “XXXXXXXX” and the second description information is “YYYYYYYY”.
[0194] Optionally, the first description information and the second description information may be the same description information, for example, the first description information and the second description information are both "XXXXXXXX". In this embodiment, in response to the first information adding instruction triggered based on the first information adding area, the first client may display the added first description information in the first information adding area and the second information adding area at the same time.
[0195] In this way, not only can multiple pictures be displayed in the same area of the picture editing page, but also description information can be carried, thereby increasing the amount of information in the published content.
[0196] In an embodiment of the present application, the grating image of the present application may also be composed of multiple images of more than two images, such as a first image, a second image, and a third image.
[0197] In the embodiment of the present application, a raster image means that a plurality of images, such as a first image, a second image, and a third image, are displayed in the same area of an image editing page or other pages at different time points. The second image is switched to be displayed by the first image based on a first preset switching operation, the third image is switched to be displayed by the second image based on a second preset switching operation, and the first image is switched to be displayed by the third image based on a third preset switching operation.
[0198] In the embodiment of the present application, the implementation and display method of the raster image composed of three pictures can refer to the raster image composed of two pictures mentioned above, and will not be repeated here.
[0199] In the embodiment of the present application, the picture editing page also includes a publishing control.
[0200] Optionally, in response to a publishing instruction triggered by a publishing control, the first client may publish resources to be published to obtain target resources, wherein the resources to be published include the first image and the second image.
[0201] Optionally, the picture editing page also includes a publishing control. Optionally, in response to a publishing instruction triggered by the publishing control, the first client can publish the resources to be published and obtain the target resources, wherein the resources to be published include the first picture and the second picture.
[0202] Optionally, the resource to be published may be a raster image, which is composed of a first image and a second image.
[0203] Optionally, the resource to be published may be a picture set, the picture set includes at least one raster image, and one raster image in the at least one raster image consists of a first picture and a second picture.
[0204] Optionally, the resource to be published may be a resource consisting of a picture set and text, wherein the picture set includes at least one raster image, and one raster image in the at least one raster image consists of a first picture and a second picture.
[0205] Fig.10 It is a flowchart of a method for displaying an image according to an exemplary embodiment. It should be noted that this specification provides method operation steps as described in the embodiment or flowchart, but more or fewer operation steps may be included based on conventional or non-creative labor. The order of steps listed in the embodiment is only one way of executing the steps among many orders, and does not represent the only order of execution. When the actual system or product is executed, it can be executed in sequence or in parallel according to the method shown in the embodiment or the accompanying drawings (for example, in a parallel processor or multi-threaded processing environment). Specifically, Fig.10 As shown, the flow chart at least includes the following steps S1001:
[0206] In step S1001, the target resource is displayed on the resource display page; the target resource is obtained by publishing the to-be-published resources including the first picture and the second picture; the first picture and the second picture are displayed in the same area of the resource display page at different time points, and the second picture is switched from the first picture to be displayed based on a preset switching operation.
[0207] In the embodiment of the present application, the subject of execution of step S1001 and the embodiments extended by step S1001 is the second client, which is a resource consumer.
[0208] In an embodiment of the present application, the second client can display the target resource on the resource display page. The target resource is obtained by publishing the to-be-published resource including the first image and the second image. The first image and the second image are displayed in the same area of the resource display page at different time points, and the second image is switched from the first image to be displayed based on a preset switching operation.
[0209] In an optional embodiment, the same area displayed on the picture editing page may mean that there is an area A on the picture editing page, and the first picture and the second picture are displayed in the area A at different time points, and the visual perception of the first picture and the second picture displayed in the area A is the same, for example, the first picture and the second picture both fill the area A.
[0210] In another optional embodiment, the same area displayed on the picture editing page may refer to an area A on the picture editing page, the first picture and the second picture are displayed in the area A at different time points, and the visual perception of the first picture and the second picture displayed in the area A is different. For example, the first picture may be flatly spread over the entire area A, and the second picture is also displayed in the area A, but the second picture is flipped at a certain angle in a certain direction, so that in addition to the first picture, there are some blank areas in the area A. Fig.11 A schematic diagram of a resource display page according to an exemplary embodiment Figure 1 ,like Fig.11 As shown, it includes a resource display page 1100 and a first picture 1101 displayed on the resource display page.
[0211] Fig.12 A schematic diagram of a resource display page according to an exemplary embodiment Figure 2 ,like Fig.12 As shown, it includes a resource display page 1100 and a second picture 1102 displayed on the resource display page.
[0212] Combine the following Fig.11 and Fig.12 In the embodiment of the present application, after the first client publishes the word to be published and obtains the target resource, the second client can display the target resource. Specifically, the second client can first display the first picture, and in response to the switching instruction triggered by the preset switching operation, the second client can display the second picture.
[0213] In some possible embodiments, after the first client publishes the word to be published and obtains the target resource, the second client can display the target resource. The second client can first display the first picture, and in response to a switching instruction triggered by performing a flipping preset angle behavior on the second device to which the second client belongs, the second picture with a second photo frame edge can be displayed on the resource display page.
[0214] like Fig.12 As shown, the second picture displayed presents a side-view effect, which is related to a preset switching operation, such as shaking the phone, giving the user a more realistic feeling and improving the user experience.
[0215] In the present application embodiment, Fig.11 and Fig.12 As shown, the first picture has a first frame edge, and the second picture has a second frame edge. Optionally, the second client can display the first picture with the first frame edge on the resource display page, and in response to a switching instruction triggered based on a preset switching operation, the second client can display the second picture with the second frame edge on the resource display page.
[0216] Fig.13 A schematic diagram of a resource display page according to an exemplary embodiment Figure 3 ,like Fig.13 As shown, it includes a resource display page 1100 and a first picture 1101 displayed on the resource display page. Optionally, the resource display page 1100 also includes a raster image adding control 1300, and the raster image adding control is used to be triggered to form a raster image through the third picture and the fourth picture.
[0217] The third picture and the fourth picture are used to form a raster image. In the embodiment of the present application, the raster image means that multiple pictures, such as two pictures, namely the third picture and the fourth picture are displayed in the same area of the picture editing page or other pages at different time points, and the fourth picture is switched from the third picture to be displayed based on a preset switching operation, or the third picture is switched from the fourth picture to be displayed based on a preset switching operation.
[0218] In the embodiment of the present application, the two images forming the raster image may not have any relationship in terms of image features. Optionally, the two images forming the raster image are both from the image storage area of the first device to which the second client belongs, but the two images are two images that have no relationship, for example, the two images may be images downloaded from online to the image storage area.
[0219] In the embodiment of the present application, the two images forming the grating image may have a relationship in terms of image features.
[0220] In an optional embodiment, the third picture and the fourth picture are two original pictures. The third picture and the fourth picture are both from the picture storage area of the first device to which the second client belongs, for example, the third picture and the fourth picture are both from the album of the first device to which the second client belongs.
[0221] Optionally, the third picture and the fourth picture have associated feature information, wherein the feature information includes at least one of space information, character information, and color information.
[0222] Optionally, the spatial information indicates that the spatial information in which the third picture and the fourth picture are located is the same, and the spatial information may also be referred to as scene information. Optionally, the space involved in the third picture and the fourth picture is the same beach, the same indoor scene, the same park, etc. For example, the space involved in the third picture and the fourth picture is beach A, but the character object in the third picture and the character object in the fourth picture are different.
[0223] Optionally, the character information indicates that the character objects included in the third picture and the fourth picture are the same. For example, the character objects involved in the third picture and the fourth picture are both user A, but the spaces involved in the third picture and the fourth picture are different.
[0224] Optionally, the color information indicates that the color information or style information included in the third picture and the fourth picture is the same. For example, the style information involved in the third picture and the fourth picture is ancient style information.
[0225] When the raster image adding control on the second client is triggered, the relevant implementation scheme can be executed with reference to the embodiments involved in the raster image adding control of the first client, which will not be described in detail here.
[0226] In summary, the embodiment of the present application can enrich the creative content by displaying the first picture and the second picture in the same area of the picture editing page, so that the work can carry more creative information. Secondly, it can make the sharing of pictures have rich and diverse and vivid transmission channels, thereby generating more excellent works, improving the richness of the content produced in the application, and making the most reasonable use of information resources.
[0227] Fig.14 It is a block diagram of a picture display device according to an exemplary embodiment. It has the function of implementing the data processing method in the above method embodiment, and the function can be implemented by hardware or by hardware executing corresponding software.
[0228] Reference Fig.14 , the device includes a first display module 1401 and a second display module 1402:
[0229] The first display module 1401 is configured to execute a raster image adding control displayed on the image editing page;
[0230] The second display module 1402 is configured to execute a raster image adding instruction in response to being triggered based on a raster image adding control, and display the first image and the second image in the image editing page; the first image and the second image are displayed in the same area of the image editing page at different time points, and the second image is switched from the first image to be displayed based on a preset switching operation.
[0231] In some possible embodiments, the first picture and the second picture are both from a picture storage area of a first device to which the first client belongs;
[0232] Feature information that the first picture and the second picture are associated;
[0233] The feature information includes at least one of space information, person information, and color information.
[0234] In some possible embodiments, the first picture comes from a picture storage area of a first device to which the first client belongs;
[0235] The second picture is obtained based on image processing of the first picture;
[0236] The image processing includes at least one of color processing and shape processing.
[0237] In some possible embodiments, the first display module is configured to execute:
[0238] Display the first picture and object adding controls on the picture editing page;
[0239] The second display module is configured to execute:
[0240] In response to an object adding instruction triggered by an object adding control, displaying a control panel; the control panel includes a raster image adding control;
[0241] In response to the raster image adding instruction triggered by the raster image adding control, a second image is added to the image editing page.
[0242] In some possible embodiments, the second display module is configured to execute:
[0243] In response to a raster image adding instruction triggered based on a raster image adding control, displaying a first image with a first photo frame edge on the image editing page;
[0244] In response to a picture adding instruction triggered by the first picture with a picture frame edge, adding a second picture in the picture editing page;
[0245] The second picture displayed in the picture editing page is a second picture with a second photo frame edge.
[0246] In some possible embodiments, the second display module is configured to execute:
[0247] Displaying the first picture with the first picture frame edge on the picture editing page;
[0248] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the picture editing page.
[0249] In some possible embodiments, the second display module is configured to execute:
[0250] In response to a raster image adding instruction triggered based on a raster image adding control, determining a first picture and a second picture based on an adding order in the raster image adding instruction;
[0251] Displaying the first picture with the first picture frame edge on the picture editing page;
[0252] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the picture editing page.
[0253] In some possible embodiments, the first photo frame edge includes a first information adding area; the first photo frame edge includes a second information adding area;
[0254] The device also includes an information display module, which is configured to execute:
[0255] In response to a first information adding instruction triggered based on the first information adding area, displaying first description information in the first information adding area;
[0256] In response to a second information adding instruction triggered based on the second information adding area, displaying second description information in the second information adding area;
[0257] The form of the first description information and the form of the second description information include at least one of text form, emoticon form or voice form.
[0258] In some possible embodiments, the preset switching operation includes executing a preset operation on the first device to which the first client belongs or executing a preset operation on a screen of the first device to which the first client belongs.
[0259] In some possible embodiments, the picture editing page further includes a publishing control;
[0260] The apparatus further includes a publishing module, which is configured to execute:
[0261] In response to a publishing instruction triggered by a publishing control, the resource to be published is published to obtain a target resource;
[0262] The resources to be published include a first picture and a second picture.
[0263] It should be noted that the device provided in the above embodiment, when implementing its functions, is only illustrated by the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the device and method embodiments provided in the above embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.
[0264] Fig.15 It is a block diagram of a picture display device according to an exemplary embodiment. It has the function of implementing the data processing method in the above method embodiment, and the function can be implemented by hardware or by hardware executing corresponding software.
[0265] Reference Fig.15 , the device includes a third display module 1501:
[0266] The third display module 1501 is configured to execute display of the target resource on the resource display page; the target resource is obtained by publishing the to-be-published resources including the first picture and the second picture; the first picture and the second picture are displayed in the same area of the resource display page at different time points, and the second picture is switched from the first picture to be displayed based on a preset switching operation.
[0267] In some possible embodiments, the first picture has a first picture frame edge; the second picture has a second picture frame edge;
[0268] The device further includes a fourth display module, the fourth display module being configured to execute:
[0269] Displaying a first picture with a first picture frame edge on a resource display page;
[0270] In response to a switching instruction triggered based on a preset switching operation, a second picture with a second photo frame edge is displayed on the resource display page.
[0271] In some possible embodiments, the fourth display module is configured to execute:
[0272] In response to a switching instruction triggered by flipping a preset angle on a second device to which the second client belongs, the second picture with the second photo frame edge is displayed on the resource display page.
[0273] In some possible embodiments, the resource display page includes a raster image adding control;
[0274] The raster image adding control is used to be triggered to form a raster image through the third image and the fourth image.
[0275] It should be noted that the device provided in the above embodiment, when implementing its functions, is only illustrated by the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the device and method embodiments provided in the above embodiment belong to the same concept, and the specific implementation process is detailed in the method embodiment, which will not be repeated here.
[0276] Fig.16 3000 is a block diagram of a device for displaying pictures according to an exemplary embodiment. For example, the device 3000 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.
[0277] Reference Fig.16 , the device 3000 may include one or more of the following components: a processing component 3002 , a memory 3004 , a power component 3006 , a multimedia component 3008 , an audio component 3010 , an input / output (I / O) interface 3012 , a sensor component 3014 , and a communication component 3016 .
[0278] The processing component 3002 generally controls the overall operation of the device 3000, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 3002 may include one or more processors 3020 to execute instructions to complete all or part of the steps of the above-mentioned method. In addition, the processing component 3002 may include one or more modules to facilitate the interaction between the processing component 3002 and other components. For example, the processing component 3002 may include a multimedia module to facilitate the interaction between the multimedia component 3008 and the processing component 3002.
[0279] The memory 3004 is configured to store data of various image types to support operations on the device 3000. Examples of such data include instructions for any application or method operating on the device 3000, contact data, phone book data, messages, pictures, videos, etc. The memory 3004 can be implemented by any image type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.
[0280] The power supply component 3006 provides power to the various components of the device 3000. The power supply component 3006 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 3000.
[0281] The multimedia component 3008 includes a screen that provides an output interface between the device 3000 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 3008 includes a front camera and / or a rear camera. When the device 3000 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
[0282] The audio component 3010 is configured to output and / or input audio signals. For example, the audio component 3010 includes a microphone (MIC), and when the device 3000 is in an operating mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 3004 or sent via the communication component 3016. In some embodiments, the audio component 3010 also includes a speaker for outputting audio signals.
[0283] I / O interface 3012 provides an interface between processing component 3002 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: home button, volume button, start button, and lock button.
[0284] The sensor assembly 3014 includes one or more sensors for providing various aspects of status assessment for the device 3000. For example, the sensor assembly 3014 can detect the open / closed state of the device 3000, the relative positioning of components, such as the display and keypad of the device 3000, and the sensor assembly 3014 can also detect changes in the position of the device 3000 or a component of the device 3000, the presence or absence of user contact with the device 3000, the orientation or acceleration / deceleration of the device 3000, and the temperature change of the device 3000. The sensor assembly 3014 may include a proximity sensor configured to detect the presence of a nearby object without any physical contact. The sensor assembly 3014 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 3014 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
[0285] The communication component 3016 is configured to facilitate wired or wireless communication between the device 3000 and other devices. The device 3000 can access a wireless network based on a communication standard, such as WiFi, a carrier network (such as 2G, 3G, 4G or 5G), or a combination thereof. In an exemplary embodiment, the communication component 3016 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 3016 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.
[0286] In an exemplary embodiment, the apparatus 3000 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors or other electronic components to perform the above method.
[0287] An embodiment of the present invention also provides a computer-readable storage medium, which can be set in an electronic device to store at least one instruction or at least one program related to implementing a picture display method. The at least one instruction or the at least one program is loaded and executed by the processor to implement the picture display method provided by the above method embodiment.
[0288] In an exemplary embodiment, a storage medium including instructions is also provided, such as a memory 3004 including instructions, and the instructions can be executed by the processor 3020 of the device 3000 to complete the above method. Optionally, the storage medium can be a non-transitory computer-readable storage medium, for example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.
[0289] An embodiment of the present invention further provides a computer-readable storage medium. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute any method in the first aspect of the embodiment of the present disclosure.
[0290] An embodiment of the present invention further provides a computer program product, which includes a computer program, the computer program is stored in a readable storage medium, and at least one processor of a computer device reads and executes the computer program from the readable storage medium, so that the computer device performs any method in the first aspect of the embodiments of the present disclosure.
[0291] It should be noted that the sequence of the above embodiments of the present invention is for description only and does not represent the advantages and disadvantages of the embodiments. The above describes specific embodiments of this specification. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the embodiments and still achieve the desired results. In addition, the processes depicted in the accompanying drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, picture display and parallel processing are also possible or may be advantageous.
[0292] Each embodiment in this specification is described in a progressive manner, and the same or similar parts between the embodiments can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment.
[0293] A person skilled in the art will understand that all or part of the steps to implement the above embodiments may be accomplished by hardware or by instructing related hardware through a program, and the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a disk or an optical disk, etc.
[0294] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims
1. A method for displaying an image, characterized in that: Applied to the first client, including: Add controls to display raster images on the image editing page; In response to a raster image adding instruction triggered based on the raster image adding control, a first image and a second image are displayed in the image editing page; the first image and the second image are displayed in the same area of the image editing page at different time points, and the second image is switched to be displayed by the first image based on a preset switching operation.
2. The image display method according to claim 1, characterized in that: The first picture and the second picture are both from a picture storage area of a first device to which the first client belongs; There is associated feature information between the first picture and the second picture; The feature information includes at least one of space information, character information, and color information.
3. The image display method according to claim 1, characterized in that: The first picture comes from a picture storage area of a first device to which the first client belongs; The second picture is obtained based on image processing of the first picture; The image processing includes at least one of color processing and shape processing.
4. The image display method according to any one of claims 1 to 3, characterized in that: The control for adding a raster image to the image editing page includes: Displaying a first picture and an object adding control on the picture editing page; The method of displaying the first image and the second image in the image editing page in response to the raster image adding instruction triggered by the raster image adding control includes: In response to an object adding instruction triggered based on the object adding control, displaying a control panel; the control panel includes the raster image adding control; In response to a raster image adding instruction triggered based on the raster image adding control, the second image is added to the image editing page.
5. The image display method according to claim 4, characterized in that: In response to the raster image adding instruction triggered by the raster image adding control, adding the second image in the image editing page includes: In response to the raster image adding instruction triggered by the raster image adding control, displaying the first image with a first photo frame edge on the image editing page; In response to a picture adding instruction triggered by the first picture with the picture frame edge, adding the second picture in the picture editing page; The second picture displayed in the picture editing page is a second picture with a second photo frame edge.
6. The image display method according to claim 5, characterized in that: The method further comprises: Displaying the first picture with the first picture frame edge on the picture editing page; In response to a switching instruction triggered based on the preset switching operation, the second picture with the second photo frame edge is displayed on the picture editing page.
7. The image display method according to claim 1, characterized in that: The method of displaying the first image and the second image in the image editing page in response to the raster image adding instruction triggered by the raster image adding control includes: In response to a raster image adding instruction triggered by the raster image adding control, determining the first picture and the second picture based on an adding order in the raster image adding instruction; Displaying the first picture with a first picture frame edge on the picture editing page; In response to a switching instruction triggered based on the preset switching operation, the second picture with a second photo frame edge is displayed on the picture editing page.
8. The image display method according to claim 5 or 7, characterized in that: The first photo frame edge includes a first information adding area; the first photo frame edge includes a second information adding area; The method further comprises: In response to a first information adding instruction triggered based on the first information adding area, displaying first description information in the first information adding area; In response to a second information adding instruction triggered based on the second information adding area, displaying second description information in the second information adding area; The form of the first description information and the form of the second description information include at least one of text form, emoticon form or voice form.
9. The image display method according to claim 6 or 7, characterized in that: The preset switching operation includes executing a preset operation on a first device to which the first client belongs or executing a preset operation on a screen of the first device to which the first client belongs.
10. The image display method according to claim 1, 6 or 7, characterized in that: The picture editing page also includes a publishing control; The method further comprises: In response to a publishing instruction triggered by the publishing control, publishing the resource to be published to obtain the target resource; The resources to be published include the first picture and the second picture.
11. A method for displaying a picture, characterized in that: Applied to the second client, including: Display the target resource on the resource display page; the target resource is obtained by publishing the to-be-published resources including the first picture and the second picture; the first picture and the second picture are displayed in the same area of the resource display page at different time points, and the second picture is switched to be displayed by the first picture based on a preset switching operation.
12. The image display method according to claim 11, characterized in that: The first picture has a first frame edge; The second picture has a second frame edge; The method further comprises: Displaying the first picture with the first photo frame edge on the resource display page; In response to a switching instruction triggered based on the preset switching operation, the second picture with the second photo frame edge is displayed on the resource display page.
13. The image display method according to claim 12, characterized in that: The step of displaying the second picture with the second photo frame edge on the resource display page in response to the switching instruction triggered based on the preset switching operation includes: In response to a switching instruction triggered by flipping a preset angle on a second device to which the second client belongs, the second picture with the second photo frame edge is displayed on the resource display page.
14. The image display method according to any one of claims 11 to 13, characterized in that: The resource display page includes a raster image adding control; The raster image adding control is used to be triggered to form a raster image through the third picture and the fourth picture.
15. A picture display device, characterized in that: include: A first display module is configured to execute a raster image adding control displayed on the image editing page; The second display module is configured to execute a raster image adding instruction in response to being triggered based on the raster image adding control, and display the first image and the second image in the image editing page; the first image and the second image are displayed in the same area of the image editing page at different time points, and the second image is switched to be displayed by the first image based on a preset switching operation.
16. A picture display device, characterized in that: include: A third display module is configured to display the target resource on the resource display page; The target resource is obtained by publishing resources to be published including a first image and a second image; the first image and the second image are displayed in the same area of the resource display page at different time points, and the second image is switched from the first image to be displayed based on a preset switching operation.
17. An electronic device, characterized in that: include: processor; a memory for storing instructions executable by the processor; The processor is configured to execute the instructions to implement the picture display method as described in any one of claims 1 to 10 or 11 to 14.
18. A computer-readable storage medium, characterized in that: When the instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the picture display method as described in any one of claims 1 to 10 or 11 to 14.
19. A computer program product, characterized in that The computer program product includes a computer program, which is stored in a readable storage medium. At least one processor of a computer device reads and executes the computer program from the readable storage medium, so that the device executes the picture display method according to any one of claims 1 to 10 or 11 to 14.