CN112732143A - Interface processing method and equipment, storage medium and terminal thereof - Google Patents

Interface processing method and equipment, storage medium and terminal thereof Download PDF

Info

Publication number
CN112732143A
CN112732143A CN202110088770.6A CN202110088770A CN112732143A CN 112732143 A CN112732143 A CN 112732143A CN 202110088770 A CN202110088770 A CN 202110088770A CN 112732143 A CN112732143 A CN 112732143A
Authority
CN
China
Prior art keywords
interface
application
fade
desktop
controlling
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202110088770.6A
Other languages
Chinese (zh)
Other versions
CN112732143B (en
Inventor
张正政
罗俊
龙振海
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202110088770.6A priority Critical patent/CN112732143B/en
Publication of CN112732143A publication Critical patent/CN112732143A/en
Application granted granted Critical
Publication of CN112732143B publication Critical patent/CN112732143B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

The embodiment of the invention discloses an interface processing method and equipment, a storage medium and a terminal thereof, wherein the method comprises the following steps: monitoring a trigger operation on a target application in a desktop interface; displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored; controlling a first element in the desktop interface to perform fade-out processing, and controlling a second element in the application interface to perform fade-in processing, wherein the display position of the first element in the desktop interface corresponds to the display position of the second element in the application interface; and controlling other elements except the second element in the application interface to be converted from a transparent state to an original state, and displaying the elements in the application interface. By adopting the method and the device, the interface switching process can have connectivity through fade-out control over the elements of the desktop interface and fade-in control over the elements of the application interface, and the smoothness of terminal interface display is improved.

Description

Interface processing method and equipment, storage medium and terminal thereof
Technical Field
The present invention relates to the field of computer technologies, and in particular, to an interface processing method, an interface processing device, a storage medium, and a terminal.
Background
With the continuous development and improvement of computer technology, users can download and install various applications in terminals such as mobile phones and tablet computers to satisfy different use functions, for example: a game function corresponding to the game application, a reminding function corresponding to the alarm clock application, and the like.
In the prior art, an application identifier is generally arranged on a desktop interface, and an application corresponding to the application identifier can be started and enters an application interface of the application identifier by triggering the application identifier, however, in the implementation process of the prior art, a phenomenon of blocking easily occurs, that is, in the process of entering the application interface from the desktop interface, the desktop interface is already closed from a display screen, and a black screen exists in the period of time when the application interface is ready to be displayed in the display screen, and the duration of the black screen is determined by the current running state of a terminal, so that the fluency of the display of the terminal interface is affected.
Disclosure of Invention
The embodiment of the invention provides an interface processing method and equipment, a storage medium and a terminal, which can enable the interface switching process to have connectivity and improve the interface display fluency of the terminal by controlling the fade-out of elements of a desktop interface and the fade-in of elements of an application interface.
An aspect of an embodiment of the present invention provides an interface processing method, which may include:
monitoring a trigger operation on a target application in a desktop interface;
displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
controlling a first element in the desktop interface to fade out, and controlling a second element corresponding to the first element in the application interface to fade in;
and controlling other elements except the second element in the application interface to be converted from a transparent state to an original state, and displaying the elements in the application interface.
Another aspect of an embodiment of the present invention provides an interface processing apparatus, which may include:
the operation monitoring unit is used for monitoring the triggering operation of the target application in the desktop interface;
the interface display unit is used for displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
the first element control unit is used for controlling a first element in the desktop interface to perform fade-out processing and controlling a second element corresponding to the first element in the application interface to perform fade-in processing;
and the first element display unit is used for controlling other elements except the second element in the application interface, converting the transparent state into the original state and displaying the original state in the application interface.
The desktop interface at least comprises an icon interface and a wallpaper interface;
the first element control unit includes:
the first element fading-out subunit is used for keeping displaying the icon interface and controlling the first element in the wallpaper interface to fade-out;
the element fade-in subunit is used for controlling a second element in the application interface to perform fade-in processing when the first element is detected to be in a transparent state from an original state fade-out processing;
wherein the display position of the first element in the wallpaper interface and the display position of the second element in the application interface correspond to each other.
Wherein the desktop interface comprises a set of icon elements and a set of wallpaper elements;
the first element control unit includes:
the second element fading-out subunit is used for keeping displaying the icon element set and controlling the first element in the wallpaper element set to perform fading-out processing;
the element fade-in subunit is used for controlling a second element in the application interface to perform fade-in processing after the first element is detected to be in a transparent state from an original state through fade-out processing;
and the display position of the first element in the desktop interface and the display position of the second element in the application interface correspond to each other.
Wherein the element fade-in subunit is specifically configured to:
when the first element is detected to be in a transparent state through fade-out processing from an original state, acquiring a second element in the application interface, and acquiring outline information of the second element;
creating a shadow region in a transparent state at a position of the second element based on the outline information, and controlling the second element to perform a fade-in process in the shadow region;
wherein the transparency of the shadow region is consistent with the transparency of the second element during the fade-in process, and the shape of the shadow region is consistent with the shape of the second element during the fade-in process.
The interface display unit is specifically configured to, when the trigger operation is monitored, start rendering processing on an application interface corresponding to the target application, and control the application interface to display in a transparent state based on the rendering processing on the application interface.
The first element display unit is specifically configured to stop rendering processing of the desktop interface, control other elements in the application interface except the second element, convert the transparent state into an original state, and display the original state in the application interface.
The triggering operation comprises at least one of physical key triggering operation, voice input triggering operation and face recognition triggering operation.
Wherein, still include:
the second element control unit is used for monitoring the quitting operation of the target application in the application interface, controlling other elements except the second element in the application interface when the quitting operation is monitored, converting the original state into a transparent state for displaying, and controlling the second element to fade out;
the application quitting unit is used for quitting the target application after the second element is detected to fade out from the original state and is processed into a transparent state;
and the second element display unit is used for controlling the first element in the desktop interface to perform fade-in processing and controlling other elements except the first element in the desktop interface to be displayed in an original state.
The application quitting unit is specifically configured to stop rendering processing of the application interface and quit the target application after detecting that the second element fades out from the original state to be in the transparent state.
The second element display unit is specifically configured to start rendering processing on the desktop interface, so as to control the first element in the desktop interface to perform fade-in processing, and control other elements except the first element in the desktop interface to be displayed in an original state.
In another aspect, embodiments of the present invention provide a computer storage medium storing a plurality of instructions adapted to be loaded by a processor and to perform the above-mentioned method steps.
Another aspect of an embodiment of the present invention provides a terminal, which may include: a processor and a memory; wherein the memory stores a computer program adapted to be loaded by the processor and to perform the steps of:
monitoring a trigger operation on a target application in a desktop interface;
displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
controlling a first element in the desktop interface to fade out, and controlling a second element corresponding to the first element in the application interface to fade in;
and controlling other elements except the second element in the application interface to be converted from a transparent state to an original state, and displaying the elements in the application interface.
In the embodiment of the invention, in the process of switching from the desktop interface to the application interface, the application interface is already displayed in a transparent state after the application is triggered to start, and at the moment, the desktop interface is not directly closed from the display screen, but the interface switching process is enabled to have connectivity by combining fade-out control of elements of the desktop interface and fade-in control of elements of the application interface, so that the condition of black screen caused by poor operation state of the terminal is effectively avoided, and the fluency of terminal interface display is improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a schematic flow chart of an interface processing method according to an embodiment of the present invention;
FIG. 2 is a schematic flow chart diagram of another interface processing method according to an embodiment of the present invention;
fig. 3 is an exemplary schematic diagram of an interface layer ordering according to an embodiment of the present invention;
FIG. 4 is an exemplary diagram of another interface layer ordering provided by an embodiment of the present invention;
5 a-5 d are schematic diagrams illustrating examples of entering an application interface from a desktop interface according to an embodiment of the present invention;
6 a-6 d are schematic diagrams illustrating examples of entering a desktop interface from an application interface according to an embodiment of the present invention;
FIG. 7 is a flowchart illustrating a process of entering an application interface from a desktop interface according to an embodiment of the present invention;
FIG. 8 is a timing diagram illustrating a process for entering a desktop interface from an application interface according to an embodiment of the present invention;
fig. 9 is a schematic structural diagram of an interface processing apparatus according to an embodiment of the present invention;
FIG. 10 is a schematic structural diagram of a first element control unit according to an embodiment of the present invention;
FIG. 11 is a schematic structural diagram of a first element control unit according to another embodiment of the present invention;
fig. 12 is a schematic structural diagram of another interface processing apparatus provided in the embodiment of the present invention;
fig. 13 is a schematic structural diagram of a terminal according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, 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 invention.
The interface processing method provided by the embodiment of the invention is suitable for a process scene entering an application interface from a desktop interface in a terminal, for example: the method comprises the steps that an interface processing device monitors a trigger operation of a target application in a desktop interface, the interface processing device displays an application interface corresponding to the target application in a transparent state when the trigger operation is monitored, the interface processing device controls a first element in the desktop interface to perform fade-out processing, controls a second element corresponding to the first element in the application interface to perform fade-in processing, and the interface processing device controls other elements except the second element in the application interface to be converted from the transparent state to an original state, and is displayed in a scene in the application interface. Through fade-out control of elements of the desktop interface and fade-in control of elements of the application interface, the interface switching process has connectivity, the black screen condition caused by poor terminal operation state is effectively avoided, and the smoothness of terminal interface display is improved.
The interface processing device related to the embodiment of the invention can comprise terminal devices such as a Personal Computer (PC), a tablet computer, a smart phone, a notebook computer, a palm computer and a Mobile Internet Device (MID). The interface processing equipment related to the embodiment of the invention can also be any intelligent terminal with a screen display function. The interfaces such as the desktop interface and the application interface are layers rendered in a display screen of the interface processing device, the interfaces may include multiple elements and a window bearing the multiple elements, and the multiple elements form display contents in the interfaces, such as application icons, backgrounds, power source identifiers and other elements in the desktop interface.
The following describes in detail an interface processing method according to an embodiment of the present invention with reference to fig. 1 to 8.
Referring to fig. 1, a flow chart of an interface processing method according to an embodiment of the present invention is shown. As shown in fig. 1, the method of the embodiment of the present invention may include the following steps S101 to S104.
S101, monitoring a trigger operation on a target application in a desktop interface;
specifically, the interface processing device may monitor a trigger operation on the target application in a desktop interface, where the desktop interface may specifically be a resident default main interface in the interface processing device, for example: the display interface after startup, device unlocking, or application quitting is a desktop interface of the interface processing device, the desktop interface may include downloaded and installed application icons, weather information, time, power source identifiers, wireless signal identifiers, and other elements, further, the desktop interface may include an icon interface and a wallpaper interface, the icon interface may specifically include downloaded and installed application icons, weather information, time, power source identifiers, wireless signal identifiers, and other elements, the wallpaper interface may specifically include one or more background elements constituting a desktop background, the background elements may specifically be static pictures, dynamic pictures, and the like formed by one or more colors, the layer position of the icon interface is located above the layer position of the wallpaper interface to form the desktop interface by superposition, of course, the desktop interface may also be only one layer, the layer comprises an icon element set, a wallpaper element set and the like, the icon element set can specifically comprise downloaded and installed application icons, weather information, time, power source identification, wireless signal identification and other elements, the wallpaper element set can specifically comprise one or more background elements forming a desktop background, the background elements are specifically static pictures, dynamic pictures and the like formed by one or more colors, and the icon element set can be covered on the wallpaper element set. The triggering operation may include at least one of a physical key triggering operation, a voice input triggering operation, and a face recognition triggering operation, for example, a click operation on an icon element in a desktop interface, a voice operation indicated by a voice instruction received by a recognition microphone, and the like.
S102, displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
specifically, after monitoring the trigger operation on the target application on the desktop interface, the interface processing device may start the target application, and display an application interface corresponding to the target application in a transparent state, where the transparent state may be specifically represented as an invisible state, and from a visual perspective, the desktop interface may still be seen in a display screen of the interface processing device, but the application interface is actually covered on the desktop interface, and it can be understood that, in general, the position of the layer of the application interface is located on the desktop interface. Of course, the window of the application interface may also be displayed in a semi-transparent state or in another transparent state (for example, a transparency of thirty percent, etc.), where the window display of the application interface specifically uses a visible state that does not affect the desktop interface as a reference condition, and the elements in the application interface are displayed in a transparent state.
S103, controlling a first element in the desktop interface to fade out, and controlling a second element corresponding to the first element in the application interface to fade in;
specifically, the interface processing device may further control a first element in the desktop interface to perform fade-out processing, and since a window of a current application interface is displayed in a transparent state, a semi-transparent state, or other transparent states, and all elements in the application interface are in transparent states, the desktop interface is also displayed in the interface processing device, and the interface processing device may perform fade-out processing on the first element in the desktop interface, preferably, the first element specifically includes but is not limited to a character element and a background weather element in the desktop interface, if the desktop interface includes an icon interface and a wallpaper interface, the first element is specifically rendered in the wallpaper interface, and if the desktop interface includes an icon element set and a wallpaper element set, the first element belongs to the wallpaper element set, and rendered in the desktop interface. The fade-out process is embodied in that the element is converted from an original state to a transparent state in a fading manner, wherein the original state is represented as a visible state initially set by the element. The fade-out mode refers to a mode in which an element is gradually converted from an original state to a transparent state at a preset rate, and the preset rate can be set according to actual requirements.
Optionally, the process of performing fade-out processing by the first element and the step of displaying the application interface corresponding to the target application in a transparent state when the trigger operation is monitored may be performed simultaneously; or the step of displaying the application interface corresponding to the target application in a transparent state when the trigger operation is monitored can be executed first, and then the first element is faded out; and when the triggering operation is monitored, fading out the first element, and displaying an application interface corresponding to the target application in a transparent state.
When it is detected that the first element is faded from the original state to the transparent state, the interface processing device may control the second element in the application interface to perform the fade-in processing. The fade-in process is represented by the way that the element is gradually converted from the transparent state to the original state in a fade-in mode, wherein the fade-in mode refers to the way that the element is gradually converted from the transparent state to the original state at a preset rate, and the preset rate can be set according to actual requirements. Because the window of the application interface where the second element is located is displayed in a transparent state, a semi-transparent state or other transparent states, when the first element is detected to fade from the original state to the transparent state, the second element can be controlled to fade from the transparent state to the original state, it should be noted that, if the desktop interface includes an icon interface and a wallpaper interface, the display position of the first element in the wallpaper interface and the display position of the second element in the application interface correspond to each other, if the desktop interface comprises an icon element set and a wallpaper element set, the position of the first element in the desktop interface and the display position of the second element in the application interface correspond to each other, the mutual correspondence is preferably the same in the display position in the display screen of the interface processing device.
S104, controlling other elements except the second element in the application interface, converting the transparent state into an original state, and displaying the original state in the application interface;
specifically, during the process of fading the second element from the transparent state to the original state or after fading the second element from the transparent state to the original state, optionally, the interface processing device may stop the rendering processing of the desktop interface, where it needs to be noted that stopping the rendering processing of the desktop interface means to remove all elements in the desktop interface from the display screen of the interface processing device, that is, no matter the desktop interface is in the state displayed at the front end of the current display screen or in the state displayed under the application interface, all elements in the desktop interface are no longer displayed, and the window of the desktop interface is closed, and the interface processing device may simultaneously control other elements in the application interface except the second element to be displayed from the transparent state to the original state, the other elements of the application interface other than the second element may include, but are not limited to, a function button element, an affinity icon element, an application navigation element, etc. in the application interface.
In the embodiment of the invention, in the process of switching from the desktop interface to the application interface, the application interface is already displayed in a transparent state after the application is triggered to start, and at the moment, the desktop interface is not directly closed from the display screen, but the interface switching process is enabled to have connectivity by combining fade-out control of elements of the desktop interface and fade-in control of elements of the application interface, so that the condition of black screen caused by poor operation state of the terminal is effectively avoided, and the fluency of terminal interface display is improved.
Referring to fig. 2, a schematic flow chart of another interface processing method according to an embodiment of the present invention is provided. As shown in fig. 2, the method of the embodiment of the present invention may include the following steps S201 to S207.
S201, monitoring a trigger operation on a target application in a desktop interface;
specifically, the interface processing device may monitor a trigger operation on the target application in a desktop interface, where the desktop interface may specifically be a resident default main interface in the interface processing device, for example: after the desktop interface is started, the device is unlocked, or the application is quitted, the interface to which the desktop interface is switched is the desktop interface, the desktop interface may include elements such as downloaded and installed application icons, weather information, time, power source identifiers, wireless signal identifiers, and the like, further, the desktop interface may include an icon interface and a wallpaper interface, the icon interface may specifically include elements such as downloaded and installed application icons, weather information, time, power source identifiers, wireless signal identifiers, and the wallpaper interface may specifically include one or more background elements constituting a desktop background, the background elements may specifically be static pictures, dynamic pictures, and the like formed by one or more colors, the layer position of the icon interface is located above the layer position of the wallpaper interface, so that the desktop interface is formed by superposition, please refer to fig. 3, as shown in fig. 3, the desktop interface can comprise an icon interface and a wallpaper interface, the wallpaper interface is equivalent to a background picture of the icon interface and is arranged below the layer position of the icon interface, and after the target application is triggered to start, the application interface displayed by the target application is covered on the icon interface. Of course, the desktop interface may also be only one layer, which includes a set of icon elements and a set of wallpaper elements, the icon element set may specifically include downloaded and installed application icons, weather information, time, power source identification, wireless signal identification and other elements, the set of wallpaper elements may specifically comprise one or more background elements constituting a desktop background, the background element is specifically a static picture, a dynamic picture, etc. formed by one or more colors, the icon element set may be overlaid on the wallpaper element set, please refer to fig. 4 together, as shown in fig. 4, when the desktop interface is only one layer, the icon element sets in the desktop interface are all covered by default with the wallpaper element sets, and after the target application is triggered to start, the layer position of the application interface displayed by the target application is covered on the layer position of the desktop interface. The triggering operation may include at least one of a physical key triggering operation, a voice input triggering operation, and a face recognition triggering operation, for example, a click operation on an icon element in a desktop interface, a voice operation indicated by a voice instruction received by a recognition microphone, and the like.
S202, displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
specifically, after monitoring a trigger operation on a target application on the desktop interface, the interface processing device may start the target application and start a rendering process on an application interface of the target application, and control the application interface to be displayed in a transparent state based on the rendering process on the application interface, where the transparent state may be specifically represented as an invisible state, and from a visual perspective, the desktop interface may still be seen in a display screen of the interface processing device, but the application interface is actually covered on the desktop interface. Referring to fig. 5a, as shown in fig. 5a, in the desktop interface, a first element in the desktop interface is a character element, when a trigger operation on a target application is monitored on the desktop interface, the target application may be started, and an application interface (not shown in fig. 5 a) corresponding to the target application is displayed in a transparent state, and the application interface is in the transparent state, so that the desktop interface can still be seen. Of course, the window of the application interface may also be displayed in a semi-transparent state or in another transparent state (for example, a transparency of thirty percent, etc.), where the window display of the application interface specifically uses a visible state that does not affect the desktop interface as a reference condition, and the elements in the application interface are displayed in a transparent state.
S203, controlling a first element in the desktop interface to fade out, and controlling a second element corresponding to the first element in the application interface to fade in;
specifically, the interface processing device may further control a first element in the desktop interface to perform fade-out processing, and since a window of a current application interface is displayed in a transparent state, a semi-transparent state, or other transparent states, and all elements in the application interface are in transparent states, the desktop interface is also displayed in the interface processing device, and the interface processing device may perform fade-out processing on the first element in the desktop interface, in this embodiment, the first element specifically includes but is not limited to a character element and a background weather element in the desktop interface, if the desktop interface includes an icon interface and a wallpaper interface, the first element is specifically rendered in the wallpaper interface, and when the first element performs fade-out processing, the icon interface may be kept displayed until rendering processing on the desktop interface is stopped, if the desktop interface comprises an icon element set and a wallpaper element set, the first element belongs to the wallpaper element set and is rendered in the desktop interface, and when the first element is faded out, the icon element set can be kept displayed until the rendering processing of the desktop interface is stopped, and the icon element set is not displayed. The fade-out process is embodied in that the element is converted from an original state to a transparent state in a fading manner, wherein the original state is represented as a visible state initially set by the element. The fade-out mode refers to a mode in which an element is gradually converted from an original state to a transparent state at a preset rate, and the preset rate can be set according to actual requirements. Referring to fig. 5a and 5b together, the first element in fig. 5a may be faded out, and is changed to the form in fig. 5b, such as the desktop interface and the application interface (not shown in fig. 5 b) shown in fig. 5b, and since the application interface is in a transparent state at this time, the fading process of the first element can be seen on the display screen of the interface processing apparatus, and the first element is finally displayed in a transparent state.
Optionally, the process of performing fade-out processing by the first element and the step of displaying the application interface corresponding to the target application in a transparent state when the trigger operation is monitored may be performed simultaneously; or the step of displaying the application interface corresponding to the target application in a transparent state when the trigger operation is monitored can be executed first, and then the first element is faded out; and when the triggering operation is monitored, fading out the first element, and displaying an application interface corresponding to the target application in a transparent state.
When it is detected that the first element is faded out from the original state to be in the transparent state, the interface processing device may control the second element in the application interface to perform fade-in processing, where the fade-in processing is performed when the element is switched from the transparent state to the original state in a fading manner, where the fading manner refers to a manner in which the element is gradually switched from the transparent state to the original state at a preset rate, and the preset rate may be set according to an actual requirement. Because the window of the application interface where the second element is located is displayed in a transparent state, a semi-transparent state or other transparent states, when the first element is detected to fade from the original state to the transparent state, the second element can be controlled to fade from the transparent state to the original state, it should be noted that, if the desktop interface includes an icon interface and a wallpaper interface, the display position of the first element in the wallpaper interface and the display position of the second element in the application interface correspond to each other, if the desktop interface comprises an icon element set and a wallpaper element set, the position of the first element in the desktop interface and the display position of the second element in the application interface correspond to each other, and the correspondence is preferably the same as the position in the display screen of the interface processing device. Referring to fig. 5c, as shown in fig. 5c, since an application interface (not shown in fig. 5 c) is already overlaid on the desktop interface, when the second element is subjected to the fade-in processing, the second element is overlaid on an icon element in the desktop interface, optionally, the first element and the second element are both the same character element, the displayed position of the first element is the same as that of the second element, only the layers where the first element and the second element are located are different, and by adopting the fade-in and fade-out process of the same element in different layers, a user can feel that the element comes out of a device screen through vision when starting the application, so that the user experience is improved, and meanwhile, the interface switching fluency is improved more effectively.
Further, in order to optimize the fade-in process of the second element, that is, in order to avoid that a part of color in the second element is affected by color of the desktop interface, when it is detected that the first element is faded from an original state to a transparent state, the interface processing device may acquire the second element in the application interface and acquire outline information of the second element, the interface processing device may create a shadow region in the transparent state at a position of the second element based on the outline information, that is, the interface processing device may set a shadow region in the position of the second element in the application interface according to the outline information of the second element, an original state of the shadow region is preferably black, the interface processing device may control the second element to perform fade-in process in the shadow region, and transparency of the shadow region is consistent with transparency of the second element during the fade-in process, and the shape of the shadow region is consistent with the shape of the second element during the fade-in process. By adopting the shadow area to assist the second element to perform the fade-in processing process, the situation that part of the second element is highlighted is avoided, and the display effect of the second element is ensured.
S204, controlling other elements except the second element in the application interface, converting the transparent state into an original state, and displaying the original state in the application interface;
specifically, during the process of fading the second element from the transparent state to the original state or after fading the second element from the transparent state to the original state, optionally, the interface processing device may stop the rendering processing of the desktop interface, where it needs to be noted that stopping the rendering processing of the desktop interface means to remove all elements and windows in the desktop interface from the display screen of the interface processing device, that is, no matter whether the desktop interface is in the state displayed at the front end of the current display screen or in the state displayed under the application interface, all elements in the desktop interface are no longer displayed, and the desktop interface is closed, and the interface processing device may simultaneously control other elements in the application interface except the second element to be displayed from the transparent state to the original state, the other elements of the application interface other than the second element may include, but are not limited to, a function button element, an affinity icon element, an application navigation element, etc. in the application interface. Referring to fig. 5d, as shown in fig. 5d, in the process that the second element is faded from the transparent state to the original state or after the second element is faded from the transparent state to the original state, the rendering process of the desktop interface may be stopped, that is, the desktop interface may be closed, and at the same time, other elements except the second element in the desktop interface may be displayed, as shown in fig. 5d, the function button elements of "function a", "function B", and "function C" of the application interface are displayed.
In the embodiment of the present invention, when exiting the target application, the interface processing device also needs to solve the problem of a black screen switched from the application interface to the desktop interface, and the execution process of exiting the target application may refer to the following steps:
s205, monitoring the quitting operation of the target application in the application interface, controlling other elements except the second element in the application interface when the quitting operation is monitored, converting the original state into a transparent state for displaying, and controlling the second element to fade out;
specifically, the interface processing device may monitor a quit operation of a target application in an application interface, where the quit operation may include, but is not limited to, a click operation of a return button in a control panel, a voice operation indicated by a voice instruction received by an identification microphone, and the like, when the quit operation of the target application is monitored, the interface processing device may first control other elements in the application interface except for the second element, and convert the elements from an original state to a transparent state for displaying, please refer to fig. 6a and 6B together, as shown in fig. 6a, and when the quit operation is monitored in the application interface, the function button elements that may control "function a", "function B", and "function C" of the application interface may convert from the original state to the transparent state for displaying, that is, the state shown in fig. 6B, when only the second element is present in the application interface. The interface processing device further controls the second element to perform fade-out processing, wherein the fade-out processing is specifically that the element is converted into a transparent state from an original state in a fading manner, the original state is represented as a visible state initially set by the element, and the transparent state can be specifically represented as an invisible state.
S206, when the second element is detected to fade out from the original state and is processed into a transparent state, quitting the target application;
specifically, after detecting that the second element is faded from the original state to the transparent state, optionally, the interface processing device may stop the rendering process of the application interface, and it is understood that when the elements in the application interface other than the second element are converted into the transparent state and the second element is faded into the transparent state, the rendering state of the application interface is still in this time, and although the elements other than the second element and the second element cannot be seen visually, the interface processing device only renders the elements other than the second element and the second element into the transparent state, so that after detecting that the elements are faded from the original state to the transparent state, the interface processing device may stop the rendering process of the application interface, where the stop of the rendering process of the application interface indicates that all the elements and windows in the application interface are removed from the display screen of the interface processing device, and the interface processing equipment does not display all elements in the application interface any more, closes the application interface and quits the target application at the same time.
S207, controlling the first element in the desktop interface to fade in, and controlling other elements except the first element in the desktop interface to be displayed in an original state;
specifically, the interface processing device synchronously controls the first element in the desktop interface to perform fade-in processing and controls other elements in the desktop interface except the first element to be displayed in an original state, the fade-in processing is realized by switching the elements from a transparent state to the original state in a gradual display manner, please refer to fig. 6c and 6d together, as shown in fig. 6c, when exiting the target application, the rendering processing on the desktop interface is immediately started, the other elements in the desktop interface except the first element can be controlled to be displayed in the original state immediately, and meanwhile, the first element can be controlled to perform fade-in processing and finally change to the form of fig. 6 d.
In the embodiment of the invention, the interface processing device stops the rendering processing of the application interface, and when exiting the target application, the rendering process of the desktop interface can be started, including controlling other elements in the desktop interface except the first element to be immediately displayed in an original state and controlling the first element to be faded in, so that after detecting that the second element is faded out from the original state to be in a transparent state, the steps of stopping the rendering process of the application interface, exiting the target application and controlling the first element in the desktop interface to perform a fade-in process can be synchronously executed, and controlling the process of displaying other elements in the desktop interface except for the first element in the original state, where the specific implementation manner may refer to the above description, and is not described herein any further.
In the embodiment of the present invention, starting the rendering process on the interface may be represented as displaying a window for generating the interface in a display screen and displaying an element in the interface, where the window and the element belong to a state of the rendering process regardless of whether the window and the element are visible; stopping the rendering process for an interface may be represented as closing a window of the interface in a display screen and no longer displaying elements in the interface, which are culled out of the display screen regardless of whether the window and elements are visible before closing the rendering process.
In the embodiment of the invention, in the process of switching from the desktop interface to the application interface, the application interface is displayed in a transparent state after the application is triggered to start, and at the moment, the desktop interface is not directly closed from the display screen, but the interface switching process has connectivity by combining fade-out control of elements of the desktop interface and fade-in control of elements of the application interface, and in the process of switching from the application interface to the desktop interface, because rendering processing of starting the desktop interface and rendering processing of stopping the application interface are simultaneously performed, the interface switching process has connectivity, and both effectively avoid the condition of black screen caused by poor operation state of the terminal, and improve the smoothness of display of the terminal interface; by adopting the fade-in and fade-out process of the same element in different layers, a user can feel the feeling that the element comes out of the screen of the equipment through vision when starting the application, and the user experience is improved, and meanwhile, the interface switching smoothness is improved more effectively; by adopting the shadow area to assist the second element to perform the fade-in processing process, the situation that part of the second element is highlighted is avoided, and the display effect of the element is ensured.
It should be noted that, the process of the interface processing device entering the application interface from the desktop interface and the process of the interface processing device entering the desktop interface from the application interface may be regarded as processes executed by related processes in the interface processing device, including but not limited to a desktop process and an application process, where the desktop process is responsible for managing display and operation of elements including icons and wallpapers in the desktop interface, and the application process is responsible for managing display and operation of all elements in the application interface, and it should be noted that cross-process communication between the desktop process and the application process is implemented by a remote service of a system in the interface processing device.
Referring to fig. 7, a flowchart of entering an application interface from a desktop interface is provided according to an embodiment of the present invention. As shown in fig. 7, the flow sequence of the embodiment of the present invention may include the following steps S301 to S310.
S301, the desktop process monitors the trigger operation of the target application;
s302, the desktop process informs the application process of starting;
s303, starting an application process;
s304, the application process informs the desktop process to fade out the first element;
s305, fading out the first element by the desktop process;
s306, after the first element is faded out, the desktop process informs the application process to fade in the second element;
s307, the application process fades in the second element;
s308, after the second element is diluted, the application process informs the desktop to stop rendering processing;
s309, stopping rendering processing of the desktop process;
s310, displaying other elements except the second element by the application process.
Referring to fig. 8, a flow chart of entering a desktop interface from an application interface is provided for the embodiment of the present invention. As shown in fig. 8, the flow sequence of the embodiment of the present invention may include the following steps S401 to S405.
S401, monitoring an exit operation by an application process;
s402, displaying other elements except the second element in a transparent state by the application process;
s403, the application process fades out the second element and quits;
s404, the application process informs the desktop process to render;
s405, the desktop process fades in the first element and displays other elements except the first element.
In the embodiment of the present invention, reference may be made to the descriptions in fig. 1 and fig. 2 for a process of specifically executing a desktop process and an application process in the embodiment shown in fig. 7 and the embodiment shown in fig. 8, which is not described herein again.
In the embodiment of the invention, in the process of switching from the desktop interface to the application interface, the application interface is displayed in a transparent state after the application is triggered to start, and at the moment, the desktop interface is not directly closed from the display screen, but the interface switching process has connectivity by combining fade-out control of elements of the desktop interface and fade-in control of elements of the application interface, and in the process of switching from the application interface to the desktop interface, because rendering processing of starting the desktop interface and rendering processing of stopping the application interface are simultaneously performed, the interface switching process has connectivity, and both effectively avoid the condition of black screen caused by poor operation state of the terminal, and improve the smoothness of display of the terminal interface; by adopting the fade-in and fade-out process of the same element in different layers, a user can feel the feeling that the element comes out of the screen of the equipment through vision when starting the application, and the user experience is improved, and meanwhile, the interface switching smoothness is improved more effectively; by adopting the shadow area to assist the second element to perform the fade-in processing process, the situation that part of the second element is highlighted is avoided, and the display effect of the element is ensured.
The interface processing apparatus according to the embodiment of the present invention will be described in detail with reference to fig. 9 to 12. It should be noted that the apparatuses shown in fig. 9-12 are used for executing the method according to the embodiments of the present invention shown in fig. 1-8, and for convenience of description, only the parts related to the embodiments of the present invention are shown, and details of the technology are not disclosed, please refer to the embodiments of the present invention shown in fig. 1-8.
Fig. 9 is a schematic structural diagram of an interface processing apparatus according to an embodiment of the present invention. As shown in fig. 9, the interface processing apparatus 1 according to the embodiment of the present invention may include: an operation monitoring unit 11, an interface display unit 12, a first element control unit 13, and a first element display unit 14.
The operation monitoring unit 11 is configured to monitor a trigger operation on a target application in a desktop interface;
in a specific implementation, the interface display unit 11 may monitor a trigger operation on a target application in a desktop interface, where the desktop interface may specifically be a resident default main interface in the interface processing device 1, for example: after the desktop interface is started, the device is unlocked, or the application is quitted, the interface to which the desktop interface is switched is the desktop interface, the desktop interface may include elements such as downloaded and installed application icons, weather information, time, power source identifiers, wireless signal identifiers, and the like, further, the desktop interface may include an icon interface and a wallpaper interface, the icon interface may specifically include elements such as downloaded and installed application icons, weather information, time, power source identifiers, wireless signal identifiers, and the wallpaper interface may specifically include one or more background elements constituting a desktop background, the background elements may specifically be static pictures, dynamic pictures, and the like formed by one or more colors, the layer position of the icon interface is located above the layer position of the wallpaper interface, so that the desktop interface is formed by superposition, of course, the desktop interface may also be only one layer, the layer comprises an icon element set, a wallpaper element set and the like, the icon element set can specifically comprise downloaded and installed application icons, weather information, time, power source identification, wireless signal identification and other elements, the wallpaper element set can specifically comprise one or more background elements forming a desktop background, the background elements are specifically static pictures, dynamic pictures and the like formed by one or more colors, and the icon element set can be covered on the wallpaper element set.
The interface display unit 12 is configured to monitor a trigger operation on a target application in a desktop interface, and display an application interface corresponding to the target application in a transparent state after the trigger operation is monitored;
in a specific implementation, after monitoring a trigger operation on a target application on the desktop interface, the interface display unit 12 may start the target application, and display an application interface corresponding to the target application in a transparent state, where the transparent state may be specifically represented as an invisible state, and from a visual perspective, the desktop interface may still be seen in a display screen of the interface processing device 1, but the application interface is actually covered on the desktop interface, and it can be understood that, in general, a layer position of the application interface is located on the desktop interface. Of course, the window of the application interface may also be displayed in a semi-transparent state or in another transparent state (for example, a transparency of thirty percent, etc.), where the window display of the application interface specifically uses a visible state that does not affect the desktop interface as a reference condition, and the elements in the application interface are displayed in a transparent state.
The first element control unit 13 is configured to control a first element in the desktop interface to perform fade-out processing, and control a second element corresponding to the first element in the application interface to perform fade-in processing;
in a specific implementation, the first element control unit 13 may further control a first element in the desktop interface to perform fade-out processing, and since a window of a current application interface is displayed in a transparent state, a semi-transparent state, or other transparent states, and all elements in the application interface are in transparent states, the desktop interface is also displayed in the interface processing device 1, and the first element control unit 13 may perform fade-out processing on the first element in the desktop interface, in this embodiment, the first element specifically includes but is not limited to a character element and a background weather element in the desktop interface, and if the desktop interface includes an icon interface and a wallpaper interface, the first element is specifically rendered in the wallpaper interface, and when the first element performs fade-out processing, the icon interface may be kept displayed, the icon interface is not displayed until the rendering processing of the desktop interface is stopped, if the desktop interface comprises an icon element set and a wallpaper element set, the first element belongs to the wallpaper element set and is rendered in the desktop interface, when the first element is faded out, the icon element set can be kept displayed, and the icon element set is not displayed until the rendering processing of the desktop interface is stopped. The fade-out process is embodied in that the element is converted from an original state to a transparent state in a fading manner, wherein the original state is represented as a visible state initially set by the element. The fade-out mode refers to a mode in which an element is gradually converted from an original state to a transparent state at a preset rate, and the preset rate can be set according to actual requirements.
When it is detected that the first element is faded from the original state to the transparent state, the first element control unit 13 may control the second element in the application interface to perform fade-in processing, where the fade-in processing is represented by switching the element from the transparent state to the original state in a fading manner, where the fading manner refers to a manner in which the element is gradually switched from the transparent state to the original state at a preset rate, and the preset rate may be set according to an actual requirement. Because the window of the application interface where the second element is located is displayed in a transparent state, a semi-transparent state, or another transparent state, when it is detected that the first element is faded from the original state to the transparent state, the second element may be controlled to be faded from the transparent state to the original state first, it should be noted that if the desktop interface includes an icon interface and a wallpaper interface, a display position of the first element in the wallpaper interface and a display position of the second element in the application interface correspond to each other, and if the desktop interface includes an icon element set and a wallpaper element set, a position of the first element in the desktop interface and a display position of the second element in the application interface correspond to each other, and the correspondence is preferably the same as the position in the display screen of the interface processing device 1, optionally, the first element and the second element are both the same character element.
Further, in order to optimize the fade-in process of the second element, that is, in order to avoid that a part of the color in the second element is affected by the color of the desktop interface, when it is detected that the first element is faded from the original state to the transparent state, the first element control unit 13 may acquire the second element in the application interface and acquire the outline information of the second element, the interface processing device may create a shadow region in the transparent state at the position of the second element based on the outline information, that is, the interface processing device sets a shadow region at the position of the second element in the application interface according to the outline information of the second element, the original state of the shadow region is preferably black, and the first element control unit 13 may control the second element to perform the fade-in process in the shadow region, the transparency of the shadow region is consistent with the transparency of the second element during the fade-in process, and the shape of the shadow region is consistent with the shape of the second element during the fade-in process. By adopting the shadow area to assist the second element to perform the fade-in processing process, the situation that part of the second element is highlighted is avoided, and the display effect of the second element is ensured.
Specifically, in a first feasible implementation manner of the embodiment of the present invention, when the desktop interface includes an icon interface and a wallpaper interface, please refer to fig. 10 together, which provides a schematic structural diagram of a first element control unit for the embodiment of the present invention. As shown in fig. 10, the first element control unit 13 may include:
a first element fading-out subunit 131, configured to keep displaying the icon interface, and control a first element in the wallpaper interface to perform fading-out processing;
and the element fade-in subunit 132 is configured to, when it is detected that the first element is faded out from the original state to the transparent state, control a second element in the application interface to perform fade-in processing.
In a second possible implementation manner of the embodiment of the present invention, when the desktop interface includes an icon element set and a wallpaper element set, please refer to fig. 11 together, which provides another structural schematic diagram of the first element control unit for the embodiment of the present invention. As shown in fig. 11, the first element control unit 13 may include:
a second element fading-out subunit 133, configured to keep displaying the icon element set, and control a first element in the wallpaper element set to perform fading-out processing;
and the element fade-in subunit 134, configured to control the second element in the application interface to perform fade-in processing when it is detected that the first element is faded out from the original state to the transparent state.
It should be noted that the element fade-in subunit 122 and the element fade-in subunit 124 may be the same subunit, and perform corresponding operations according to actual situations.
The first element display unit 14 is configured to stop the rendering processing of the desktop interface, control other elements in the application interface except the second element, and convert a transparent state into an original state to display the elements;
in a specific implementation, during the process of fading the second element from the transparent state to the original state or after fading the second element from the transparent state to the original state, optionally, the first element displaying unit 14 may stop the rendering process of the desktop interface, where it needs to be noted that stopping the rendering process of the desktop interface means to remove all elements and windows in the desktop interface from the display screen of the interface processing device 1, that is, no matter the desktop interface is in the state displayed at the front end of the current display screen or in the state displayed under the application interface, all elements in the desktop interface are no longer displayed, and the desktop interface is closed, and the first element displaying unit 14 may simultaneously control other elements in the application interface except the second element to be displayed from the transparent state to the original state, the other elements of the application interface other than the second element may include, but are not limited to, a function button element, an affinity icon element, an application navigation element, etc. in the application interface.
In the embodiment of the invention, in the process of switching from the desktop interface to the application interface, the application interface is displayed in a transparent state after the application is triggered to start, and at the moment, the desktop interface is not directly closed from the display screen, but the interface switching process has connectivity by combining fade-out control of elements of the desktop interface and fade-in control of elements of the application interface, so that the condition of black screen caused by poor operation state of the terminal is effectively avoided, and the smoothness of display of the terminal interface is improved; by adopting the fade-in and fade-out process of the same element in different layers, a user can feel the feeling that the element comes out of the screen of the equipment through vision when starting the application, and the user experience is improved, and meanwhile, the interface switching smoothness is improved more effectively; by adopting the shadow area to assist the second element to perform the fade-in processing process, the situation that part of the second element is highlighted is avoided, and the display effect of the element is ensured.
Fig. 12 is a schematic structural diagram of another interface processing apparatus according to an embodiment of the present invention. As shown in fig. 12, the interface processing apparatus 1 according to the embodiment of the present invention may further include: a second element control unit 15, an application exit unit 16, and a second element display unit 17.
The second element control unit 15 is configured to monitor a quit operation on a target application in the application interface, control other elements in the application interface except the second element when the quit operation is monitored, convert the original state into a transparent state to be displayed, and control the second element to fade out;
in a specific implementation, the second element control unit 15 may monitor, in an application interface, a quit operation on a target application, where the quit operation may include, but is not limited to, a click operation on a return button in a control panel, a voice operation indicated by a voice instruction received by an identification microphone, and the like, and when the quit operation on the target application is monitored, the second element control unit 15 may first control other elements in the application interface except for the second element, and convert the original state into a transparent state for display. The second element control unit 15 further controls the second element to perform fade-out processing, where the fade-out processing is specifically that the element is converted from an original state to a transparent state in a fade-out manner, the original state is represented as a visible state initially set by the element, and the transparent state may be represented as an invisible state.
The application quitting unit 16 is used for quitting the target application after the second element is detected to fade out from the original state and is processed into a transparent state;
in a specific implementation, after detecting that the second element is faded from the original state to the transparent state, optionally, the application quitting unit 16 may stop the rendering process of the application interface, and it is understood that when the other elements except the second element in the application interface are converted into the transparent state and the second element faded into the transparent state, the rendering state of the application interface is still in this time, and although the other elements except the second element and the second element cannot be seen visually, the application quitting unit 16 may only render the second element and the other elements except the second element into the transparent state, so that after detecting that the second element is faded from the original state to the transparent state, the application quitting unit 16 may stop the rendering process of the application interface, where the stopping of the rendering process of the application interface means that all elements and windows in the application interface are removed from the display screen of the interface processing device 1, that is, the application interface is in a state of being transparently displayed at the front end of the current display screen, the interface processing device 1 does not display all elements in the application interface any more, closes the application interface, and the application quitting unit 16 quits the target application.
A second element display unit 17, configured to control the first element in the desktop interface to perform fade-in processing, and control other elements except the first element in the desktop interface to be displayed in an original state;
in a specific implementation, the second element display unit 17 controls the first element in the desktop interface to perform fade-in processing synchronously, and controls other elements except the first element in the desktop interface to be displayed in an original state, where the fade-in processing is represented by that the elements are converted from a transparent state to the original state in a gradual display manner.
In the embodiment of the invention, in the process of switching from the application interface to the desktop interface, because the rendering processing of the desktop interface is started and the rendering processing of the application interface is stopped at the same time, the interface switching process has connectivity, the condition of black screen caused by poor running state of the terminal is effectively avoided, and the smoothness of display of the terminal interface is improved.
An embodiment of the present invention further provides a computer storage medium, where the computer storage medium may store a plurality of instructions, where the instructions are suitable for being loaded by a processor and executing the method steps in the embodiments shown in fig. 1 to 8, and a specific execution process may refer to specific descriptions of the embodiments shown in fig. 1 to 8, which are not described herein again.
Fig. 13 is a schematic structural diagram of a terminal according to an embodiment of the present invention. As shown in fig. 13, the terminal 1000 can include: at least one processor 1001, such as a CPU, at least one network interface 1004, a user interface 1003, memory 1005, at least one communication bus 1002. Wherein a communication bus 1002 is used to enable connective communication between these components. The user interface 1003 may include a Display (Display), a Keyboard (Keyboard), and a Microphone (Microphone), and the optional user interface 1003 may also include a standard wired interface and a wireless interface. The network interface 1004 may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface). The memory 1005 may be a high-speed RAM memory or a non-volatile memory (non-volatile memory), such as at least one disk memory. The memory 1005 may optionally be at least one memory device located remotely from the processor 1001. As shown in fig. 13, a memory 1005, which is a kind of computer storage medium, may include therein an operating system, a network communication module, a user interface module, and an interface processing application program.
In the terminal 1000 shown in fig. 13, the user interface 1003 is mainly used as an interface for providing input for a user, and acquiring data input by the user; the processor 1001 may be configured to call the interface processing application stored in the memory 1005, and specifically perform the following operations:
monitoring a trigger operation on a target application in a desktop interface;
displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
controlling a first element in the desktop interface to fade out, and controlling a second element corresponding to the first element in the application interface to fade in;
and controlling other elements except the second element in the application interface to be converted from a transparent state to an original state, and displaying the elements in the application interface.
In one embodiment, the desktop interface includes at least an icon interface and a wallpaper interface;
when executing and controlling a first element in the desktop interface to perform fade-out processing and controlling a second element corresponding to the first element in the application interface to perform fade-in processing, the processor 1001 specifically executes the following operations:
keeping displaying the icon interface, and controlling a first element in the wallpaper interface to fade out;
when the first element is detected to be in a transparent state from an original state fade-out processing, controlling a second element in the application interface to perform fade-in processing;
wherein the display position of the first element in the wallpaper interface and the display position of the second element in the application interface correspond to each other.
In one embodiment, the desktop interface includes at least a set of icon elements and a set of wallpaper elements;
when executing and controlling a first element in the desktop interface to perform fade-out processing and controlling a second element corresponding to the first element in the application interface to perform fade-in processing, the processor 1001 specifically executes the following operations:
keeping displaying the icon element set, and controlling a first element in the wallpaper element set to fade out;
when the first element is detected to be in a transparent state from an original state, controlling a second element in the application interface to perform fade-in processing;
and the display position of the first element in the desktop interface and the display position of the second element in the application interface correspond to each other.
In an embodiment, when the processor 1001 performs the fade-in processing for controlling the second element in the application interface when it is detected that the first element is faded from the original state to the transparent state, the following operation is specifically performed:
when the first element is detected to be in a transparent state through fade-out processing from an original state, acquiring a second element in the application interface, and acquiring outline information of the second element;
creating a shadow region in a transparent state at a position of the second element based on the outline information, and controlling the second element to perform a fade-in process in the shadow region;
wherein the transparency of the shadow region is consistent with the transparency of the second element during the fade-in process, and the shape of the shadow region is consistent with the shape of the second element during the fade-in process.
In an embodiment, when the processor 1001 displays the application interface corresponding to the target application in a transparent state when the trigger operation is monitored, the following operations are specifically performed:
and when the trigger operation is monitored, starting rendering processing of an application interface corresponding to the target application, and controlling the application interface to be displayed in a transparent state based on the rendering processing of the application interface.
In one embodiment, when the processor 1001 executes and controls other elements except the second element in the application interface, and converts the transparent state into the original state, and displays the elements in the application interface, the following operations are specifically executed:
and stopping the rendering processing of the desktop interface, controlling other elements except the second element in the application interface, converting the transparent state into the original state, and displaying the original state in the application interface.
In one embodiment, the trigger operation includes at least one of a physical key trigger operation, a voice input trigger operation, and a face recognition trigger operation.
In one embodiment, the processor 1001 further performs the following operations:
monitoring the quitting operation of the target application in the application interface, controlling other elements except the second element in the application interface when the quitting operation is monitored, converting the original state into a transparent state for displaying, and controlling the second element to fade out;
when the second element is detected to fade out from the original state and is processed into a transparent state, quitting the target application;
and controlling the first element in the desktop interface to perform fade-in processing, and controlling other elements except the first element in the desktop interface to be displayed in an original state.
In an embodiment, the processor 1001 specifically performs the following operations when exiting the target application after detecting that the second element fades from the original state to the transparent state:
and when the second element is detected to be in a transparent state from the fade-out processing of the original state, stopping the rendering processing of the application interface, and exiting the target application.
In an embodiment, when executing the control of fading in the first element in the desktop interface and controlling the other elements except for the first element in the desktop interface to be displayed in the original state, the processor 1001 specifically executes the following operations:
and starting the rendering processing of the desktop interface to control the first element in the desktop interface to perform fade-in processing and control other elements except the first element in the desktop interface to be displayed in an original state.
In the embodiment of the invention, in the process of switching from the desktop interface to the application interface, the application interface is displayed in a transparent state after the application is triggered to start, and at the moment, the desktop interface is not directly closed from the display screen, but the interface switching process has connectivity by combining fade-out control of elements of the desktop interface and fade-in control of elements of the application interface, and in the process of switching from the application interface to the desktop interface, because rendering processing of starting the desktop interface and rendering processing of stopping the application interface are simultaneously performed, the interface switching process has connectivity, and both effectively avoid the condition of black screen caused by poor operation state of the terminal, and improve the smoothness of display of the terminal interface; by adopting the fade-in and fade-out process of the same element in different layers, a user can feel the feeling that the element comes out of the screen of the equipment through vision when starting the application, and the user experience is improved, and meanwhile, the interface switching smoothness is improved more effectively; by adopting the shadow area to assist the second element to perform the fade-in processing process, the situation that part of the second element is highlighted is avoided, and the display effect of the element is ensured.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by a computer program, which can be stored in a computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. The storage medium may be a magnetic disk, an optical disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), or the like.
The above disclosure is only for the purpose of illustrating the preferred embodiments of the present invention, and it is therefore to be understood that the invention is not limited by the scope of the appended claims.

Claims (15)

1. An interface processing method, comprising:
monitoring a trigger operation on a target application in a desktop interface;
displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
controlling a first element in the desktop interface to perform fade-out processing, and controlling a second element in the application interface to perform fade-in processing, wherein the display position of the first element in the desktop interface corresponds to the display position of the second element in the application interface;
and controlling other elements except the second element in the application interface to be converted from a transparent state to an original state, and displaying the elements in the application interface.
2. The method of claim 1, wherein the desktop interface comprises at least an icon interface and a wallpaper interface;
the controlling a first element in the desktop interface to perform fade-out processing and controlling a second element in the application interface to perform fade-in processing includes:
keeping displaying the icon interface, and controlling a first element in the wallpaper interface to fade out;
and when the first element is detected to be in a transparent state from an original state fade-out processing, controlling a second element in the application interface to perform fade-in processing.
3. The method of claim 1, wherein the desktop interface comprises at least a set of icon elements and a set of wallpaper elements;
the controlling a first element in the desktop interface to fade out and a second element in the application interface to fade in comprises:
keeping displaying the icon element set, and controlling a first element in the wallpaper element set to fade out;
and when the first element is detected to be in a transparent state from an original state through fade-out processing, controlling a second element in the application interface to perform fade-in processing.
4. The method according to claim 2 or 3, wherein when detecting that the first element is faded from the original state to the transparent state, controlling the second element in the application interface to perform fading processing comprises:
when the first element is detected to be in a transparent state through fade-out processing from an original state, acquiring a second element in the application interface, and acquiring outline information of the second element;
creating a shadow region in a transparent state at a position of the second element based on the outline information, and controlling the second element to perform a fade-in process in the shadow region;
wherein the transparency of the shadow region is consistent with the transparency of the second element during the fade-in process, and the shape of the shadow region is consistent with the shape of the second element during the fade-in process.
5. The method according to claim 1, wherein displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored comprises:
and when the trigger operation is monitored, starting rendering processing of an application interface corresponding to the target application, and controlling the application interface to be displayed in a transparent state based on the rendering processing of the application interface.
6. The method according to claim 1, wherein the controlling other elements except the second element in the application interface to be converted from a transparent state to an original state to be displayed in the application interface comprises:
and stopping the rendering processing of the desktop interface, controlling other elements except the second element in the application interface, converting the transparent state into the original state, and displaying the original state in the application interface.
7. The method of claim 1, wherein the trigger operation comprises at least one of a physical key trigger operation, a voice input trigger operation, and a face recognition trigger operation.
8. The method of claim 1, further comprising:
monitoring the quitting operation of the target application in the application interface, controlling other elements except the second element in the application interface when the quitting operation is monitored, converting the original state into a transparent state for displaying, and controlling the second element to fade out;
when the second element is detected to fade out from the original state and is processed into a transparent state, quitting the target application;
and controlling the first element in the desktop interface to perform fade-in processing, and controlling other elements except the first element in the desktop interface to be displayed in an original state.
9. The method of claim 8, wherein exiting the target application after detecting that the second element fades from the original state to the transparent state comprises:
and when the second element is detected to be in a transparent state from the fade-out processing of the original state, stopping the rendering processing of the application interface, and exiting the target application.
10. The method of claim 8, wherein the controlling the first element in the desktop interface to perform a fade-in process and controlling other elements in the desktop interface except the first element to be displayed in an original state comprises:
and starting the rendering processing of the desktop interface to control the first element in the desktop interface to perform fade-in processing and control other elements except the first element in the desktop interface to be displayed in an original state.
11. A method as claimed in claim 2 or 3, wherein the first element is a drawing element constituting a desktop background of the desktop interface.
12. The method of claim 1, wherein controlling the first element in the desktop interface to fade out comprises controlling the second element in the application interface to fade in and out comprises:
controlling a first element in the desktop interface to gradually convert from an original state to a transparent state at a first preset rate;
and controlling the second element in the application interface to gradually convert from the transparent state to the original state at a second preset speed.
13. An interface processing apparatus, comprising:
the operation monitoring unit is used for monitoring the triggering operation of the target application in the desktop interface;
the interface display unit is used for displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
the desktop interface comprises a first element control unit and an application interface, wherein the first element control unit is used for controlling a first element in the desktop interface to perform fade-out processing and controlling a second element in the application interface to perform fade-in processing, and the display position of the first element in the desktop interface corresponds to the display position of the second element in the application interface;
and the first element display unit is used for controlling other elements except the second element in the application interface, converting the transparent state into the original state and displaying the original state in the application interface.
14. A computer storage medium, characterized in that it stores a plurality of instructions adapted to be loaded by a processor and to carry out the method steps according to any one of claims 1 to 12.
15. A terminal, comprising: a processor and a memory; wherein the memory stores a computer program adapted to be loaded by the processor and to perform the steps of:
monitoring a trigger operation on a target application in a desktop interface;
displaying an application interface corresponding to the target application in a transparent state when the trigger operation is monitored;
controlling a first element in the desktop interface to perform fade-out processing, and controlling a second element in the application interface to perform fade-in processing, wherein the display position of the first element in the desktop interface corresponds to the display position of the second element in the application interface;
and controlling other elements except the second element in the application interface to be converted from a transparent state to an original state, and displaying the elements in the application interface.
CN202110088770.6A 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof Active CN112732143B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110088770.6A CN112732143B (en) 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810191592.8A CN108491124B (en) 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof
CN202110088770.6A CN112732143B (en) 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
CN201810191592.8A Division CN108491124B (en) 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof

Publications (2)

Publication Number Publication Date
CN112732143A true CN112732143A (en) 2021-04-30
CN112732143B CN112732143B (en) 2022-02-11

Family

ID=63338044

Family Applications (2)

Application Number Title Priority Date Filing Date
CN202110088770.6A Active CN112732143B (en) 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof
CN201810191592.8A Active CN108491124B (en) 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof

Family Applications After (1)

Application Number Title Priority Date Filing Date
CN201810191592.8A Active CN108491124B (en) 2018-03-08 2018-03-08 Interface processing method and equipment, storage medium and terminal thereof

Country Status (1)

Country Link
CN (2) CN112732143B (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113407141A (en) * 2021-07-12 2021-09-17 广州繁星互娱信息科技有限公司 Interface updating method, device, terminal and storage medium
CN114637443A (en) * 2022-03-18 2022-06-17 上海瑾盛通信科技有限公司 Interface interaction method and device, mobile terminal and storage medium
CN116737293A (en) * 2022-11-04 2023-09-12 荣耀终端有限公司 Page switching method of electronic equipment and electronic equipment
CN116737293B (en) * 2022-11-04 2024-06-07 荣耀终端有限公司 Page switching method of electronic equipment and electronic equipment

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109947521B (en) * 2019-03-28 2022-12-27 北京小米移动软件有限公司 Interface switching method and device and storage medium
CN111782094A (en) * 2019-04-03 2020-10-16 上海博泰悦臻电子设备制造有限公司 Application embedding method, terminal equipment and computer storage medium
CN111580718A (en) * 2020-04-30 2020-08-25 北京字节跳动网络技术有限公司 Page switching method and device of application program, electronic equipment and storage medium
WO2022052747A1 (en) * 2020-09-09 2022-03-17 华为技术有限公司 Method for conversion between interfaces, device, and system
CN114640743B (en) * 2020-12-15 2023-10-13 华为技术有限公司 Interface dynamic effect display method, electronic equipment and storage medium

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120102428A1 (en) * 2009-06-19 2012-04-26 Moment Usa, Inc. Systems and methods for dynamic background user interface(s)
US20120324365A1 (en) * 2011-03-03 2012-12-20 Citrix Systems, Inc. Reverse Seamless Integration Between Local and Remote Computing Environments
CN103533424A (en) * 2013-05-22 2014-01-22 Tcl集团股份有限公司 Intelligent television window switching method, system and intelligent television
CN105975168A (en) * 2016-05-27 2016-09-28 青岛海信电器股份有限公司 OSD menu fading-in and fading-out method and device
CN106569796A (en) * 2016-09-30 2017-04-19 努比亚技术有限公司 Display method and terminal
CN106775983A (en) * 2016-12-23 2017-05-31 成都中科创达软件有限公司 A kind of application scenarios changing method, system and mobile terminal
CN106843638A (en) * 2016-12-26 2017-06-13 北京奇艺世纪科技有限公司 The control method of video playing terminal, device and video playing terminal
CN107436786A (en) * 2017-07-28 2017-12-05 深圳Tcl新技术有限公司 Using starting guide method, apparatus and computer-readable recording medium

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104133626B (en) * 2014-07-21 2016-04-13 腾讯科技(深圳)有限公司 A kind of changing method of article read interface, device and terminal device
CN105516778A (en) * 2014-09-24 2016-04-20 冠捷投资有限公司 Desktop user interface display method for intelligent television
CN105426084A (en) * 2015-12-10 2016-03-23 小米科技有限责任公司 Interface switching method and device and terminal
CN106020638A (en) * 2016-05-06 2016-10-12 乐视控股(北京)有限公司 A display interface switching method, a display interface switching apparatus and a mobile apparatus
CN107479957A (en) * 2017-08-07 2017-12-15 广州视源电子科技股份有限公司 A kind of switching method of Multiple system, device, equipment and storage medium

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120102428A1 (en) * 2009-06-19 2012-04-26 Moment Usa, Inc. Systems and methods for dynamic background user interface(s)
US20120324365A1 (en) * 2011-03-03 2012-12-20 Citrix Systems, Inc. Reverse Seamless Integration Between Local and Remote Computing Environments
CN103533424A (en) * 2013-05-22 2014-01-22 Tcl集团股份有限公司 Intelligent television window switching method, system and intelligent television
CN105975168A (en) * 2016-05-27 2016-09-28 青岛海信电器股份有限公司 OSD menu fading-in and fading-out method and device
CN106569796A (en) * 2016-09-30 2017-04-19 努比亚技术有限公司 Display method and terminal
CN106775983A (en) * 2016-12-23 2017-05-31 成都中科创达软件有限公司 A kind of application scenarios changing method, system and mobile terminal
CN106843638A (en) * 2016-12-26 2017-06-13 北京奇艺世纪科技有限公司 The control method of video playing terminal, device and video playing terminal
CN107436786A (en) * 2017-07-28 2017-12-05 深圳Tcl新技术有限公司 Using starting guide method, apparatus and computer-readable recording medium

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113407141A (en) * 2021-07-12 2021-09-17 广州繁星互娱信息科技有限公司 Interface updating method, device, terminal and storage medium
CN114637443A (en) * 2022-03-18 2022-06-17 上海瑾盛通信科技有限公司 Interface interaction method and device, mobile terminal and storage medium
WO2023173888A1 (en) * 2022-03-18 2023-09-21 上海瑾盛通信科技有限公司 Interface interaction method and apparatus, and mobile terminal and storage medium
CN116737293A (en) * 2022-11-04 2023-09-12 荣耀终端有限公司 Page switching method of electronic equipment and electronic equipment
CN116737293B (en) * 2022-11-04 2024-06-07 荣耀终端有限公司 Page switching method of electronic equipment and electronic equipment

Also Published As

Publication number Publication date
CN108491124B (en) 2021-01-15
CN108491124A (en) 2018-09-04
CN112732143B (en) 2022-02-11

Similar Documents

Publication Publication Date Title
CN112732143B (en) Interface processing method and equipment, storage medium and terminal thereof
CN106921798B (en) Notification message processing method and device
CN104135684B (en) A kind of interface display method and device based on Firefox OS
US20140235222A1 (en) Systems and method for implementing multiple personas on mobile technology platforms
US20150234556A1 (en) Method for information processing and electronic apparatus thereof
US11054987B1 (en) Sidebar interaction method, device, and computer-readable storage medium
CN108206889A (en) A kind of data inputting method and device and terminal device
US20170168628A1 (en) Method and electronic device for split-screen display
CN111857511B (en) Wallpaper display control method and device and electronic equipment
EP3236355B1 (en) Method and apparatus for managing task of instant messaging application
CN112711366A (en) Image generation method and device and electronic equipment
CN109144447A (en) Split screen window adjusting method, device, storage medium and electronic equipment
CN108549575B (en) Processing method and device for quitting split screen, storage medium and electronic equipment
CN110691167B (en) Control method and device of display unit
WO2024007760A1 (en) Interface display method and apparatus, electronic device, and storage medium
CN112163432A (en) Translation method, translation device and electronic equipment
CN109145273B (en) Comment following display method, device, equipment and storage medium
CN112637409B (en) Content output method and device and electronic equipment
CN114895815A (en) Data processing method and electronic equipment
CN113806000A (en) Display method and device and electronic equipment
CN112667331A (en) Interface display method and device, terminal equipment and storage medium
CN113168270A (en) Split screen control method, display terminal and computer readable storage medium
CN114205319B (en) Instant messaging method and device
CN117424870A (en) Identification display method, identification display device, electronic equipment and readable storage medium
CN116909451A (en) Sharing method and device and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40042461

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant