CN108132818B

CN108132818B - Interface processing method and electronic device for executing same

Info

Publication number: CN108132818B
Application number: CN201611082430.8A
Authority: CN
Inventors: 胡湘宁
Original assignee: Alibaba Group Holding Ltd
Current assignee: Alibaba Group Holding Ltd
Priority date: 2016-11-30
Filing date: 2016-11-30
Publication date: 2021-12-21
Anticipated expiration: 2036-11-30
Also published as: CN108132818A

Abstract

The invention provides an interface processing method and an electronic device for executing the method. The method comprises the following steps: in response to a saving operation performed on a GUI layout of an application at different times, saving the GUI layout when the saving operation is performed on the application, and generating identification information corresponding to the GUI layout when the saving operation is performed, wherein the GUI layout comprises a correspondence between an interactive operation performed when the saving operation is performed and the GUI layout; receiving a restore operation to the GUI layout of the application; determining identification information corresponding to the restoration operation; based on the identification information, a displayed GUI layout is determined. The method can meet the individual requirements of the user on the GUI, and enables the service provider to accurately know the real requirements of the user on the GUI.

Description

Interface processing method and electronic device for executing same

Technical Field

The present disclosure relates to the field of graphical user interfaces, and in particular, to an interface processing method and an electronic device for executing the method.

Background

Currently, an electronic device interacts with a User through a Graphical User Interface (GUI), so that the User can use applications provided by the electronic device more effectively, where the Graphical User Interface is an operation User Interface displayed in a Graphical manner, each application has a respective Graphical User Interface, and the GUI of each application changes its GUI layout along with the reasons of upgrading of an operating system, product iteration, design or marketing theme change, personalized algorithm, and the like.

However, users may be unfamiliar with changing the post-layout GUI or for some reason desire to still use a previously-laid out GUI, and for such a need, some websites or applications may be selected by the user to enter a new version or an old version after a version upgrade when the user opens a web page or launches an application. However, this option only appears after version upgrade, and the selectable version is determined by the server of the website or application, which cannot meet the individual requirements of the user for the interface, and further, the service provider cannot know the real requirements of the user for the GUI layout. For example, a user launches a shopping application (e.g., a skatecat application, a panning application, etc.) in the mobile terminal and purchases item a due to its description presented in the GUI, and after some time, the user wishes to see the same description of item a again in the same location, but the GUI of the application changes the description of item a due to a change in marketing emphasis.

It can be seen that there is no GUI layout in the prior art that returns the current GUI layout to the version that the user desires to use.

Disclosure of Invention

The main object of the present invention is to solve the above mentioned problems.

The embodiment of the application provides an interface processing method, which comprises the following steps: in response to a save operation performed on a GUI layout of an application at different times, saving the GUI layout when the save operation is performed on the application, and generating identification information corresponding to the GUI layout when the save operation is performed on the application, wherein the GUI layout comprises a correspondence between an interactive operation performed when the save operation is performed and the GUI layout; receiving a restore operation to the GUI layout of the application; determining identification information corresponding to the restoration operation; based on the identification information, a displayed GUI layout is determined.

An embodiment of the present application further provides an electronic device, where the electronic device includes: a generation unit that generates, in response to a save operation performed on a GUI layout of an application at a different time, identification information corresponding to the GUI layout at the time of the save operation performed on the application, wherein the GUI layout includes a correspondence between an interactable operation performed at the time of the save operation and the GUI layout; a receiving unit that receives a restore operation for the GUI layout of the application; a first determination unit that determines identification information corresponding to the restoration operation; and a second determination unit that determines the displayed GUI layout based on the identification information.

According to the technical scheme, the GUI layouts at different moments are stored in advance and the different GUI layouts are distinguished by the identification information, the GUI layouts can be restored to the layout of the expected version and can be interacted with the GUI layouts according to the interactive operation of the expected version, so that the individual requirements of users on the GUI can be met, and service providers can accurately obtain the real requirements of the users according to the storing operation and the restoring operation of the users.

Drawings

The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:

FIG. 1 is a block diagram of an electronic device according to an embodiment of the present disclosure;

fig. 2 is a block diagram of an electronic device for performing an interface processing method according to an embodiment of the present disclosure;

fig. 3 illustrates a scene diagram of an electronic device performing an interface processing method according to an embodiment of the present disclosure;

fig. 4 illustrates another scene diagram of an electronic device performing an interface processing method according to an embodiment of the present disclosure;

fig. 5 illustrates another scene diagram of an electronic device performing an interface processing method according to an embodiment of the present disclosure;

fig. 6 shows a flowchart of an interface processing method according to an embodiment of the present disclosure.

Detailed Description

In order to make the objects, technical solutions and advantages of the present application more apparent, the technical solutions of the present application will be described in detail and completely with reference to the following specific embodiments of the present application and the accompanying drawings. It should be apparent that the described embodiments are only some of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.

For convenience of the following description, explanations of terms referred to in the respective embodiments of the present application are first introduced.

Terminal/electronic device: generally, a device used by a user and used for communicating with a server in a network system, a terminal/electronic device according to the present invention may include, but is not limited to, any of the following devices having a display unit: personal Computers (PCs), mobile devices such as cellular phones, Personal Digital Assistants (PDAs), digital cameras, portable game consoles, MP3 players, portable/Personal Multimedia Players (PMPs), handheld electronic books, tablet PCs, portable laptop PCs, and Global Positioning System (GPS) navigators, smart TVs, and the like.

Application (app): software that can be executed by a user directly on a computer Operating System (OS) or a mobile OS, and the application may include an embedded application or a third party application stored in a storage unit of the terminal. The embedded application refers to an application pre-installed in the terminal. For example, the embedded application may be a browser, email, instant messenger, and the like. The third party applications are very diverse and refer to applications, such as payment applications, shopping applications, entertainment applications, etc., downloaded from an online marketplace to be installed on a terminal as described below.

Fig. 1 illustrates a block diagram of an electronic device according to an embodiment of the present disclosure.

Referring to fig. 1, the electronic device 100 may include a memory 110, a processor unit 120, an audio processing unit 130, an input and output control unit 140, a touch screen unit 150, and an input unit 160. Here, the memory 110 may be a plurality of memories.

The memory 110 may include a program storage unit 111 storing a program for controlling the operation of the electronic device 100 and a data storage unit 112 storing data generated when the program is executed. The program storage unit 111 stores a GUI program 113 and at least one application program 114. Here, the programs stored in the program storage unit 111 are sets of instructions, and thus these programs may be referred to as instruction sets. The data storage unit 112 may store data regarding configuring contents (may also be referred to as elements) in the GUI of the electronic device 100, in other words, the data storage unit 112 stores all data related to the layout of the GUI of the electronic device.

Next, in the program storage unit 111, the GUI program 113 may include at least one program for configuring at least one content on the GUI. For example, when an event for restoring the current GUI to a desired version of the GUI occurs, the GUI program 113 restores the current GUI layout to the desired version of the GUI layout using the data stored in the data storage unit 112, and calls the GUI program 113 to implement interaction according to the correspondence between the interactive operation and the GUI layout after having restored the desired version of the GUI layout.

The processor unit 120 may include a memory interface 121, at least one processor 122, and a peripheral interface 123, where the memory interface 121, the at least one processor 122, and the peripheral interface 123 included in the processor unit may be implemented in at least one Integrated Circuit (IC) or as separate components. Memory interface 121 controls access to memory by components such as processor 122 or peripheral interface 123. Peripheral interface 123 is used for connection between peripherals of electronic device 100 to processor 122 and memory interface 121. Processor unit 120 may be any suitable hardware element (such as a microprocessor, an IC, an application specific IC (asic), and an Erasable Programmable Read Only Memory (EPROM)), a controller, or any other similar and/or suitable hardware element.

The processor 122 controls the electronic device 100 by using at least one software program so that the electronic device 100 provides various applications. In this case, the processor 122 may execute at least one program stored in the memory 110 to provide a service according to the corresponding program. For example, processor 122 causes electronic device 100 to provide shopping services by using a shopping application stored in application 114.

The audio processing unit 130 provides an audio interface between the user and the electronic device 100 using a speaker 131 and a microphone 132. The input and output control unit 140 provides an interface between input and output units (such as the touch screen 150 and the input unit 160) and the peripheral device interface 123. According to an exemplary embodiment, a voice may be input to the electronic apparatus using the speaker 131, and for example, the user may perform a save operation of saving the currently displayed GUI layout based on the voice input, and may also distinguish the saved GUI layout by voice.

The touch screen 150 is an input and output unit that performs information input and information output, and may include a touch input unit 151 and a display unit 152. The touch input unit 151 provides touch information sensed through the touch panel to the processor unit 120 through the input and output control unit 140. In this case, the touch input unit 151 provides touch information generated by an electronic pen, a finger, an external keyboard, or any other similar and/or suitable input device to the processor unit 120 through the input and output control unit 140.

The display unit 152 displays a GUI corresponding to an application, and displays a changed GUI according to the inputs of the touch input unit 151, the input unit 160, and the audio processing unit 130. For example, the display unit 152 displays display data supplied from the GUI program 113. For example, the display unit 152 displays the current GUI through the GUI program 113. As another example, the display unit 152 displays a specified version of the GUI layout through the GUI program 113 after receiving control information for displaying the GUI layout. The display unit 152 may be any suitable display device, such as an Organic Light Emitting Diode (OLED) display, a Liquid Crystal Display (LCD), a Thin Film Transistor (TFT) display, an active matrix OLED (amoled) display, or any other similar and/or suitable display device. In addition, the display unit 152 and the touch input unit 151 may be formed as one unit and/or one hardware element, or separate units or hardware elements.

The input unit 160 provides input data generated by user selection to the processor unit 120 through the input and output control unit 140. For example, the input unit 160 may include control buttons for controlling the electronic device 100. As another example, the input unit 160 may include a keyboard or a mouse for controlling the electronic device 100. According to an exemplary embodiment, the user may perform a saving operation for saving the GUI layout at the unused time and a restoring operation for restoring the GUI layout being displayed on the electronic apparatus through the input unit 160 and the touch input unit 151.

In addition, the electronic device 100 may further include a communication unit (not shown) for performing or connecting to a communication network for voice or data communication. In this case, the communication unit may be divided into a plurality of communication sub-modules supporting different communication networks. For example, a communication network may include, but is not limited to: a global system for mobile communications (GSM) network, an enhanced data rates for GSM evolution (EDGE) network, a Code Division Multiple Access (CDMA) network, a wideband CDMA (W-CDMA) network, a Long Term Evolution (LTE) network, an Orthogonal Frequency Division Multiple Access (OFDMA) network, a wireless Local Area Network (LAN), a bluetooth network, and a Near Field Communication (NFC) network, or any other similar and/or suitable network type. According to an exemplary embodiment, the electronic device 100 may transmit identification information corresponding to GUI layouts at different times to corresponding application servers through the communication unit.

Fig. 2 is a block diagram of an electronic device for performing an interface processing method according to an embodiment of the present disclosure.

Referring to fig. 2, the electronic apparatus 200 includes a generation unit 210, a reception unit 220, a first determination unit 230, and a second determination unit 240. It should be noted that one of ordinary skill in the art would understand that: the electronic device 200 in fig. 2 shows only components related to the present exemplary embodiment.

When a save operation is performed on a GUI layout of an application at different times, the generation unit 210 may save the GUI layout when the save operation is performed on the application, and generate identification information corresponding to the GUI layout when the save operation is performed, where the GUI layout includes a correspondence between an interactive operation that can be performed when the save operation is performed and the GUI layout, that is, the GUI layout may be changed accordingly according to an interactive operation that can be performed when the save operation is performed, for example, a user may implement a specific function by touching a virtual button in the upper left corner of the GUI layout, and such a correspondence between the interactive operation and the GUI layout is also saved when the save operation is performed.

When a user or a system performs a plurality of saving operations for the same application at different times, the generation unit 210 may generate a plurality of identification information respectively corresponding to a plurality of GUI layouts at different times. The identification information includes information for distinguishing different GUI layouts of the application, and the GUI may be identified by identification information such as time, name, and the like, for example. In an alternative embodiment, the identification information and the control information corresponding to the identification information may be correspondingly stored in a storage unit (not shown) of the electronic apparatus 200, wherein the control information includes information for generating the GUI layout, that is, by the control information, the GUI layout and the correspondence between the executable interactive operation and the GUI layout may be generated. Specifically, after the generation unit 210 generates the identification information corresponding to the GUI layout at this time, the control information of the GUI layout at that time is determined to be generated, and then the identification information is stored in the memory of the electronic apparatus in correspondence with the control information. In order to save memory, in another alternative embodiment, the identification information may be transmitted to the server, and the control information for generating the GUI layout at that time may be determined in the server, and then the identification information and the control information corresponding to the identification information may be correspondingly stored.

For example, at a certain time of 6 month 1, when the user performs a save operation on the displayed GUI while viewing a certain application, the apparatus may generate identification information on the application corresponding to the certain time of 6 month 1 and store control information corresponding to the identification information, and then, at a certain time of 7 month 1, when the user again views the same application, when the save operation is performed on the displayed GUI again, the apparatus generates identification information on the application corresponding to the certain time of 7 month 1 and stores the control information corresponding to the identification information.

The above-mentioned save operation may be set by the application provider or set by the user on his or her own as desired. For example, to better provide evidence when a dispute occurs, the vendor of the application may be set to trigger a save operation each time a purchase operation is performed. The saving operation may include a purchase operation of making a purchase on a page, a favorite operation of adding a page to a favorite, a screen capture operation of capturing a screen of a page, an operation of generating a two-dimensional code image from a page, which are merely exemplary and not intended to limit the present invention. Taking the favorite operation as an example, when it is sensed that a page is added to a favorite by a user, the page is named, identification information corresponding to the page is generated, and a URL with dates for realizing the page is stored. Taking a screen capture operation as an example, whenever a screen capture operation of a user with respect to a GUI being displayed is sensed, corresponding identification information (e.g., time, name, etc.) may be generated while generating a screen capture image, and control information corresponding to the identification information may be stored. Taking the operation of generating the two-dimensional code image as an example, the electronic device may generate the two-dimensional code image from the currently displayed GUI layout according to a predetermined algorithm, where the two-dimensional code image includes identification information for distinguishing GUI layouts at different times.

For example, the identification information and the control information may be stored in a storage unit of the electronic device 200 in correspondence with the format shown in table 1 below. As described in table 1, the identification information "Alipay _ a" is stored in correspondence with the control information "code segment a", and the identification information "Alipay _ B" is stored in correspondence with the control information "code segment B".

Identification information	Control information
		Alipay_A	Code segment A
Alipay_B	Code segment A'

TABLE 1

When the GUI of the application is displayed on the display unit (not shown), the receiving unit 220 receives a restore operation for the GUI layout of the application. Specifically, after the generation unit 210 generates the identification information corresponding to the GUI layouts at different times, the user starts the application stored in the electronic apparatus 200 again, and then the GUI of the application is displayed on the display unit, and then the reception unit 220 receives a restore operation of the currently displayed GUI layout, the restore operation being an operation of implementing interface restore via user input. For example, the user touches a virtual button displayed on the GUI that is used to alter the GUI layout, or the restore operation may include uploading a screenshot to restore the GUI layout to the same layout as the uploaded screenshot, or the user may enter a keyword in a dialog box displayed in the GUI that is the name the user made to the GUI at that time in the save operation to complete the restore operation. Therefore, the restore operation includes a single operation or a series of operations for implementing the GUI layout restore function. For example, the reducing operation shown in fig. 3 is a single operation, and the reducing operation shown in fig. 4 is a series of operations, which will be described in detail below.

Furthermore, in an alternative embodiment, for an electronic device whose interface content is configurable, the receiving unit 220 may receive a user's restore operation for a certain content in the layout of the displayed graphical user interface. That is, the generating unit 210 may generate identification information corresponding to a certain content in the GUI layout at different times, and then the receiving unit 220 may receive a restore operation for the content, thereby implementing an update of the content. As will be discussed in detail below in connection with fig. 5.

Then, the first determining unit 230 determines identification information corresponding to the restore operation, and then, the second determining unit 240 determines the displayed GUI layout based on the identification information. In an alternative embodiment, the second determining unit 240 may acquire the control information stored in the memory according to the identification information and generate a GUI corresponding to the restore operation according to the control information. In another embodiment, the second determining unit 240 may transmit the identification information to a server of the application, transmit the identification information to the application server; receiving control information corresponding to the identification information sent from a server; and generating a GUI layout corresponding to the reduction operation according to the control information. Finally, the display unit can display the generated GUI and interact with the GUI layout according to the corresponding relation between the interactive operation and the GUI layout when the GUI layout is stored after the interactive operation is received. It should be noted that the generated GUI layout corresponding to the restore operation may interact with the GUI layout in accordance with the interactable operation performed when the save operation is performed. For example, after the display unit displays the generated GUI layout, the user may display a specific function by touching a virtual button at the upper left corner of the GUI layout, which does not exist before the restore operation is performed. As can be seen from this, the generated GUI layout corresponding to the restore operation includes not only the static GUI layout but also the correspondence between the interactive operation executed when the save operation is executed and the GUI layout. Accordingly, the GUI layout can be operated in accordance with the interactive operation performed when the save operation is performed.

Next, an interface processing method performed by the electronic device will be specifically described with reference to the scene diagrams in fig. 3, 4, and 5. Specifically, fig. 3 shows that the user has reduced the GUI layout being displayed on the electronic apparatus to the GUI layout that has been saved most recently by a click operation, fig. 4 shows that the user has reduced the GUI layout of the electronic apparatus to a certain point in time by a series of operations, and fig. 5 shows that the user has reduced a certain content in the GUI layout of the electronic apparatus. Although fig. 3, 4 and 5 are explained by taking a mobile terminal as an example, it should be understood by those skilled in the art that the present invention is applicable to any electronic device having a display unit.

As shown in fig. 3, the mobile terminal displays a GUI 300 on the display unit, and in the GUI 300, content 1, content 2, content 3, content 4, content 5, and content 6 are sequentially arranged. Subsequently, the user clicks a virtual button displayed on the GUI for restoring the current GUI to the GUI 300 ' corresponding to the user's last execution of the save operation (for example, three months ago), in the GUI 300 ', the content 1, the content 2, and the content 5 and the content 6 are sequentially arranged, and the content 3 and the content 4 are displayed side by side and between the content 2 and the content 5. As is apparent from the above description, by this operation, not only the GUI 300 is restored to the GUI 300 ', but also the correspondence between the interactive operation and the GUI 300 is restored to the correspondence between the interactive operation and the GUI 300'.

It should be noted that the embodiment depicted in FIG. 3 is exemplary only, and is not intended to limit the present invention. For example, the user may perform a restore operation by voice input instead of a click operation, or after the user clicks a virtual button, a plurality of options representing different times may be displayed on the display unit, and then the user selects an option representing a desired time from the plurality of options, and finally the electronic apparatus displays a GUI for the desired time on the display unit.

In an alternative embodiment, the GUI being displayed on the display unit may be restored to the same GUI layout as the screenshot image, and in particular, a previously stored screenshot image may be selected in a gallery of the electronic device, and then the electronic device may compare the currently displayed GUI image with the screenshot image to identify a layout change for a region and determine identification information corresponding to the screenshot image based on the layout change to determine the version of the GUI layout to which the currently displayed GUI is desired to be restored. The electronic device may determine control information corresponding to the identification information according to the identification information, and generate a new graphical user interface according to the control information, that is, restore the currently displayed GUI to the GUI represented by the screenshot image in the above manner.

The alternative embodiment will now be explained vividly with reference to fig. 4. As shown in fig. 4, the mobile terminal displays a GUI 400a on the display unit, in which GUI 400a, content 1, content 2, content 3, content 4, content 5, and content 6 are sequentially arranged. Subsequently, the user clicks a virtual button displayed on the GUI 400a, the display page of the mobile terminal jumps to the GUI 400b, and the user clicks a virtual button in the GUI 400b, the display page of the mobile terminal jumps to the GUI 400c, as shown in fig. 4, the user selects a previously stored screenshot image from the gallery, and the user completes the restore operation through a series of operations. Subsequently, the electronic device may compare the currently displayed GUI image with the screen shot image to thereby recognize a layout change of a certain region, and determine identification information corresponding to the screen shot image based on the layout change to thereby determine a version of the GUI layout to which the currently displayed GUI is desired to be restored. The electronic device may determine the control information corresponding to the identification information according to the identification information, generate a new graphical user interface according to the control information, and perform interaction by using a corresponding relationship between the new graphical user interface and the interactive operation of the user, that is, by the above manner, not only the currently displayed GUI 400a is restored to the GUI 400d represented by the screenshot image, but also the corresponding relationship between the interactive operation and the GUI layout is restored to the corresponding relationship included in the GUI 400 d.

Having mentioned the alternative embodiment that may be restored for a certain content in the GUI layout, it will be described in detail below with reference to fig. 5. It should be noted that, for convenience of illustration, the restoration operation may be implemented only with a touch input as shown in fig. 5, and those skilled in the art will understand that the restoration operation may be implemented through a series of operations.

Before performing the restoring operation of fig. 5, the mobile terminal generates identification information corresponding to the content 1 in the GUI layout at different times according to a saving operation of the user, and particularly, the mobile terminal senses the restoring operation of the user for the content 1 in the layout of the displayed graphical user interface, and then generates identification information corresponding to the content 1 at different times, and may save control information corresponding to the identification information of the content 1 in a memory or transmit the identification information to a server, which stores the identification information in correspondence with the corresponding control information.

Next, as shown in fig. 5, a GUI 500 is displayed on the display unit, in which GUI 500 content 1, content 2, content 3, content 4, content 5 and content 6 are sequentially arranged, and then the user performs a restore operation on content 1. The mobile terminal can determine the identification information corresponding to the reduction operation and the control information corresponding to the identification information according to the reduction operation. Subsequently, the mobile terminal generates a new GUI 400 'according to the control information, where the layout of the content 1 has been changed at the GUI 400'.

The electronic device for interface processing has been described above in detail. Therefore, according to the electronic device, the user stores the GUI layouts at different moments in advance and distinguishes the different GUI layouts by the identification information, the GUI layouts can be restored to the layout of the expected version of the user, and interaction is performed with the GUI layouts according to the interactive operation of the expected version, so that the individual requirements of the user on the GUI can be met, and a service provider can accurately know the real requirements of the user according to the storing operation and the restoring operation of the user.

An interface processing method performed by the electronic device will be described below. Fig. 6 shows a flowchart of an interface processing method according to an embodiment of the present disclosure.

Referring to fig. 6, in S610, in response to a save operation of a user for a GUI layout at different times, the GUI layout when the save operation is performed on the application is saved, and identification information corresponding to the GUI layout when the save operation is performed on the application is generated, wherein the GUI layout includes a correspondence between an interactable operation performed when the save operation is performed and the GUI layout. In an alternative embodiment, the identification information may be generated and the control information of the GUI layout at the time may be determined and stored in the memory of the electronic device in correspondence with the identification information, and in another alternative embodiment, in order to save memory, the identification information may be transmitted to the server, and after receiving the identification information, the server determines the control information of the GUI layout corresponding to the restore operation and then stores the identification information in the memory of the server in correspondence with the control information. For example, the identification information may be stored in the storage unit of the electronic device in correspondence with the control information in the format shown in table 2 below. As described in table 1, the identification information "Alipay _ a" is stored in correspondence with the control information "code segment a", and the identification information "Alipay _ B" is stored in correspondence with the control information "code segment B".

TABLE 2

Further, the above-mentioned saving operation may include a purchase operation of making a purchase on the page, a favorite operation of adding the page to a favorite, a screen capture operation of capturing a screen of the page, an operation of generating a two-dimensional code image from the page. Specifically, when the saving operation is a purchase operation of making a purchase on a page, the electronic device may save a GUI layout at the time of the purchase operation and generate identification information corresponding to the GUI layout at the time of the purchase operation, and store the identification information in a memory of the electronic device or a memory of a server of the purchase application in correspondence with control information for generating the GUI layout. When the saving operation is a favorite operation of adding a page to a favorite, the electronic device may save a GUI layout at the time of the favorite operation and generate identification information corresponding to the GUI layout at the time while performing the favorite operation, and store the identification information in a memory of the electronic device or a memory of a server of an application in correspondence with control information for generating the GUI layout. When the saving operation is a screen capture operation, the electronic device may save a GUI layout at the time of the screen capture operation and generate identification information corresponding to the screen capture and store control information of the GUI layout generating the screen capture when the screen capture operation of the user on the GUI is sensed. When the saving operation is an operation of generating a two-dimensional code image from a page, the electronic device may save a GUI layout at the time of the operation of generating the two-dimensional code and generate the currently displayed GUI layout into the two-dimensional code image according to a predetermined algorithm, the two-dimensional code image including identification information for distinguishing the GUI layouts at different times.

At S620, a restore operation is received for the GUI layout of the application. In an alternative embodiment, the restore operation comprises a single operation or a series of operations to implement the page restore function. Further, in an alternative embodiment, for an interface-configurable electronic device, a restore operation may be received for certain content in a GUI layout of an application.

At S630, identification information corresponding to the restore operation is determined. For example, when the saving operation is a purchasing operation of purchasing on a page, when the electronic apparatus receives a restoring operation of the GUI layout of the purchasing application, the identification information of the GUI layout of the purchasing application may be determined according to the restoring operation, for example, if restoring to the GUI layout at the latest purchasing is performed by default, the identification information corresponding to the latest purchasing time may be determined, and further, the identification information of the GUI layout desired to be restored may be determined by determining the time of the GUI layout desired to be restored.

Subsequently, at S640, based on the identification information, the displayed GUI layout is determined. For example, when the save operation is a favorite operation of adding a page to a favorite, when the electronic device receives a restore operation, the identification information may be determined from the restore operation, e.g., the identification information of the favorite page may be determined from the restore operation, and the displayed GUI layout may be determined according to the identification information. When the saving operation is a screen capture operation, when the electronic apparatus receives a restore operation, the identification information may be determined from the restore operation, for example, the identification information of the page collected may be determined from the restore operation, and the GUI layout displayed may be determined based on the identification information. When the saving operation is an operation of generating a two-dimensional code image from a page, and when the user selects the two-dimensional code image, the electronic device may recognize the identification information by recognizing information contained in the two-dimensional code image, and determine the displayed GUI layout according to the identification information.

In an alternative embodiment, the step of determining the displayed GUI layout based on the identification information may comprise: the control information stored in the memory may be retrieved based on the identification information and the GUI being displayed may be updated based on the control information. In another alternative embodiment, the step of determining the displayed GUI layout based on the identification information may comprise: the identification information may be sent to a server of the application, the server searches for control information corresponding to the identification information according to the received identification information and sends the control information to the electronic device, and the electronic device determines a displayed GUI layout according to the control information. In an alternative embodiment, the GUI layout may be displayed on a display unit and interacted with according to a correspondence between the interaction operation and the GUI layout when the GUI layout is saved after the interaction operation is received.

Therefore, according to the image processing method, the GUI layouts at different moments are stored in advance, the different GUI layouts are distinguished by the identification information, the GUI layouts can be restored to the layout of the expected version and are interacted with the GUI layouts according to the interaction operation of the expected version, the individual requirements of users on the GUI can be met, and a service provider can accurately know the real requirements of the users according to the storage operation and the restoration operation of the users.

As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.

The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.

Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.

It should also be noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

The above description is only an example of the present application and is not intended to limit the present application. Various modifications and changes may occur to those skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.

Claims

1. An interface processing method, comprising:

in response to a saving operation performed on a GUI layout of an application at different times, saving the GUI layout when the saving operation is performed on the application, and generating identification information corresponding to the GUI layout when the saving operation is performed, wherein the GUI layout comprises a correspondence between an interactive operation performed when the saving operation is performed and the GUI layout; the identification information is used for distinguishing different GUI layouts of the same display page of the application at different moments;

receiving a restore operation to the GUI layout of the application;

determining identification information corresponding to the restoration operation;

based on the identification information, a displayed GUI layout is determined.

2. The method of claim 1, after generating identification information corresponding to the GUI layout when performing the save operation, further comprising:

determining to generate control information of the GUI layout when the save operation is performed;

the identification information is stored in the memory of the electronic device in correspondence with the control information.

3. The method of claim 2, wherein the step of determining the displayed GUI layout based on the identification information comprises:

determining control information corresponding to the identification information based on the identification information;

and determining the GUI layout corresponding to the restoration operation according to the control information.

4. The method of claim 1, after generating identification information corresponding to the GUI layout when performing the save operation, further comprising:

sending the identification information to a server of the application;

after receiving the identification information, determining control information related to the GUI layout when the saving operation is executed;

and storing the identification information in a memory of the server in correspondence with the control information.

5. The method of claim 4, wherein generating the GUI layout corresponding to the restore operation based on the identification information comprises:

sending the identification information to an application server;

receiving control information corresponding to the identification information sent from a server;

6. The method of claim 1, wherein receiving a restore operation of the GUI layout of the application further comprises: a restore operation is received for some content of the GUI layout of the application.

7. The method of claim 1, wherein the saving operation comprises: the method comprises the steps of carrying out purchasing operation of purchasing on a page, collecting operation of adding the page into a favorite, screen capturing operation of capturing a screen of the page and operation of generating a two-dimensional code image according to the page.

8. The method of any of claims 1 to 6, after determining the displayed GUI layout based on the identification information, further comprising:

displaying the GUI layout;

and after receiving the interactive operation, interacting with the GUI layout according to the corresponding relation between the interactive operation and the GUI layout when the GUI layout is stored.

9. An electronic device, comprising:

a generating unit that, in response to a save operation performed on a GUI layout of an application at a different time, saves the GUI layout when the save operation is performed on the application, and generates identification information corresponding to the GUI layout when the save operation is performed, wherein the GUI layout includes a correspondence between an interactive operation that can be performed when the save operation is performed and the GUI layout; the identification information is used for distinguishing different GUI layouts of the same display page of the application at different moments;

a receiving unit that receives a restore operation for the GUI layout of the application;

a first determination unit that determines identification information corresponding to the restoration operation;

and a second determination unit that determines the displayed GUI layout based on the identification information.

10. The apparatus of claim 9, further comprising: and the display unit displays the GUI layout and interacts with the GUI layout according to the corresponding relation between the interactive operation and the GUI layout when the GUI layout is stored after the interactive operation is received.

11. The apparatus of claim 9, further comprising: and a storage unit that stores the identification information in correspondence with control information corresponding to the identification information.

12. The apparatus of claim 9, further comprising: and a communication unit which transmits the identification information to the server and receives control information corresponding to the identification information from the server.