Image Generation Method, Apparatus, Device, and Medium

Abstract

The present application discloses an image generation method, apparatus, device and medium, belonging to the technical field of image processing. The image generation method includes: displaying first interface information, where the first interface information includes elements in the first interface and layout information of the elements; receiving a first input from a user for the first interface information; in response to the first input, updating the content of the first interface information to obtain second interface information; and generating a first target image according to the second interface information.

Description

Technical Field

[0001] This application belongs to the technical field of image processing, and particularly relates to an image generation method, apparatus, device and medium. Background Art

[0002] With the development of technology, intelligent terminals have been gradually popularized. Intelligent terminals have many functions, such as screenshotting. Through screenshotting, users can save the content of the screen for subsequent use.

[0003] In related technologies, the captured pictures are generally directly saved. Sometimes there is some information in the captured pictures that users do not want to keep. For this information, users often need to process it through professional image processing software, and the operation is cumbersome. Summary of the Invention

[0004] The purpose of the embodiments of this application is to provide an image generation method, apparatus, device and medium, which can solve the technical problem that in related technologies, users need to process screenshots through professional image processing software, and the operation is cumbersome.

[0005] In a first aspect, the embodiments of this application provide an image generation method, which includes:

[0006] Display first interface information, where the first interface information includes elements in the first interface and layout information of the elements;

[0007] Receive a first input from the user to the first interface information;

[0008] In response to the first input, update the content of the first interface information to obtain second interface information;

[0009] Generate a first target image according to the second interface information.

[0010] In a second aspect, the embodiments of this application provide an image generation apparatus, which includes:

[0011] A first display module, configured to display first interface information, where the first interface information includes elements in the first interface and layout information of the elements;

[0012] A first receiving module, configured to receive a first input from the user to the first interface information;

[0013] An update module, configured to update the content of the first interface information in response to the first input to obtain second interface information;

[0014] A first generation module, configured to generate a first target image according to the second interface information.

[0015] In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor. When the program or instruction is executed by the processor, the steps of the method according to the first aspect are implemented.

[0016] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the steps of the method according to the first aspect are implemented.

[0017] In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor, and the processor is used to run a program or instruction to implement the method according to the first aspect.

[0018] In an embodiment of the present application, a first input from a user to the first interface information is received, and in response to the first input, the content of the first interface information is updated to obtain second interface information. According to the second interface information, a first target image is generated. Here, the first interface information includes the elements in the first interface and the layout information of the elements. The user can edit and update the elements and the layout information in the first interface. That is to say, the user can modify the content in the first interface information through the first input, and then generate a corresponding image, without using professional image processing software, and the operation is simple. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] Figure 1 is a schematic flowchart of an image generation method provided by an embodiment of the present application;

[0020] Figure 2 is a schematic flowchart of another image generation method provided by an embodiment of the present application;

[0021] Figure 3 is a schematic diagram of the process of adjusting the interface layout provided by an embodiment of the present application;

[0022] Figure 4 is a schematic diagram of the process of replacing the avatar provided by an embodiment of the present application;

[0023] Figure 5 is a schematic flowchart of yet another image generation method provided by an embodiment of the present application;

[0024] Figures 6 - 14 is a schematic diagram of the display interface of the electronic device provided by an embodiment of the present application;

[0025] Figure 15 is a block diagram of the structure of an image generation device provided by an embodiment of the present application;

[0026] Figure 16It is a block diagram of a structure of an electronic device provided by an embodiment of the present application;

[0027] Figure 17 It is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present application. Detailed implementation manners

[0028] Next, the technical solutions in the embodiments of the present application will be clearly described in conjunction with the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art belong to the scope of protection of the present application.

[0029] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, rather than to describe a specific order or sequence. It should be understood that such data can be interchanged under appropriate circumstances so that the embodiments of the present application can be implemented in an order other than those illustrated or described herein, and the objects distinguished by "first", "second", etc. are usually of the same category, and the number of objects is not limited. For example, the first object can be one or multiple. In addition, "and / or" in the specification and claims means at least one of the connected objects, and the character " / " generally means that the associated objects before and after are in an "or" relationship.

[0030] Next, in conjunction with the accompanying drawings, the image generation method provided by the embodiments of the present application will be described in detail through specific embodiments and their application scenarios.

[0031] As described in the background art section, sometimes there will be some information in the pictures generated by screenshots that users do not want to retain. For this information, users often need to process it through professional image processing software, and the operation is cumbersome.

[0032] Based on this, the embodiments of the present application provide an image generation method, device, equipment and medium. Users can modify the content in the first interface information through the first input, and then generate corresponding images, without using professional image processing software, and the operation is simple.

[0033] The image generation method of the embodiments of the present application can be applied to an electronic device. The execution subject of this image generation method can be, but is not limited to, at least one of user terminals such as mobile phones, tablet computers, wearable devices, etc. that can be configured to execute the image generation method provided by the embodiments of the present application. Or, the execution subject of this method can also be the client itself that can execute this method.

[0034] For ease of description, the following takes the method's execution subject as a terminal device capable of executing the method as an example to introduce the implementation of the method. It can be understood that the method's execution subject as a terminal device is only an exemplary description and should not be understood as a limitation on the method.

[0035] Figure 1 A flow chart of an image generating method provided in an embodiment of the present application is shown.

[0036] like Figure 1 As shown, the image generation method may include the following steps:

[0037] Step 110, displaying first interface information, where the first interface information includes elements in the first interface and layout information of the elements;

[0038] Step 120, receiving a first input of the user on the first interface information;

[0039] Step 130, in response to the first input, updating the content of the first interface information to obtain the second interface information;

[0040] Step 140: Generate a first target image according to the second interface information.

[0041] In the embodiment of the present application, a first input of a user to the first interface information is received, and in response to the first input, the content of the first interface information is updated to obtain the second interface information, and a first target image is generated according to the second interface information. In other words, the user can modify the content in the first interface information through the first input, and then generate a corresponding image, without the need to use professional image processing software, and the operation is simple.

[0042] The above steps are described in detail below:

[0043] The “element” in the above steps may be information or content displayed on the display interface, such as graphics, text and other information or content in the display interface.

[0044] Here, the elements can be classified according to whether they belong to images or texts, or they can be classified according to the meanings they represent. Please refer to the specific embodiments below for the attributes of the elements, which will not be described here.

[0045] The layout information of an element can be the position parameter of the element in the interface where it is located, and the position parameter can be the arrangement and layout relationship of multiple elements in the interface. It should be noted that when the size of the interface is adjusted, the elements can be adaptively adjusted in accordance with the corresponding proportions according to the size adjustment. However, the layout relationship of the elements, that is, the position relationship between the elements, does not change.

[0046] Here, the first interface may be a communication session interface. The communication session interface often contains some private information that is inconvenient to be displayed in the generated image, and needs to be processed so that the private information is not displayed in the first target image. In order to further improve the convenience of the image generation method for processing the communication session interface, the image generation method can divide the elements according to the communication session interface, thereby facilitating the user to perform corresponding processing on different elements.

[0047] The above elements may include one of session information, session object name, and session object avatar.

[0048] The communication session interface can be a session interface of an instant messaging software, or a session interface such as a text message, email, or private message. The session interface generally includes at least two session users. Session information is generated when the session users have a conversation with each other. Session users can also be called session objects or communication objects, and session objects can have names, avatars, etc.

[0049] The session information may be a chat record in a communication session interface, and the chat record may include text, images, red envelopes, transfer records, etc. In the element recognition process, a free image with a chat background may be recognized as session information or a session interface.

[0050] The name of the session object. The session object can be multiple objects or one object that communicates with the terminal device user. The session object can have its own nickname or a remark name. Here, both the nickname and the remark name can be the session object name. During the name recognition process of the session object, the text at the top of the session interface can be recognized as the session object name.

[0051] The conversation object avatar, the conversation object can have its own avatar, and this avatar can also be the avatar that comes with the communication software. During the avatar recognition process, a picture element with a fixed size and position can be recognized as an avatar.

[0052] The first input may be: a click input of an element in the first interface by a user, or a voice command input by a user, or a specific gesture input by a user. The specific input may be determined according to actual usage requirements, and the embodiment of the present application does not limit this.

[0053] The specific gesture in the embodiment of the present application can be any one of a single-click gesture, a sliding gesture, a drag gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double-press gesture, and a double-click gesture; the click input in the embodiment of the present application can be a single-click input, a double-click input, or any number of click inputs, etc., and can also be a long press input or a short press input.

[0054] The first input may be an input of a user editing a target element. The editing process may be editing, modifying, deleting, etc. of text information. The editing process may also be deleting, replacing, enlarging, reducing, etc. of a graphic or image. In addition, the editing process may also be processing of a newly added element, such as adding text, graphics, etc.

[0055] The target element may be an element in the first interface information and / or an element newly added based on element attributes. In other words, the target element may be an identified element or a newly added element.

[0056] As an example, the newly added element may be the same as the element in the first interface information, for example, the newly added element is obtained by copying the element in the first interface information.

[0057] As another example, the newly added element may be different from the element in the first interface information, for example, the newly added element may be an element added by the user on the display interface, such as text input by the user or graphics added, etc. The newly added element may also be graffiti, mosaic, etc.

[0058] The element attributes corresponding to the element are the same as those in the previous text. In other words, the element attributes can be divided according to the meaning of the element in the interface where it is located.

[0059] It should be noted that the editing process here is to process the elements directly, not the image, and does not add a cover to the image. Therefore, there is no obvious trace of modification on the image after editing, and there is no need to use mosaic to cover the information.

[0060] The elements to be edited may be private information, such as telephone numbers, notes, and other private information.

[0061] In step 130, in response to the first input, the content of the first interface information is updated to obtain the second interface information.

[0062] In this embodiment, the second interface information is the interface information after the first interface information is modified. The second interface information here may include elements and layout information of the elements. It should be noted that the interface here may be an interface displayed on the terminal device, rather than an image saved on the terminal device.

[0063] Step 140: Generate a first target image according to the second interface information. Here, the first target image may be generated by rendering the element based on the layout information of the element.

[0064] Here, the elements and layout information in the second interface information have been edited and updated by the user.

[0065] In the image generation method provided by the embodiments of the present application, the user can perform editing processing on the target element, and generate an image based on the target element after the editing processing, so that there is no need to perform additional modification processing on the generated image, thereby improving the user experience.

[0066] In some embodiments, in order to improve the user experience, on the basis of the above embodiments, before displaying the first interface information in step 110, as Figure 2 shown, the method may further include:

[0067] Step 210, receiving a second input from the user for the first interface;

[0068] Step 220, in response to the second input, copying the elements and the layout information of the elements in the first interface.

[0069] In step 210, the second input may be: a click input on a control in the first interface by the user, or a voice command input by the user, or a specific gesture input by the user. Specifically, it can be determined according to actual usage requirements, and the embodiments of the present application do not limit this.

[0070] The specific gesture in the embodiments of the present application may be any one of a click gesture, a swipe gesture, a drag gesture, a pressure recognition gesture, a long press gesture, an area change gesture, a double press gesture, a double click gesture, etc.; the click input in the embodiments of the present application may be a single click input, a double click input or a click input of any number of times, etc., and may also be a long press input or a short press input.

[0071] The second input can be understood as an input for enabling the terminal device to perform an image generation operation. For example, it can be an operation for taking a screenshot. The second input can be a touch operation applied by the user to the screen. The terminal device can be pre-configured with operation controls for image generation, and the second input can be an input operation by the user on the operation controls.

[0072] It should be understood that in actual applications, for the convenience of the user's input for image generation operations, the terminal device can provide the user with shortcut keys for image generation input, such as the "screenshot" control in the drop-down menu, the menu key, the volume key, etc. These shortcut keys can be virtual controls or physical buttons. The user's triggering of these shortcut keys can be used as the second input in the embodiments of the present application. That is to say, the second input in the embodiments of the present application can be implemented by triggering the shortcut keys described above.

[0073] In the embodiments of the present application, the user can independently select an interface to generate an image, and copy the elements and the layout information of the selected interface. In this way, when generating an image, the elements and the layout information in the interface can be edited and updated to obtain an image of the interface, improving the user experience.

[0074] To further improve the user experience, various editing operations can also be performed on elements in the image generation method provided in the embodiments of the present application.

[0075] In some embodiments, step 130 of the above embodiments in response to the first input to update the content of the first interface information may include at least one of the following:

[0076] Deleting the first element in the first interface information; adding a second element to the first interface information; replacing the third element in the first interface information; updating the content of the fourth element in the first interface information; updating the layout information.

[0077] Among them, the first element, the second element, the third element, and the fourth element can all be different elements or the same elements, which is not limited herein.

[0078] In one example, the first interface may be the communication session interface in the foregoing text, and the first element, the second element, the third element, and the fourth element here can all be session information, such as the chat records in the foregoing text, and the chat records may include text, images, red envelopes, transfer records, etc.

[0079] That is to say, the "adding", "replacing", and "updating" here can all be editing operations such as adding, replacing, and updating text, images, red envelopes, transfer records, etc. in the first interface, or can also be an operation to update the layout information.

[0080] In the embodiments of the present application, the user can perform various editing operation on the elements and their layout information in the first interface information, which is convenient for the user to modify the elements in the interface.

[0081] The image generation method provided in the embodiments of the present application can also further adjust the layout information of each element in the second interface when updating the first interface information.

[0082] In some embodiments, updating the layout information in step 130 above may include:

[0083] In the case of deleting the first target element at the first position in the first interface information, controlling the second target element at the second position in the first interface information to move to the third position;

[0084] In the case of adding a third target element at the fourth position in the first interface information, controlling the fourth target element originally at the fourth position in the first interface information to move to the fifth position;

[0085] Swapping the positions of the fifth target element and the sixth target element in the first interface information.

[0086] Here, updating the layout information can be to adjust the layout information of the elements in the interface, and the adjustment can specifically be a change in the layout position of the elements.

[0087] Among them, the third position can be the same as or different from the first position.

[0088] Such as Figure 3 shown, in Figure 3 Figure a, the target element red envelope record 301 is included, and the first input to the red envelope record 301 can be to delete the red envelope record.

[0089] A control 302 for deleting the red envelope record can be displayed in the first interface, and the first input can be an input to the control 302. After deleting the red envelope record, the interface can be as shown in Figure 3 Figure b, the chat records below the original red envelope record are automatically adjusted, the records move up, and the intervals between each chat record are the same after the records move up, meeting the layout requirements of the communication interface.

[0090] In order to further improve the user's editing and processing efficiency of elements and enhance the user experience.

[0091] In some embodiments, based on the above embodiments, the method may further include:

[0092] Display a first replacement control, and the first replacement control is used to replace at least two third elements in the first interface information;

[0093] The first input includes a first sub-input and a second sub-input;

[0094] Receiving the first input from the user to the first interface information may include:

[0095] Receiving the first sub-input from the user to the first replacement control;

[0096] Responding to the first input and updating the first interface information may include:

[0097] Responding to the first sub-input and displaying at least one replacement element;

[0098] Receiving the second sub-input from the user to the target replacement element among at least one replacement element;

[0099] Responding to the second sub-input and controlling at least two third elements in the first interface information to be replaced with the target replacement element.

[0100] As an example, the third element can be the session object avatar.

[0101] Based on the method in the embodiments of the present application, the user can replace all associated avatars at once when replacing the avatar, without the user replacing them one by one, improving the user's editing and processing efficiency and enhancing the user experience.

[0102] As Figure 4 shown, the first replacement control here can be an avatar replacement control, and the avatar replacement control can include Figure 4 the "Replace Left Avatar" control 401 and the "Replace Right Avatar" control 402 in Figure 4 In the interface of Figure a of Figure 4 when the user clicks the left avatar replacement control, multiple preset avatars 403 will pop up at the bottom for selection, that is Figure 4 Figure b of

[0103] In the embodiment of the present application, when replacing the avatar in the communication interface, there is no need to replace one by one, and alternative preset avatars can also be provided, which is convenient for users to operate, improves the operation efficiency, and enhances the user experience.

[0104] In some embodiments, in order to meet the user's demand for generating images of multiple interfaces and improve the user experience, on the basis of the above embodiments, after step 110 of displaying the first interface information, as Figure 5 shown, the method may further include:

[0105] Step 510, receiving the third input from the user;

[0106] Step 520, in response to the third input, while displaying the first interface information, simultaneously display the third interface information;

[0107] Step 530, generating a second target image according to the first interface information and the third interface information.

[0108] Here, the implementation process of the third input is similar to the first input in the previous text, and will not be elaborated here.

[0109] In addition, the update process of the first interface information in the previous text is also equally applicable to the update of the third interface information. For specific reference, please refer to the previous text and will not be elaborated here.

[0110] It should be noted that when displaying the third interface information while displaying the first interface information, the interface sizes corresponding to the first interface information and the third interface information can be adaptively adjusted according to the display interface size of the terminal device and the preset layout rules, so that the two can be displayed on the same display interface.

[0111] Here, it can be the preset layout rules, or on the basis of the preset layout rules, the user can adjust the elements or the interface therein. That is to say, the elements in the first interface information and the third interface information in the above steps can be adjusted.

[0112] In the embodiments of the present application, the user can generate a target image based on multiple different interfaces, providing the user with multiple options for image generation. There is no need for the user to generate two images separately and then merge them, which improves the processing efficiency of the user and enhances the user experience.

[0113] To further enhance the user experience and facilitate the user's awareness that each element in the interface information can be edited, based on the above embodiments, corresponding operation controls can be further displayed when the first interface information is displayed.

[0114] In some embodiments, the method may further include:

[0115] Display a first editing control in the area where the first interface information is located, and display a second editing control in the area where the third interface information is located. The first editing control is used to update the content of the first interface information, and the second editing control is used to update the content of the third interface information;

[0116] Alternatively, display a third editing control, which is used to update the content of the target interface information. The target interface information includes at least one of the following: the first interface information, the third interface information.

[0117] Here, the user can edit and update the elements in each interface separately, or edit and update the elements in the first interface and the third interface uniformly.

[0118] In some embodiments, the "editing control" may include multiple editing controls, which are respectively used to edit different elements. For example, target operation controls corresponding to the target element attributes can be displayed.

[0119] Correspondingly, receiving the first input from the user specifically includes: receiving the input from the user on the target operation control corresponding to the target element attribute.

[0120] The display form of the target operation control can be an operation identifier, an icon, text, etc. The functions corresponding to the target operation control can include editing, deleting, replacing, size adjustment, etc.

[0121] Since the attributes of the target elements are different, the functions of the corresponding target operation controls can be different.

[0122] As an example, the attributes of the target element can include text or graphics. When the attribute of the target element is text, the functions of the target operation control can be editing, deleting, font adjustment, font size adjustment, etc. When the attribute of the target element is graphics, the functions of the target operation control can be deleting, replacing, graphic color adjustment, graphic size adjustment, etc.

[0123] As another example, the attributes of the target element can include editable or non - editable. When the attribute of the target element is editable, the functions of the target operation control can be editing, deleting, resizing, etc. When the attribute of the target element is non - editable, the functions of the target operation control can be deleting, replacing, resizing, etc.

[0124] As Figure 6 a - Figure 6 shown in c, the target element can be the session object name, that is, Figure 6 "Contact 1" in a. The target operation control corresponding to this session object name can be Figure 6 the "Modify Name Remarks" control 601 in a. After the user clicks the "Modify Name Remarks" control 601, as Figure 6 shown in b, an input box can pop up, where the name to be modified can be entered. For example, "Alias Contact 1" can be entered. After confirmation, as Figure 6 shown in c, "Contact 1" is modified to "Alias Contact 1".

[0125] As Figure 7 a - Figure 7 shown in c, the target element can be the red - envelope information, that is, Figure 7 the red - envelope information 701 in a. The target operation control corresponding to this red - envelope information 701 can be Figure 7 the "Edit Red - Envelope Title" control 702 in a. After the user clicks the "Edit Red - Envelope Title" control 702, as Figure 7 shown in b, an input box can pop up, where the name to be modified can be entered. For example, "Baby, I was wrong." can be entered. After confirmation, as Figure 7 shown in c, "Congratulations and best of luck!" in the red - envelope information 701 is modified to "Baby, I was wrong".

[0126] As Figure 8 a - Figure 8 shown in b, when the target element is the red - envelope information, that is, Figure 8 the red - envelope information 801 in a. The target operation control corresponding to this red - envelope information 801 can be Figure 8 the "Delete Red - Envelope Record" control 802 in a. After the user clicks the "Delete Red - Envelope Record" control 802, as Figure 8 shown in b, this red - envelope information 801 is deleted, and, as introduced in the update of the layout information in step 130 above, the interface layout is adjusted, and the session information below this red - envelope information 801 is moved up.

[0127] In the case where the target element is transfer information, the function of the target operation control can be the transfer deletion function. When the user clicks the transfer deletion control, the transfer message is deleted. For transfer information, the function of the target operation control can also be the function of hiding the transfer amount. AsFigure 9 a- Figure 9 As shown in b, the target element can be a transfer record, that is Figure 9 the transfer record 901 in a. The target operation control corresponding to the transfer record 901 can be Figure 9 the "Hide Transfer Amount" control 902 in a. After the user clicks the "Hide Transfer Amount" control 902, the transfer amount in the transfer record 901 is hidden. Among them, the form of hiding can be as Figure 9 shown in b, using the graphic 903 to block the transfer amount. In this way, the user can protect their privacy and prevent the leakage of information that should not be leaked.

[0128] Such as Figure 10 a- Figure 10 As shown in b, when the target element is session information, that is Figure 10 the session information 1001 in a. The target operation control corresponding to the session information 1001 can be Figure 10 the "Delete This Message" control 1002 in a. After the user clicks the "Delete This Message" control 1002, as Figure 10 shown in b, the session information 1001 is deleted, and, as introduced in the update of the layout information in the above step 130, the interface layout is adjusted, and the session information below the session information 1001 is moved up.

[0129] Please refer to Figure 11 a- Figure 11 c, the second input in the previous text can be the input to the Figure 11 "Add Screenshot Scenario One" control 1101 in a. In the above step 510, the third input of the user is received. Here, the third input can be the input to the Figure 11 "Add Screenshot Scenario Two" control 1103 in b. After inputting the third input, as Figure 11 shown in c, when the first interface information is displayed, the third interface information can be displayed simultaneously. In addition, after inputting the third input, the fourth input can also be input. The fourth input can be the input to the Figure 11 "Add Completion" control 1102 in b. In response to the fourth input, when the first interface information is displayed, the third interface information is displayed simultaneously.

[0130] For the case where the interface contains the first interface information and the third interface information, the processing process is similar to the processing process in the above embodiment.

[0131] Such as Figure 12 shown, based on Figure 11 c in the above embodiment, the target element can be the session object name, that is Figure 12 "Contact 1" or "Contact 2" inFigure 12 The "Modify Name Remarks" control 1201 or the "Modify Name Remarks" control 1202 in Figure 13 As shown in FIG. a, an input box can pop up. Here, the name to be modified can be entered. For example, "Alias Contact 1" can be entered. After confirmation, as shown in Figure 13 FIG. b, "Contact 1" is modified to "Alias Contact 1" 1301.

[0132] As Figure 14 in FIG. a- Figure 14 FIG. b, when the target element is a red envelope message, that is, Figure 14 the red envelope message 1401 in FIG. a. The target operation control corresponding to the red envelope message 1401 can be Figure 14 the "Delete Red Envelope Record" control 1402 in FIG. a. After the user clicks the "Delete Red Envelope Record" control 1402, as shown in Figure 14 FIG. b, the red envelope message 1401 is deleted, and, as introduced in the update layout information in step 130 above, the interface layout is adjusted, and the session information below the red envelope message 1401 is moved up.

[0133] In the embodiments of the present application, when displaying the interface information, the editing control can be displayed at the same time. The user can edit and update the elements in each interface separately, or edit and update the elements in the first interface and the third interface uniformly. In this way, the user can conveniently know that the elements can be edited, further improving the user experience.

[0134] In addition, in the embodiments of the present application, the elements of the interface can also be divided according to the attributes of the elements. Different elements can correspond to different editing operations, so that the user can conveniently process different elements accordingly.

[0135] It should be noted that for the image generation method provided in the embodiments of the present application, the execution subject can also be an image generation device, or a control module in the image generation device for executing the image generation method. In the embodiments of the present application, the image generation method is executed by a screenshot device as an example to illustrate the image generation device provided in the embodiments of the present application.

[0136] Figure 15 FIG. shows a schematic structural diagram of an image generation device provided in the embodiments of the present application.

[0137] As Figure 15 shown, the image generation device 1500 may include:

[0138] A first display module 1510, configured to display first interface information, where the first interface information includes elements in the first interface and layout information of the elements;

[0139] The first receiving module 1520 is configured to receive a first input from a user for the first interface information;

[0140] The updating module 1530 is configured to update the content of the first interface information in response to the first input to obtain second interface information;

[0141] The first generating module 1540 is configured to generate a first target image according to the second interface information.

[0142] In an embodiment of the present application, a first input from a user for the first interface information is received, and in response to the first input, the content of the first interface information is updated to obtain second interface information, and a first target image is generated according to the second interface information. Here, the first interface information includes elements in the first interface and layout information of the elements. The user can edit and update the elements and the layout information of the elements in the first interface. That is, the user can modify the content in the first interface information through the first input, and then generate a corresponding image, without using professional image processing software, and the operation is simple.

[0143] In some embodiments, the image generating device 1500 may further include:

[0144] The second receiving module may be configured to receive a second input from a user for the first interface before displaying the first interface information;

[0145] The copying module may be configured to copy the elements and the layout information of the elements in the first interface in response to the second input.

[0146] In an embodiment of the present application, the user can independently select an interface to generate an image, and copy the elements and the layout information of the selected interface, so that the elements and the layout information of the elements in the interface can be edited and updated when generating the image, and the corresponding image can be obtained, improving the user experience.

[0147] In some embodiments, updating the content of the first interface information may include at least one of the following:

[0148] Deleting a first element in the first interface information; adding a second element in the first interface information; replacing a third element in the first interface information; updating the content of a fourth element in the first interface information; updating the layout information.

[0149] In an embodiment of the present application, the user can perform various editing and processing operations on the elements and their layout information in the first interface information, facilitating the user to modify the elements in the interface.

[0150] In some embodiments, updating the layout information may include:

[0151] When deleting the first target element at the first position in the first interface information, control the second target element at the second position in the first interface information to move to the third position;

[0152] When adding a third target element at the fourth position in the first interface information, control the original fourth target element at the fourth position in the first interface information to move to the fifth position;

[0153] Exchange the positions of the fifth target element and the sixth target element in the first interface information.

[0154] In the embodiments of the present application, the interface after updating the layout information better meets the layout requirements of the communication interface.

[0155] In some embodiments, the image generation device may further include:

[0156] A second display module, which can be used to display a first replacement control for replacing at least two third elements in the first interface information;

[0157] The first input may include a first sub-input and a second sub-input;

[0158] The first receiving module 1520 can be specifically used to receive the first sub-input of the user for the first replacement control;

[0159] The update module 1530 may include:

[0160] A display unit, which can be used to display at least one replacement element in response to the first sub-input;

[0161] A receiving unit, which can be used to receive the second sub-input of the user for the target replacement element among at least one replacement element;

[0162] A replacement unit, which can be used to control at least two third elements in the first interface information to be replaced with the target replacement element in response to the second sub-input.

[0163] In the embodiments of the present application, when replacing the avatar of the communication interface, there is no need to replace them one by one, and alternative preset avatars can also be provided, which is convenient for users to operate, improves the operation efficiency, and enhances the user experience.

[0164] In some embodiments, the image generation device may further include:

[0165] A third receiving module, which can be used to receive the third input of the user after displaying the first interface information;

[0166] A third display module, which can be used to display the third interface information simultaneously while displaying the first interface information in response to the third input;

[0167] A second generation module, which can be used to generate a second target image according to the first interface information and the third interface information.

[0168] In the embodiments of the present application, the user can generate a target image based on multiple different interfaces, providing the user with multiple options for image generation. There is no need for the user to generate two images separately and then merge the two images, which improves the processing efficiency of the user and enhances the user experience.

[0169] In some embodiments, the image generation device may further include:

[0170] A fourth display module, which can be used to display a first editing control in the area where the first interface information is located, and display a second editing control in the area where the third interface information is located. The first editing control is used to update the content of the first interface information, and the second editing control is used to update the content of the third interface information;

[0171] Alternatively, display a third editing control, which is used to update the content of the target interface information. The target interface information includes at least one of the following: the first interface information, the third interface information.

[0172] In the embodiments of the present application, when displaying the interface information, the editing control can be displayed at the same time. The user can edit and update the elements in each interface separately, or edit and update the elements in the first interface and the third interface uniformly. In this way, the user can conveniently know that the elements can be edited, further enhancing the user experience.

[0173] In addition, in the embodiments of the present application, the elements of the interface can be divided according to the attributes of the elements. Different elements can correspond to different editing operations, so that the user can conveniently process different elements accordingly.

[0174] The image generation device in the embodiments of the present application can be a device, or a component, an integrated circuit, or a chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. Exemplarily, the mobile electronic device can be a mobile phone, a tablet computer, a laptop computer, a handheld computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc. The non-mobile electronic device can be a server, a Network Attached Storage (NAS), a personal computer (PC), a television (TV), a teller machine, or a self-service machine, etc. The embodiments of the present application do not make specific limitations.

[0175] The image generation device in the embodiments of the present application can be a device with an operating system. The operating system can be the Android operating system, the IOS operating system, or other possible operating systems, which are not specifically limited in the embodiments of the present application.

[0176] The image generation device provided in the embodiments of the present application can implement Figures 1 - 14 each process implemented in the method embodiments. To avoid repetition, details are not described herein again.

[0177] Optionally, as Figure 16 shown, the embodiments of the present application further provide an electronic device 1600, including a processor 1601, a memory 1602, a program or instruction stored on the memory 1602 and executable on the processor 1601. When the program or instruction is executed by the processor 1601, it implements each process of the above-mentioned image generation method embodiment and can achieve the same technical effect. To avoid repetition, details are not described herein again.

[0178] It should be noted that the electronic device in the embodiments of the present application includes the above-mentioned mobile electronic devices and non-mobile electronic devices.

[0179] Figure 17 FIG. is a schematic diagram of the hardware structure of an electronic device for implementing the embodiments of the present application.

[0180] The electronic device 1700 includes, but is not limited to: a radio frequency unit 1701, a network module 1702, an audio output unit 1703, an input unit 1704, a sensor 1705, a display unit 1706, a user input unit 1707, an interface unit 1708, a memory 1709, and a processor 1710, etc.

[0181] Those skilled in the art can understand that the electronic device 1700 may further include a power supply (such as a battery) for supplying power to each component. The power supply can be logically connected to the processor 1710 through a power management system, so as to implement functions such as management of charging, discharging, and power consumption management through the power management system. Figure 17 The structure of the electronic device shown in [[ ]] does not limit the electronic device. The electronic device may include more or fewer components than shown, or combine certain components, or have different component arrangements, which are not described herein again.

[0182] Among them, the display unit 1706 is used to display first interface information, and the first interface information includes elements in the first interface and layout information of the elements;

[0183] The user input unit 1707 is used to receive a first input from the user to the first interface information;

[0184] The processor 1710 is configured to update the content of the first interface information in response to a first input, thereby obtaining the second interface information;

[0185] The processor 1710 is further configured to generate a first target image according to the second interface information.

[0186] In an embodiment of the present application, a first input of a user to the first interface information is received, and in response to the first input, the content of the first interface information is updated to obtain the second interface information, and a first target image is generated according to the second interface information. Here, the first interface information includes elements in the first interface and layout information of the elements. The user can edit and update the elements and the layout information of the elements in the first interface. That is to say, the user can modify the content in the first interface information through the first input, and then generate a corresponding image, without using professional image processing software, and the operation is simple.

[0187] Optionally, the user input unit 1707 can also be configured to receive a second input of the user to the first interface before displaying the first interface information;

[0188] The processor 1710 can also be configured to copy the elements and the layout information of the elements in the first interface in response to the second input.

[0189] In an embodiment of the present application, the user can independently select an interface to generate an image, and copy the elements and the layout information of the elements in the selected interface. In this way, when generating an image, the elements and the layout information of the elements in the interface can be edited and updated to obtain a satisfactory image, which improves the user experience.

[0190] Optionally, the processor 1710 can specifically be configured to perform the following operations:

[0191] In the case of deleting a first target element at a first position in the first interface information, controlling a second target element at a second position in the first interface information to move to a third position;

[0192] In the case of adding a third target element at a fourth position in the first interface information, controlling a fourth target element originally at the fourth position in the first interface information to move to a fifth position;

[0193] Exchanging the positions of a fifth target element and a sixth target element in the first interface information.

[0194] In an embodiment of the present application, the interface after updating the layout information better meets the layout requirements of the communication interface.

[0195] Optionally, the display unit 1706 can also be configured to display a first replacement control, and the first replacement control is used to replace at least two third elements in the first interface information;

[0196] The first input includes a first sub-input and a second sub-input;

[0197] The user input unit 1707 can be specifically configured to receive the first sub-input of the user for the first replacement control;

[0198] The processor 1710 can be specifically configured to perform the following operations:

[0199] In response to the first sub-input, display at least one replacement element;

[0200] The user input unit 1707 is specifically configured to receive the second sub-input of the user for the target replacement element among at least one replacement element;

[0201] The processor 1710, in response to the second sub-input, controls at least two third elements in the first interface information to be replaced with the target replacement element.

[0202] In the embodiment of the present application, when replacing the avatar in the communication interface, there is no need to replace one by one, and alternative preset avatars can also be provided, which is convenient for users to operate, improves the operation efficiency, and enhances the user experience.

[0203] Optionally, after the user input unit 1707 displays the first interface information, it can also be configured to receive the third input of the user;

[0204] The display unit 1706 can also be configured to, in response to the third input, while displaying the first interface information, display the third interface information;

[0205] The processor 1710 can also be configured to generate a second target image according to the first interface information and the third interface information.

[0206] In the embodiment of the present application, the user can generate a target image based on multiple different interfaces, which provides the user with multiple options for image generation, eliminating the need for the user to generate two images separately and then merge them, improving the user's processing efficiency and enhancing the user's usage experience.

[0207] Optionally, the display unit 1706 can also be configured to display a first editing control in the area where the first interface information is located, and display a second editing control in the area where the third interface information is located. The first editing control is used to update the content of the first interface information, and the second editing control is used to update the content of the third interface information;

[0208] Alternatively, display a third editing control, which is used to update the content of the target interface information, and the target interface information includes at least one of the following: the first interface information, the third interface information.

[0209] In the embodiments of the present application, an editing control can be displayed while displaying the interface information. The user can separately edit and update the elements in each interface, or uniformly edit and update the elements in the first interface and the third interface. In this way, the user can conveniently know that the elements can be edited, further improving the user experience.

[0210] In addition, in the embodiments of the present application, elements can also be divided according to the attributes of the elements included in the interface. Different elements can correspond to different editing operations, so that the user can conveniently perform corresponding processing on different elements.

[0211] It should be understood that, in the embodiments of the present application, the input unit 1704 may include a Graphics Processing Unit (GPU) 17041 and a microphone 17042. The GPU 17041 processes the image data of static pictures or videos obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode. The display unit 1706 may include a display panel 17061, and the display panel 17061 may be configured in the form of a liquid crystal display, an organic light-emitting diode, etc. The user input unit 1707 includes a touch panel 17071 and other input devices 17072. The touch panel 17071 is also called a touch screen. The touch panel 17071 may include two parts: a touch detection device and a touch controller. The other input devices 17072 may include, but are not limited to, a physical keyboard, function keys (such as volume control keys, power on / off keys, etc.), a trackball, a mouse, and a joystick, which will not be elaborated here. The memory 1709 can be used to store software programs and various data, including but not limited to application programs and operating systems. The processor 1710 may integrate an application processor and a modem processor. Among them, the application processor mainly processes the operating system, user interface, application programs, etc., and the modem processor mainly processes wireless communication. It can be understood that the above-mentioned modem processor may not be integrated into the processor 1710.

[0212] The embodiments of the present application further provide a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, it implements each process of the above-mentioned image generation method embodiments and can achieve the same technical effects. To avoid repetition, it will not be elaborated here.

[0213] Wherein, the processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes a computer-readable storage medium, such as a computer Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disc, etc.

[0214] Another embodiment of the present application further provides a chip, which includes a processor and a communication interface. The communication interface is coupled to the processor. The processor is configured to run programs or instructions to implement each process of the above image generation method embodiment and can achieve the same technical effects. To avoid repetition, details are not described herein again.

[0215] It should be understood that the chip mentioned in the embodiments of the present application may also be referred to as a system-on-chip, system chip, chip system, or system-on-chip, etc.

[0216] It should be noted that in this document, the term "comprising", "including" or any other variant thereof is intended to cover a non-exclusive inclusion, such that a process, method, article or device comprising a series of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such process, method, article or device. Without further limitation, an element defined by the phrase "comprising a..." does not exclude the presence of additional identical elements in the process, method, article or device comprising such element. In addition, it should be pointed out that the methods and devices in the embodiments of the present application are not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in a reverse order according to the functions involved. For example, the described methods may be performed in an order different from that described, and various steps may be added, omitted, or combined. Additionally, the features described with reference to certain examples may be combined in other examples.

[0217] Through the description of the above embodiments, those skilled in the art can clearly understand that the above embodiment methods can be implemented by means of software plus a necessary general hardware platform. Of course, they can also be implemented by hardware, but in many cases the former is a better embodiment. Based on such an understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art, can be embodied in the form of a computer software product. The computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk) and includes several instructions for causing a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in the various embodiments of the present application.

[0218] The embodiments of the present application have been described above in conjunction with the accompanying drawings. However, the present application is not limited to the above specific embodiments. The above specific embodiments are merely illustrative and not restrictive. Under the inspiration of the present application, those of ordinary skill in the art can also make many forms without departing from the purpose of the present application and the scope protected by the claims, and all of them fall within the protection scope of the present application.

Claims

1. An image generation method, characterized in that, The method includes: Displaying first interface information, where the first interface information includes elements in the first interface and layout information of the elements; Receiving a first input from a user for the first interface information; In response to the first input, updating the content of the first interface information to obtain second interface information; Generating a first target image according to the second interface information; Wherein, after displaying the first interface information, it further includes: Receiving a third input from a user; In response to the third input, while displaying the first interface information, simultaneously displaying third interface information; Generating a second target image according to the first interface information and the third interface information; Displaying a first editing control in the area where the first interface information is located, and displaying a second editing control in the area where the third interface information is located, where the first editing control is used to update the content of the first interface information, and the second editing control is used to update the content of the third interface information; Alternatively, displaying a third editing control, where the third editing control is used to update the content of target interface information, and the target interface information includes at least one of the following: first interface information, third interface information.

2. The method according to claim 1, wherein Before displaying the first interface information, it further includes: Receiving a second input from a user for the first interface; In response to the second input, copying the elements in the first interface and the layout information of the elements.

3. The method according to claim 1, characterized in that, The updating of the content of the first interface information includes at least one of the following: Deleting a first element in the first interface information; adding a second element in the first interface information; Replacing a third element in the first interface information; updating the content of a fourth element in the first interface information; updating the layout information.

4. The method according to claim 3, wherein The updating of the layout information includes: When deleting a first target element at a first position in the first interface information, controlling a second target element at a second position in the first interface information to move to a third position; When adding a third target element at a fourth position in the first interface information, controlling a fourth target element originally at the fourth position in the first interface information to move to a fifth position; Exchanging the positions of a fifth target element and a sixth target element in the first interface information.

5. The method according to claim 3, characterized in that, It further includes: Displaying a first replacement control, where the first replacement control is used to replace at least two third elements in the first interface information; The first input includes a first sub-input and a second sub-input; The receiving of the first input from a user for the first interface information includes: Receiving a first sub-input from a user for the first replacement control; The updating of the first interface information in response to the first input includes: In response to the first sub-input, displaying at least one replacement element; Receiving a second sub-input from a user for a target replacement element among the at least one replacement element; In response to the second sub-input, controlling at least two of the third elements in the first interface information to be replaced with the target replacement element.

6. An image generation device, characterized in that, The device includes: A first display module for displaying first interface information, where the first interface information includes elements in the first interface and layout information of the elements; A first receiving module, configured to receive a first input from a user for the first interface information; An updating module, configured to update the content of the first interface information in response to the first input, to obtain second interface information; A first generating module, configured to generate a first target image according to the second interface information; The apparatus further includes: A third receiving module, configured to receive a third input from a user after the first interface information is displayed; A third displaying module, configured to, in response to the third input, display third interface information while the first interface information is being displayed; A second generating module, configured to generate a second target image according to the first interface information and the third interface information; A fourth displaying module, configured to display a first editing control in the area where the first interface information is located, and display a second editing control in the area where the third interface information is located, where the first editing control is used to update the content of the first interface information, and the second editing control is used to update the content of the third interface information; Or, configured to display a third editing control, where the third editing control is used to update the content of target interface information, and the target interface information includes at least one of the following: the first interface information, the third interface information.

7. An electronic device, characterized in that, Comprising a processor, a memory, and a program or instruction stored on the memory and executable on the processor, where when the program or instruction is executed by the processor, the steps of the image generation method according to any one of claims 1-5 are implemented.

8. A readable storage medium, characterized in that, A program or instruction is stored on the readable storage medium, where when the program or instruction is executed by the processor, the steps of the image generation method according to any one of claims 1-5 are implemented.

Images