WO2022179249A1 - 功能页面显示方法及电子设备 - Google Patents

功能页面显示方法及电子设备 Download PDF

Info

Publication number
WO2022179249A1
WO2022179249A1 PCT/CN2021/137220 CN2021137220W WO2022179249A1 WO 2022179249 A1 WO2022179249 A1 WO 2022179249A1 CN 2021137220 W CN2021137220 W CN 2021137220W WO 2022179249 A1 WO2022179249 A1 WO 2022179249A1
Authority
WO
WIPO (PCT)
Prior art keywords
target function
card
application
function page
interface
Prior art date
Application number
PCT/CN2021/137220
Other languages
English (en)
French (fr)
Inventor
魏万军
雷张源
倪照军
杨诗姝
Original Assignee
华为技术有限公司
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 华为技术有限公司 filed Critical 华为技术有限公司
Publication of WO2022179249A1 publication Critical patent/WO2022179249A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/04817—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the embodiments of the present application relate to the field of terminal technologies, and in particular, to a method for displaying a function page and an electronic device.
  • the electronic device displays an application program icon, and after detecting the operation of the user clicking the application program icon, the application program is opened, and by displaying different function controls, the user is guided to activate the required function step by step.
  • the function page display method and electronic device provided by the embodiments of the present application can quickly display the target function page corresponding to the target function in the target application on the interface in response to the operation on the target application icon, and improve the display efficiency of the target function page, Improve user experience.
  • an embodiment of the present application provides a method for displaying a function page.
  • the method may include: an electronic device displays a first interface on a display screen of the electronic device, and the first interface displays an icon of at least one application.
  • the electronic device displays the target function page of the target application on the first interface, and the display content of the target function page corresponds to the page of the target function in the target application content.
  • the display content of the target function page corresponds to the page content of the target function, and is the same or different from the page display content of the target function page.
  • the page content of the target function is the display content of the page of the target function in the target application
  • the display content of the target function page may include part of the display content of the page content of the target function.
  • the target application is a music application
  • the target function is the music playback function
  • the page content of the target function is the page content of the music playback function of the music application, such as including song name, lyrics, play/pause control, song cut control, download Displays content such as song controls, song information, etc.
  • the display content of the target function page corresponding to the music playback function is limited by the size of the display size of the target function page, and may only include song name, play/pause controls, and song cut controls.
  • the first operation may be a variety of operations other than a click operation and a long-press and drag operation, such as a swipe-up operation or a swipe-down operation.
  • a swipe-up operation or a swipe-down operation For example, when the electronic device detects the user's upward swipe operation on the icon of the target application, it opens a card corresponding to the target function of the target application (ie, the target function page).
  • the electronic device detects an operation of adding a target function page that is fixedly displayed on the first interface, the electronic device adds the target function page to the first interface for display.
  • the target function may be a function with a deeper level in the target application, or may be a function with a shallower level in the target application.
  • the electronic device can quickly display the target function page of the target function in the application program in response to the user's operation, without having to go through many operation steps to open the target function page in the target application program, thereby improving the user experience.
  • the first interface is a desktop or a negative screen.
  • the electronic device can quickly provide the user with the target function page using the target function in response to the user's operation without opening the application.
  • the electronic device can also open the target function page after detecting the user operation on the negative screen.
  • the target function page and the icon of at least one application are displayed in different positions; or, the target function page covers part or all of the icon of at least one application.
  • the target function page is fixedly displayed on the first interface and does not cover the icon of at least one application program originally displayed on the first interface, so the display state of the target function page is fixed.
  • the electronic device can move the display position of the target function page in response to the operation of moving the fixed-state target function page. Moreover, if the display position of the target function page conflicts with the display position of the application icon on the first interface during the moving process, the conflicting application icon automatically changes the display position to ensure that the display position for displaying the target function page can be generated.
  • the target function page is displayed at the position where some or all of the icons of at least one application are located before the first operation is detected. That is, after the target function page is displayed, some or all of the icons in the icons of at least one application (including part of the overlay icon) will be covered, so that the display state of the target function page is temporary. Further, the icon of the application covered by the target function page will not disappear or change the display position, that is, the display content on the display screen of the original electronic device does not change before and after the temporary target function page is displayed, and is closed or displayed on the target function page. After repositioning, the covered application icon is displayed again in the original display position.
  • the electronic device can fix and display the target function page commonly used by the user in a blank display position on the interface according to the user's operation, without affecting the display of the original application icon.
  • the electronic device can also temporarily display the target function page of the target function according to the user's operation, and the display position of the original application icon will not be changed after the target function page is closed, so as to avoid affecting the use of the user.
  • the target function page is displayed at the location where the icon of the target application is located, or is adjacent to the icon of the target application.
  • the electronic device displays the target function page at the display position or adjacent display position of the icon of the corresponding target application, so as to facilitate the user to quickly view the target function page and facilitate the user's operation.
  • the target function page is displayed at the position where the icon of the target application is located, and the position is used to indicate the display position of the target function page and does not limit the display size of the target function page. For example, after the target function page is displayed, the icon of the target application and some icons adjacent to the icon of the target application can be covered.
  • the method further includes: in response to a second operation at a location other than the target function page on the first interface, the electronic device closes the target function page, and the display state of the target function page is temporary Or, in response to the third operation on the target function page or detecting the fourth operation on the control corresponding to the target function page for instructing to remove the target function page, remove the target function page, the target function page
  • the display state is fixed.
  • the electronic device detects that the user clicks an operation on a display area other than the target function page (such as an operation of clicking a blank display area on the first interface, an operation of clicking icons of other applications displayed on the first interface, etc. ), or re-enter after detecting exiting the desktop, restarting the phone, and unlocking the screen, or detecting the operation of clicking the preset close control on the target function page, or after a preset time, control the temporary temporary target function page It disappears automatically, and the icon of the covered application continues to be displayed in the corresponding position.
  • an operation on a display area other than the target function page such as an operation of clicking a blank display area on the first interface, an operation of clicking icons of other applications displayed on the first interface, etc.
  • the electronic device can quickly display the target function page in response to the user's operation, and can quickly close the target function page in response to the user's operation.
  • the electronic device in response to the user's operation of removing the target function page, can remove the target function page corresponding to the target application. For example, a preset control (such as a control displaying an "x" symbol) is displayed on the target function page, and the electronic device deletes the target function page after detecting the operation of the user clicking the preset control. For another example, the electronic device displays a target function page in a fixed state, and after detecting that the user has long pressed the target function page, a menu bar is displayed on the first interface, and a removal control for removing the target function page is displayed in the menu bar. . After detecting that the user clicks the operation to remove the control, the electronic device determines to remove the target function page, and then no longer displays the removed target function page on the first interface.
  • a preset control such as a control displaying an "x" symbol
  • the electronic device can remove the target function page fixedly displayed on the desktop in response to the user's operation, that is, provide the user with an operation entry to remove the unwanted target function page, thereby improving the user experience.
  • the method further includes: in response to the fifth operation on the target function page, opening the target application corresponding to the target function page, and displaying the page content of the target function in the interface of the target application.
  • the fifth operation includes, for example, an operation of clicking a preset control.
  • the electronic device in the process of displaying the target function page, can open the application program corresponding to the target function page in response to the user's operation of clicking the preset control on the target function page, and display the corresponding function of the current target function page in the application program. function page.
  • the electronic device in response to the user's operation of opening the target function page, displays the target function page corresponding to the local temperature function of the weather application. After detecting the user's operation of clicking the temperature control displayed on the target function page, the electronic device opens the weather application and displays the function interface corresponding to the content displayed on the target function page, that is, the page displaying the local temperature function in the weather application.
  • the electronic device can also respond to the user's operation to quickly open the target function in the application program, reduce the user's operation steps, and improve the user's use experience.
  • the method further includes: in response to the sixth operation on the target function page, the electronic device executes the function corresponding to the sixth operation on the target function page.
  • the electronic device in the process of displaying the target function page, can execute a control command corresponding to the corresponding function in response to a user operation. Further, in the process of executing the function corresponding to the operation in the target function page, the electronic device may still keep displaying the target function page to detect the user's subsequent operation.
  • the electronic device in response to the user's operation of opening the target function page, displays the target function page corresponding to the music playing function of the music application. If the current electronic device is playing music, in response to the user's operation of clicking the play/pause control, the desktop side generates a control command to pause music playback, and sends it to the application side. After the application side receives the control command, the music playback is paused. That is, after the electronic device detects that the user clicks on the control control on the target function page, it executes a corresponding control command, such as pausing music playback. After the electronic device detects that the user's operation in the target function page executes the control command, the target function page remains displayed and will not disappear.
  • the electronic device in response to the user's operation, can quickly provide the user with the target function of the target application by using the target function page without opening the target application.
  • the displayed content on the target function page satisfies a first condition
  • the first condition includes one or more of the following: the latest displayed content of the page corresponding to the target function, updated according to a preset period, and according to the first condition.
  • the sequence is updated at one point in time, and not updated at the second point in time.
  • the electronic device supports automatic refresh of the display content of the target function page, provides a refresh interface, and both the desktop side and the application side can actively send or request the display content description, so as to ensure that the latest display content of the target function page is provided for the user.
  • the desktop side sends a display content description request to the application side, and after the application side receives the request, the target function page management
  • the SDK obtains the latest target function page display content corresponding to the requested target function page, and completes the target function page display, so that each time the target function page is displayed in response to a user operation, the target function page display content is the latest display content.
  • the electronic device displays the target function page, and after detecting that the user clicks the preset control on the target function page to open the application corresponding to the target function page, it determines whether the corresponding function interface is updated. If there is an update, the application side actively sends the latest target function page display content description to the desktop side, and when the subsequent electronic device displays the target function page again, the updated target function page display content is displayed.
  • the target function page management SDK determines that the content of the target function page has been updated, and actively sends the latest target function page display content description to the desktop side to refresh the display content of the fixed-state target function page.
  • the electronic device refreshes the display content of the target function page according to the refresh cycle.
  • the target function page management service will periodically pull up the application-side target function page management SDK every 1 hour, so as to refresh the display content of the target function page.
  • preconfigure the refresh time sequence, and refresh the display content of the target function page according to the refresh time sequence for example, refresh the display content of the target function page at 8:00, 12:00 and 16:00 every day.
  • the target function page of the target application displayed by the electronic device on the first interface is the default target function page.
  • the electronic device can set one of the target function pages as the default card, and the electronic device will display priority after detecting the user's operation of opening the target function page.
  • Default target feature page It can be understood that if the number of target function pages corresponding to the application is one, the target function page is the default card.
  • the electronic device can set the target function page most needed by the user as the default target function page in response to the user's operation. Subsequently, in response to the user's operation, the default target function page can be quickly opened, so as to provide the user with the function that he needs to use most, and improve the user experience.
  • the display size of the target function page is the first size
  • the method further includes: detecting a seventh operation acting on the target function page, the electronic device displays the target function page of the second size; seventh The operation is the operation of setting the display size of the target function page.
  • the electronic device can set the size of the target function page (ie, the display size).
  • the target function pages of different target function page sizes have the same or different display contents. For example, the larger the target function page size, the larger the target function page can be displayed. more content.
  • the target function page supports, for example, micro size, small size, medium size, large size, etc. Each size specification corresponds to a different grid size, and the unit grid size corresponds to the area specification occupied by an application icon.
  • the electronic device can provide the user with the target function page of the corresponding size according to the user's requirement.
  • the number of target function pages is one or more.
  • the sizes and/or functions of the multiple target function pages may be the same or different.
  • target function pages corresponding to multiple functions of the target application are displayed on the desktop.
  • an application can implement one or more functions, so the number of target function pages corresponding to one application is one or more.
  • a music application can implement various functions including music playback, music collection, music search, etc. Therefore, the electronic device can set corresponding target function pages for different functions according to user needs, and can set the corresponding size for each card. size.
  • the number of target function pages is multiple, and the method further includes: in response to the eighth operation on the target function page, switching to display multiple target function pages on the first interface, and multiple target function pages are displayed on the first interface.
  • the target function corresponding to the function page is different.
  • the electronic device can switch to display cards with different functions and/or sizes after detecting the user's operation of switching the display of the target function pages. For example, the electronic device detects the user's sliding operation on the target function page, and switches and displays the target function page with different functions.
  • the first operation is an upward sliding operation or a downward sliding operation.
  • the first operation is an operation for adding a target function page that is fixedly displayed on the first interface.
  • the third operation is an operation of clicking on the first preset control; or, the fourth operation is an operation of clicking; or, the fifth operation is an operation of clicking on the second preset control; The operation is an operation of clicking the third preset control; or, the eighth operation is a sliding operation.
  • the temporary target function page and the fixed-state target function page can be converted into each other.
  • an explicit or implicit operation area is preset on the target function page, and after detecting the user's preset operation on the operation area, the electronic device converts the display state of the target function page.
  • the preset operation includes, for example, an operation of clicking a preset control, a preset gesture operation, an operation of dragging to a preset display position, and the like.
  • an embodiment of the present application provides an electronic device, including: a processor, a memory, and a display screen; the memory, the display screen are coupled to the processor, and the memory is used to store computer program code, and the computer program code includes computer instructions, and when processing The processor reads the computer instructions from the memory, so that the electronic device performs the following operations: displaying a first interface on the display screen of the electronic device, and the first interface is displayed with an icon of at least one application.
  • the electronic device displays the target function page of the target application on the first interface, and the display content of the target function page corresponds to the page of the target function in the target application content.
  • the first interface is a desktop or a negative screen.
  • the target function page and the icon of at least one application are displayed in different positions; or, the target function page covers part or all of the icon of at least one application.
  • the target function page is displayed at the location where the icon of the target application is located, or is adjacent to the icon of the target application.
  • the electronic device when the processor reads the computer instructions from the memory, the electronic device further causes the electronic device to perform the following operation: in response to a second operation at a location outside the target function page on the first interface, the electronic device The target function page is closed, and the display state of the target function page is temporary; or, in response to a third operation on the target function page or detection of a control corresponding to the target function page for indicating removal of the target function page.
  • the fourth operation is to remove the target function page, and the display state of the target function page is a fixed state.
  • the processor when the processor reads the computer instructions from the memory, it further causes the electronic device to perform the following operations: in response to the fifth operation on the target function page, open the target application corresponding to the target function page, and Display the page content of the target function in the interface of the target application.
  • the processor when the processor reads the computer instructions from the memory, it further causes the electronic device to perform the following operation: in response to the sixth operation on the target function page, the electronic device executes the sixth operation on the target function page Operate the corresponding function.
  • the displayed content on the target function page satisfies a first condition
  • the first condition includes one or more of the following: the latest displayed content of the page corresponding to the target function, updated according to a preset period, and according to the first condition.
  • the sequence is updated at one point in time, and not updated at the second point in time.
  • the target function page of the target application displayed by the electronic device on the first interface is the default target function page.
  • the display size of the target function page is the first size
  • the electronic device when the processor reads the computer instruction from the memory, the electronic device also causes the electronic device to perform the following operations: detecting a seventh operation acting on the target function page , the electronic device displays the target function page of the second size; the seventh operation is an operation of setting the display size of the target function page.
  • the number of target function pages is one or more.
  • the number of target function pages is multiple, and when the processor reads the computer instructions from the memory, the electronic device also causes the electronic device to perform the following operation: in response to the eighth operation on the target function page, in A plurality of target function pages are switched and displayed on the first interface, and the target functions corresponding to the plurality of target function pages are different.
  • the first operation is an upward sliding operation or a downward sliding operation.
  • the first operation is an operation for adding a target function page that is fixedly displayed on the first interface.
  • the third operation is an operation of clicking on the first preset control; or, the fourth operation is an operation of clicking; or, the fifth operation is an operation of clicking on the second preset control; The operation is an operation of clicking the third preset control; or, the eighth operation is a sliding operation.
  • an embodiment of the present application provides an electronic device, the electronic device having a function of implementing the method for displaying a functional page as described in the first aspect and any one of the possible implementation manners.
  • This function can be implemented by hardware or by executing corresponding software by hardware.
  • the hardware or software includes one or more modules corresponding to the above functions.
  • the embodiments of the present application provide a computer-readable storage medium, including computer instructions, when the computer instructions are executed on an electronic device, the electronic device is made to perform any of the first aspect and any of the possible implementation manners.
  • an embodiment of the present application provides a computer program product, which, when the computer program product is run on an electronic device, causes the electronic device to execute any one of the first aspect and any of the possible implementation manners.
  • Function page display method
  • an embodiment of the present application provides a circuit system, where the circuit system includes a processing circuit, and the processing circuit is configured to execute the function page display method described in the first aspect and any one of the possible implementation manners.
  • an embodiment of the present application provides a chip system, including at least one processor and at least one interface circuit, where the at least one interface circuit is configured to perform a transceiving function and send instructions to the at least one processor.
  • the at least one processor executes the method for displaying a function page as described in the first aspect and any one of the possible implementation manners.
  • FIG. 1 is a schematic diagram of the form of an electronic device provided by an embodiment of the present application.
  • FIG. 2 is a schematic structural diagram 1 of an electronic device provided by an embodiment of the present application.
  • 3A is a schematic block diagram of a software structure of an electronic device provided by an embodiment of the present application.
  • FIG. 3B is a schematic diagram of a module interaction process provided by an embodiment of the present application.
  • 4A is a schematic diagram 1 of an interface provided by an embodiment of the present application.
  • FIG. 4B is a second schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 5 is a schematic diagram three of an interface provided by an embodiment of the present application.
  • FIG. 6 is a schematic diagram four of an interface provided by an embodiment of the present application.
  • FIG. 7 is a schematic diagram five of an interface provided by an embodiment of the present application.
  • FIG. 8 is a schematic diagram 6 of an interface provided by an embodiment of the present application.
  • FIG. 9 is a seventh schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 10 is a schematic diagram eight of an interface provided by an embodiment of the present application.
  • FIG. 11 is a schematic diagram 9 of an interface provided by an embodiment of the present application.
  • FIG. 12 is a schematic diagram ten of an interface provided by an embodiment of the present application.
  • FIG. 13 is a schematic diagram eleven of an interface provided by an embodiment of the present application.
  • FIG. 14 is a schematic diagram twelve of an interface provided by an embodiment of the present application.
  • FIG. 15 is a schematic diagram thirteen of an interface provided by an embodiment of the present application.
  • FIG. 16 is a schematic diagram fourteen of an interface provided by an embodiment of the present application.
  • FIG. 17 is a fifteenth schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 18 is a schematic diagram sixteen of an interface provided by an embodiment of the present application.
  • FIG. 19 is a seventeenth schematic diagram of an interface provided by an embodiment of the present application.
  • FIG. 21 is a second schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • FIG. 22 is a third schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • the electronic device may specifically be a mobile phone 11, a notebook computer 12, a tablet computer 13, a large-screen display device 14, a wearable device (such as a smart watch, a smart bracelet, etc.) 15, a vehicle-mounted device, a super Mobile personal computer (ultra-mobile personal computer, UMPC), netbook, personal digital assistant (personal digital assistant, PDA), artificial intelligence (artificial intelligence (artificial intelligence) equipment and other terminal devices with display functions, the embodiments of this application are specific to electronic devices. Type does not impose any restrictions.
  • FIG. 2 shows a schematic structural diagram of the electronic device 100 .
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charge management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2 , mobile communication module 150, wireless communication module 160, audio module 170, sensor module 180, key 190, motor 191, indicator 192, camera 193, display screen 194, and user identification module (subscriber identification module, SIM) card interface 195 Wait.
  • SIM subscriber identification module
  • the structures illustrated in the embodiments of the present invention do not constitute a specific limitation on the electronic device 100 .
  • the electronic device 100 may include more or less components than shown, or combine some components, or separate some components, or arrange different components.
  • the illustrated components may be implemented in hardware, software or a combination of software and hardware.
  • the processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (neural-network processing unit, NPU), etc. Wherein, different processing units may be independent devices, or may be integrated in one or more processors.
  • application processor application processor, AP
  • modem processor graphics processor
  • ISP image signal processor
  • controller video codec
  • digital signal processor digital signal processor
  • baseband processor baseband processor
  • neural-network processing unit neural-network processing unit
  • the controller can generate an operation control signal according to the instruction operation code and timing signal, and complete the control of fetching and executing instructions.
  • a memory may also be provided in the processor 110 for storing instructions and data.
  • the memory in processor 110 is cache memory. This memory may hold instructions or data that have just been used or recycled by the processor 110 . If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated accesses are avoided and the latency of the processor 110 is reduced, thereby increasing the efficiency of the system.
  • the processor 110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous transceiver (universal asynchronous transmitter) receiver/transmitter, UART) interface, mobile industry processor interface (MIPI), general-purpose input/output (GPIO) interface, subscriber identity module (SIM) interface, and / or universal serial bus (universal serial bus, USB) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • PCM pulse code modulation
  • UART universal asynchronous transceiver
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • USB universal serial bus
  • the I2C interface is a bidirectional synchronous serial bus that includes a serial data line (SDA) and a serial clock line (SCL).
  • the processor 110 may contain multiple sets of I2C buses.
  • the processor 110 can be respectively coupled to a touch sensor, a charger, a flash, a camera 193 and the like through different I2C bus interfaces.
  • the processor 110 can couple the touch sensor through the I2C interface, so that the processor 110 communicates with the touch sensor through the I2C bus interface, so as to realize the touch function of the electronic device 100 .
  • the MIPI interface can be used to connect the processor 110 with peripheral devices such as the display screen 194 and the camera 193 .
  • MIPI interfaces include camera serial interface (CSI), display serial interface (DSI), etc.
  • the processor 110 communicates with the camera 193 through a CSI interface, so as to realize the photographing function of the electronic device 100 .
  • the processor 110 communicates with the display screen 194 through the DSI interface to implement the display function of the electronic device 100 .
  • the USB interface 130 is an interface that conforms to the USB standard specification, and may specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, and the like.
  • the USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transmit data between the electronic device 100 and peripheral devices.
  • the interface connection relationship between the modules illustrated in the embodiment of the present invention is only a schematic illustration, and does not constitute a structural limitation of the electronic device 100 .
  • the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.
  • the charging management module 140 is used to receive charging input from the charger.
  • the charger may be a wireless charger or a wired charger.
  • the power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 .
  • the power management module 141 receives input from the battery 142 and/or the charging management module 140, and supplies power to the processor 110, the internal memory 121, the display screen 194, the camera 193, and the wireless communication module 160.
  • the power management module 141 may also be provided in the processor 110 .
  • the power management module 141 and the charging management module 140 may also be provided in the same device.
  • the wireless communication function of the electronic device 100 may be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, the baseband processor, and the like.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in electronic device 100 may be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
  • the antenna 1 can be multiplexed as a diversity antenna of the wireless local area network.
  • the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 150 may provide wireless communication solutions including 2G/3G/4G/5G etc. applied on the electronic device 100 .
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA) and the like.
  • the mobile communication module 150 can receive electromagnetic waves from the antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation.
  • the mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and then turn it into an electromagnetic wave for radiation through the antenna 1 .
  • at least part of the functional modules of the mobile communication module 150 may be provided in the processor 110 .
  • at least part of the functional modules of the mobile communication module 150 may be provided in the same device as at least part of the modules of the processor 110 .
  • the wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellites Wireless communication solutions such as global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared technology (IR).
  • WLAN wireless local area networks
  • BT Bluetooth
  • GNSS global navigation satellite system
  • FM frequency modulation
  • NFC near field communication
  • IR infrared technology
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 .
  • the wireless communication module 160 can also receive the signal to be sent from the processor 110 , perform frequency modulation on it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2 .
  • the antenna 1 of the electronic device 100 is coupled with the mobile communication module 150, and the antenna 2 is coupled with the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology.
  • the wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband Code Division Multiple Access (WCDMA), Time Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC , FM, and/or IR technology, etc.
  • the GNSS may include global positioning system (global positioning system, GPS), global navigation satellite system (global navigation satellite system, GLONASS), Beidou navigation satellite system (beidou navigation satellite system, BDS), quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite based augmentation systems (SBAS).
  • global positioning system global positioning system, GPS
  • global navigation satellite system global navigation satellite system, GLONASS
  • Beidou navigation satellite system beidou navigation satellite system, BDS
  • quasi-zenith satellite system quadsi -zenith satellite system, QZSS
  • SBAS satellite based augmentation systems
  • the electronic device 100 implements a display function through a GPU, a display screen 194, an application processor, and the like.
  • the GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor.
  • the GPU is used to perform mathematical and geometric calculations for graphics rendering.
  • Processor 110 may include one or more GPUs that execute program instructions to generate or alter display information.
  • Display screen 194 is used to display images, videos, and the like.
  • Display screen 194 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (active-matrix organic light).
  • LED diode AMOLED
  • flexible light-emitting diode flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (quantum dot light emitting diodes, QLED) and so on.
  • the electronic device 100 may include one or N display screens 194 , where N is a positive integer greater than one.
  • Camera 193 is used to capture still images or video.
  • the object is projected through the lens to generate an optical image onto the photosensitive element.
  • the photosensitive element may be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor.
  • CMOS complementary metal-oxide-semiconductor
  • the photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal.
  • the ISP outputs the digital image signal to the DSP for processing.
  • DSP converts digital image signals into standard RGB, YUV and other formats of image signals.
  • the electronic device 100 may include 1 or N cameras 193 , where N is a positive integer greater than 1.
  • the external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100 .
  • the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example to save files like music, video etc in external memory card.
  • Internal memory 121 may be used to store computer executable program code, which includes instructions.
  • the internal memory 121 may include a storage program area and a storage data area.
  • the storage program area can store an operating system, an application program required for at least one function (such as a sound playback function, an image playback function, etc.), and the like.
  • the storage data area may store data (such as audio data, phone book, etc.) created during the use of the electronic device 100 and the like.
  • the internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (UFS), and the like.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by executing instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.
  • the audio module 170 is used for converting digital audio information into analog audio signal output, and also for converting analog audio input into digital audio signal. Audio module 170 may also be used to encode and decode audio signals. In some embodiments, the audio module 170 may be provided in the processor 110 , or some functional modules of the audio module 170 may be provided in the processor 110 . The electronic device 100 may implement the audio function through the audio module 170 and the application processor and the like. Such as music playback, recording, etc.
  • the audio module 170 includes, for example, a speaker, a receiver, a microphone, and an earphone jack.
  • the sensor module 180 may include a pressure sensor, a gyro sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, and the like.
  • the pressure sensor is used to sense the pressure signal and can convert the pressure signal into an electrical signal.
  • a pressure sensor may be provided on the display screen 194 .
  • pressure sensors such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc.
  • the capacitive pressure sensor may be comprised of at least two parallel plates of conductive material.
  • the electronic device 100 determines the intensity of the pressure according to the change in capacitance.
  • the electronic device 100 detects the intensity of the touch operation according to the pressure sensor.
  • the electronic device 100 may also calculate the touched position according to the detection signal of the pressure sensor.
  • touch operations acting on the same touch position but with different touch operation intensities may correspond to different operation instructions. For example, when a touch operation whose intensity is less than the first pressure threshold acts on the short message application icon, the instruction for viewing the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold acts on the short message application icon, the instruction to create a new short message is executed.
  • Touch sensor also known as "touch device”.
  • the touch sensor may be disposed on the display screen 194, and the touch sensor and the display screen 194 form a touch screen, also referred to as a "touch screen”.
  • a touch sensor is used to detect touch operations on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • Visual output related to touch operations may be provided through display screen 194 .
  • the touch sensor may also be disposed on the surface of the electronic device 100 , which is different from the location where the display screen 194 is located.
  • the electronic device 100 uses a touch sensor to detect a user's touch operation, such as a swipe operation, on the display screen 194 . And use the pressure sensor to determine the touch position corresponding to the touch operation. For example, the electronic device 100 displays the application icon on the display screen 194, detects the user's sliding operation on the display area where the application A is located, and displays the function card corresponding to the application A, and the display content of the function card is the application A.
  • the function interface corresponding to a certain function of the user can obtain the corresponding function experience through the current function card.
  • application A is a sports health application
  • the function card is a card corresponding to the step count function, so that the user can open the card corresponding to the step count function by one swipe operation, and obtain the step count result.
  • the electronic device 100 detects the user's operation on the current function card, and can open the corresponding application program function, thereby improving the function startup efficiency.
  • the keys 190 include a power-on key, a volume key, and the like. Keys 190 may be mechanical keys. It can also be a touch key.
  • the electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100 .
  • Motor 191 can generate vibrating cues.
  • the motor 191 can be used for vibrating alerts for incoming calls, and can also be used for touch vibration feedback.
  • touch operations acting on different applications can correspond to different vibration feedback effects.
  • the motor 191 can also correspond to different vibration feedback effects for touch operations on different areas of the display screen 194 .
  • Different application scenarios for example: time reminder, receiving information, alarm clock, games, etc.
  • the touch vibration feedback effect can also support customization.
  • the indicator 192 can be an indicator light, which can be used to indicate the charging state, the change of the power, and can also be used to indicate a message, a missed call, a notification, and the like.
  • the SIM card interface 195 is used to connect a SIM card.
  • the SIM card can be contacted and separated from the electronic device 100 by inserting into the SIM card interface 195 or pulling out from the SIM card interface 195 .
  • the electronic device 100 may support 1 or N SIM card interfaces, where N is a positive integer greater than 1.
  • the electronic device 100 interacts with the network through the SIM card to implement functions such as call and data communication.
  • the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture.
  • the embodiment of the present invention takes an Android system with a layered architecture as an example to illustrate the software structure of the electronic device 100 as an example.
  • FIG. 3A is a block diagram of a software structure of an electronic device 100 according to an embodiment of the present invention.
  • the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate with each other through software interfaces.
  • the Android system is divided into four layers, which are, from top to bottom, an application layer, an application framework layer, a system library of Android runtime (Android runtime), and a kernel layer.
  • the application layer can include a series of application packages.
  • the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message, etc.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer includes some predefined functions.
  • the application framework layer may include a window manager, a content provider, a view system, a resource manager, a notification manager, a card management service, a card management software development kit (SDK), and the like.
  • a window manager a content provider
  • a view system a resource manager
  • a notification manager a card management service
  • SDK card management software development kit
  • a window manager is used to manage window programs.
  • the window manager can get the size of the display screen, determine whether there is a status bar, lock the screen, take screenshots, etc.
  • Content providers are used to store and retrieve data and make these data accessible to applications.
  • the data may include video, images, audio, calls made and received, browsing history and bookmarks, phone book, etc.
  • the view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and so on. View systems can be used to build applications.
  • a display interface can consist of one or more views.
  • the display interface including the short message notification icon may include a view for displaying text and a view for displaying pictures.
  • the resource manager provides various resources for the application, such as localization strings, icons, pictures, layout files, video files and so on.
  • the notification manager enables applications to display notification information in the status bar, which can be used to convey notification-type messages, and can disappear automatically after a brief pause without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc.
  • the notification manager can also display notifications in the status bar at the top of the system in the form of graphs or scroll bar text, such as notifications of applications running in the background, and notifications on the screen in the form of dialog windows. For example, text messages are prompted in the status bar, beep sounds, electronic equipment vibrates, indicator lights flash, etc.
  • a card management SDK is respectively deployed on the application side and the desktop side to determine the displayed content of the card.
  • the card is used to describe the function card of the application, and different functions in the application can be configured with different card display contents, so as to realize the display of the functions of the application.
  • the music app includes music playback
  • the music app's cards include a card that shows the music being played.
  • the workflow of the card management service and the card management SDK in the card display scene will be exemplarily described.
  • the corresponding hardware interrupt is sent to the kernel layer.
  • the kernel layer processes touch operations into raw input events (including touch coordinates, timestamps of touch operations, etc.). Raw input events are stored at the kernel layer.
  • the application framework layer obtains the original input event from the kernel layer, and identifies the control corresponding to the input event. It is assumed that the touch operation is a touch sliding operation, and the control corresponding to the sliding operation is the control of the icon of the application program A as an example.
  • the card management SDK 31 on the application side can provide card development related capabilities, determine the card display content (eg, card display content M) corresponding to application A, and send the card display content M to the card management service 32 .
  • the card management service 32 is used to define the card display description and perform security verification on the card display content. Specifically, after receiving the card display content M, the card management service 32 determines the card display content layout and resource information (ie, the specific display content) corresponding to the display content M, and converts the display content M into a card identifiable by the desktop-side card management SDK 33 After displaying the description, send the card display description to the card management SDK 33 on the desktop side. After receiving the card display description, the card management SDK 33 converts the card display description into the card display content N that can be displayed on the desktop. After that, the processing module 34 on the desktop side determines the size and position of the display area 301 for displaying the card, and uses the display screen 194 shown in FIG. 2 to display the card display content N on the display area 301, as shown in the interface shown in FIG. 3B 302, the display of the card is completed.
  • the card display content layout and resource information ie, the specific display content
  • the embodiments of the present application support the remote card display capability of various languages (eg, JAVA, C language, C++ language, etc.).
  • the card management SDK of the corresponding language is deployed in different applications, and the card management service is used as a data transmission bridge between the application-side card management SDK and the desktop-side card management SDK.
  • the display content is converted into a card display description that can be recognized by the desktop-side card management SDK.
  • Android Runtime includes core libraries and a virtual machine. Android runtime is responsible for scheduling and management of the Android system.
  • the core library consists of two parts: one is the function functions that the java language needs to call, and the other is the core library of Android.
  • the application layer and the application framework layer run in virtual machines.
  • the virtual machine executes the java files of the application layer and the application framework layer as binary files.
  • the virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, safety and exception management, and garbage collection.
  • a system library can include multiple functional modules. For example: surface manager (surface manager), media library (Media Libraries), 3D graphics processing library (eg: OpenGL ES), 2D graphics engine (eg: SGL), etc.
  • surface manager surface manager
  • media library Media Libraries
  • 3D graphics processing library eg: OpenGL ES
  • 2D graphics engine eg: SGL
  • the Surface Manager is used to manage the display subsystem and provides a fusion of 2D and 3D layers for multiple applications.
  • the media library supports playback and recording of a variety of commonly used audio and video formats, as well as still image files.
  • the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.
  • 2D graphics engine is a drawing engine for 2D drawing.
  • the kernel layer is the layer between hardware and software.
  • the kernel layer contains at least display drivers, camera drivers, audio drivers, and sensor drivers.
  • the method for displaying the function page provided by the embodiment of the present application will be described by taking the electronic device as a mobile phone having the structure shown in FIG. 2 and FIG. 3A as an example.
  • the mobile phone after the mobile phone detects that the user clicks on the application icon or searches for the application, the mobile phone starts the application to provide the user with corresponding functional services.
  • the mobile phone displays the main interface 401, and it is detected that the user clicks on Didi Chuxing. Operation of icon 41, start Didi Chuxing application, and display the interface 402 as shown in (b) in FIG. 4A, providing users with Didi Chuxing Feature services configured in the application. Or, as shown in the main interface 401 in (a) of FIG.
  • the mobile phone detects that the user clicks on WeChat The operation of icon 42, start WeChat application, and the interface 403 as shown in (c) of FIG. 4A is displayed.
  • the mobile phone detects on the interface 403 the user's downward sliding operation in the direction indicated by the arrow 43, starts the applet search function, and displays the interface 404 as shown in (d) of FIG. 4A.
  • the mobile phone detects the operation of the user's search function, and starts the applet with the corresponding function for the user. For example, if the mobile phone detects the user's operation of searching for a taxi function, it will start Didi Chuxing. A small program that provides users with taxi services.
  • the mobile phone can provide the user with an interface for starting the function of the application program.
  • WeChat Wallet function As shown in the main interface 401 in (a) of FIG. 4A , the mobile phone detects that the user clicks on WeChat The operation of icon 42, start WeChat
  • the application program displays the interface 405 as shown in (a) of FIG. 4B .
  • the mobile phone displays the interface 406 as shown in (b) of FIG. 4B.
  • the mobile phone displays the interface 407 as shown in (c) of FIG. 4B.
  • the mobile phone can start WeChat
  • the wallet function is displayed, and the interface 408 shown in (d) of FIG. 4B is displayed.
  • the embodiments of the present application provide a method for displaying a function page, which can realize rapid display of function cards, improve function startup efficiency, and improve user experience.
  • the mobile phone displays the card on the display screen after detecting the user's operation of opening the card.
  • the operation of the user to open the card may be various operations other than the click operation and the long-press and drag operation, such as an upward sliding operation, a downward sliding operation, and the like.
  • the displayed content of the card is the page content of the target function of the corresponding application, and the target function may be a function with a deeper level in the application, thereby reducing the steps of opening the page of the target function. It can be understood that the target function may also be a function with a shallower level in the application, such as a function corresponding to the homepage of the application.
  • the mobile phone displays the main interface 501 and detects that the user slides up in the direction indicated by the arrow 51 , wherein the starting position of the sliding operation corresponds to the weather icon 52 .
  • the mobile phone opens and displays the card 53 corresponding to the weather icon 52 to realize the function of quickly displaying the local weather. In this way, the user can open the card through a simple preset operation (such as a sliding operation), and conveniently and quickly obtain the function information provided by the application program.
  • the location where the mobile phone displays each application icon is located in the corresponding icon hot area, as shown in interface 501 in FIG.
  • the mobile phone detects that the starting position of the user's sliding operation is located in the icon hot area corresponding to the weather application, it starts to display the card corresponding to the weather application.
  • the phone displays cards on the display screen in a preset manner.
  • the line where the lower edge of the application icon is located is the x-axis
  • the line where the left edge is located is the y-axis
  • the right direction of the application icon is the positive direction of the x-axis
  • the upper The side direction is the positive direction of the y-axis
  • the corresponding position of the lower left corner of the application icon is the origin o, and the coordinate system is established.
  • the mobile phone takes the origin o as the starting point to the upper right, and expands the display card 53 in the first quadrant of the coordinate system.
  • the display size of the card is adapted to the size of the display area of the display screen.
  • the size of the card 53 is 2 ⁇ 2 grids, wherein the length of each grid corresponds to the length of one application program icon, that is, the current card covers 4 application program icons.
  • the mobile phone display card state includes a temporary state (which can also be described as a transient state) and/or a fixed state (which can also be described as a normal state).
  • the temporary state card supports floating display on the desktop and other elements on the desktop, and does not need to occupy the position of other elements.
  • the fixed state card can be fixedly displayed in the blank area in the display area of the display screen.
  • the card 53 is a temporary card, which is displayed floating above the four application program icons, that is, the four application program icons are covered by the temporary temporary card.
  • the application icon covered by the temporary card is still displayed in the original display position; or the application icon covered by the temporary card is not displayed.
  • the temporary card can also be displayed in the blank display area of the interface, that is, the display of the application icon is not blocked.
  • the mobile phone when the mobile phone detects that the user clicks an operation on a display area other than the card (such as an operation of clicking a blank display area, etc.), or detects an operation such as exiting the desktop, restarting the mobile phone, and unlocking the screen, etc., Or the operation of clicking the preset closing control on the card is detected, or after a preset time, the control temporary card disappears automatically, and the covered element continues to be displayed at the corresponding position.
  • the interface 503 shown in FIG. 5(c) is displayed, and the temporary card 53 disappears automatically. That is, the card 53 is not displayed on the interface 503 .
  • the interface 503 displays the music icon, the browser icon, the weather icon and the application store icon previously covered by the card 53 .
  • temporary state cards and fixed state cards can be converted into each other.
  • an explicit or implicit operation area is preset on the card display area, and after detecting the user's preset operation on the operation area, the mobile phone changes the card state.
  • the preset operation includes, for example, an operation of clicking a preset control, a preset gesture operation, an operation of dragging to a preset display position, and the like.
  • the display position of the fixed state card on the display screen does not overlap with other elements displayed on the display screen.
  • the non-resistable scenarios include, for example, a scenario in which the application program corresponding to the card is uninstalled, a scenario in which the mobile phone system is reset, and the like.
  • the mobile phone displays a temporary state card 61 , and a preset control is displayed on the temporary state card 61 , for example, the preset control is a pushpin control 62 .
  • the mobile phone converts the card state, converts the temporary state card into a fixed state card, and displays the interface 602 as shown in (b) of FIG. 6 .
  • the mobile phone automatically determines to display the stationary state card 63 on the blank area.
  • the card state is converted into a fixed state card, which is fixed and displayed at the final position corresponding to the drag operation.
  • the mobile phone can move the fixed state card display position in response to a user operation.
  • the display position of the card 63 is moved.
  • the application icon automatically moves the display position, and a blank display area is reserved for displaying the card.
  • the mobile phone automatically moves the display positions of the Huawei video icon 64 , the sports health icon 65 and the music icon 66 to display the card 63 .
  • the display positions of other application icons that do not affect the display of the card remain unchanged.
  • the preset controls may also include controls of other shapes or styles.
  • the preset control displayed on the card 67 is the control 68
  • the shape of the control 68 is a circle.
  • the mobile phone After the mobile phone detects the user's operation of clicking on the control 68, it can also convert the card state, convert the temporary state card into a fixed state card, and display the interface 602 shown in (b) of FIG. 6 .
  • the mobile phone provides the user with a card management channel entry, which is used to receive the user's operation of setting card-related content such as the card size and the number of cards.
  • a card management channel entry which is used to receive the user's operation of setting card-related content such as the card size and the number of cards.
  • the mobile phone displays the interface 702 shown in FIG. 7( b ).
  • the setting menu 72 corresponding to the music application is displayed on the interface 702.
  • a card management interface is displayed for receiving the user's card setting.
  • the mobile phone displays the card 74, after detecting the user's operation of long pressing the card 74, the management card control 75 is displayed, and after detecting the operation of the user clicking the management card control 75, the card is displayed management interface.
  • the card 74 is a temporary state card or a fixed state card.
  • the mobile phone can set the card size (ie display size), and the display contents of cards of different card sizes are the same or different. For example, the larger the card size, the more contents that can be displayed on the card.
  • the card support includes, for example, micro-size, small size, medium size, large size, etc. Each size specification corresponds to a different grid size, and the unit grid size corresponds to the area specification occupied by an application icon.
  • the mobile phone displays the interface 801 shown in FIG. Card size settings.
  • the card size shown in interface 801 is a small size card, and the media title of the playing music and the playing controls are displayed on the card.
  • the mobile phone detects the user's operation of clicking the control 81 on the interface 801, it displays the interface 802 as shown in (b) in FIG. controls, and a picture corresponding to the music being played (such as a music album cover picture).
  • the mobile phone detects the operation of the user clicking on the control 82 on the interface 802, it displays the interface 803 as shown in (c) in FIG.
  • the subsequent mobile phone After the subsequent mobile phone detects the user's sliding operation on the application icon hot area, it can adaptively display the card based on the display size of the card; and/or, according to the editing operation on the card size, automatically adjust the size of the fixed state card displayed on the desktop .
  • the mobile phone can determine the size of the application icon according to the size of the display area of the display screen, and then determine the size of the display area for displaying cards of different sizes.
  • the mobile phone uses other reference parameters to determine the size of the unit grid, that is, the size of the display area for displaying the card can be determined without the need to be based on the size of the application icon.
  • the small size specification is 1 ⁇ 2 grids (that is, the display area corresponding to 1 row and 2 columns of application icons), and the medium size is 2 ⁇ 2 grids (that is, the display area corresponding to 2 rows and 2 columns of application icons).
  • the large size is 2 ⁇ 4 grids (that is, the display area corresponding to 2 rows and 4 columns of application icons).
  • cards of other sizes can also be included (such as 2 ⁇ 3 grids, 2 ⁇ 4 grids) , 3 ⁇ 4 grids, etc.), and the grid size corresponding to each card size above is only an exemplary illustration.
  • the card 91 is a small size card.
  • the card 92 is a medium-sized card.
  • the card 93 is a large size card.
  • the mobile phone can adaptively adjust the card display effect according to different scenarios.
  • an application can implement one or more functions, so the number of cards corresponding to one application is one or more.
  • a music application can implement various functions including music playback, music collection, and music search. Therefore, the mobile phone can set corresponding cards for different functions according to user needs, and can set the corresponding size for each card.
  • the mobile phone displays the interface 1001 shown in FIG. 10(a), which is used to add different functions and/or size card.
  • the mobile phone detects the user's sliding left and right operation on the interface 1001, it can switch and display cards with different functions and/or sizes for the user to select and add.
  • the mobile phone displays a large-sized preview of the music playback function card on the interface 1001, detects the user's operation of sliding to the left in the direction indicated by the arrow 101, and switches to display the preview of the card, as shown in Figure 10(b)
  • the interface 1002 displays a preview of the music collection function card on the interface 1002 .
  • the mobile phone After detecting that the user clicks the operation of adding control 102, the mobile phone adds the card of the corresponding function and/or size of the card preview displayed on the current interface 1002 to the card of the application program. After the mobile phone detects that the user clicks the operation to complete the control 103, it determines to complete the setting of the application card. After detecting the operation of opening the card, the mobile phone can display the card determined by the application according to the preset rules.
  • An application program can correspond to cards with one or more functions, as shown in Table 1 below, the current application program can correspond to cards with two functions, function A and function B.
  • the cards of each function correspond to one or more sizes, as shown in Table 1 below, the cards of function A include three sizes of small size, medium size and large size, and the cards of function B include two sizes of medium size and large size size.
  • the mobile phone can determine at least one of the cards as a card for application application according to the user's selection. As shown in Table 1 below, the current application application cards include medium-sized function A card, medium-sized function B card and large-sized function B card.
  • the mobile phone can set one of the cards as the default card (it can also be described as the main card). card. It can be understood that if the number of cards corresponding to the application is one, the card is the default card.
  • the mobile phone sets the card corresponding to the current card preview image as the default card corresponding to the application after detecting the user's operation of clicking the control 111 .
  • the current application corresponds to three cards.
  • the middle-size function A card is set as the default card.
  • the medium-sized function A card is preferentially displayed.
  • the mobile phone can set the card most needed by the user as the default card in response to the user's operation. Subsequently, in response to the user's operation, the default card can be quickly opened to provide the user with the functions that he needs to use most, and to improve the user experience.
  • the mobile phone can switch to display cards with different functions and/or sizes after detecting the user's operation of switching the display cards.
  • Table 2 above is a card corresponding to a music application.
  • the cards that determine the application of the music application program include medium-sized music playing function cards (such as medium-sized function A cards), medium-sized music collection function cards (such as medium-sized function B cards), and large-sized music collection function cards (such as large-sized function cards). function B card).
  • the medium-sized music collection function card is the default card. As shown in interface 1201 in (a) of FIG. 12 , after the mobile phone detects the user's operation of opening the music application card, the card 121 is displayed, and the card 121 is a medium-sized music collection function card.
  • the mobile phone detects the user's sliding operation on the card 121 , and if it detects the user's leftward sliding operation in the direction indicated by the arrow 122 , it switches and displays the card. If the mobile phone displays the interface 1202 shown in (b) of FIG. 12 , the display card corresponding to the switching music application is the card 123 , for example, the medium-sized music collection function card as shown in the card 123 is switched to display.
  • the mobile phone can add multiple cards to the application program, and can realize the switching display of the multiple cards, further satisfying the needs of the user to quickly view and/or start the function of the application program.
  • the phone supports adding stationary application cards to the desktop.
  • the mobile phone After the mobile phone detects the user's operation of converting the card state, the mobile phone converts the card into a fixed state card and adds it to the desktop for display.
  • the mobile phone in the process of card management, in response to user operations, the mobile phone can directly convert the card into a fixed state card and add it to the desktop for display.
  • the mobile phone displays all cards corresponding to all applications in response to a preset operation (eg, a preset gesture operation).
  • the mobile phone if the mobile phone detects that the user drags one or more of the cards to be displayed on the desktop, the mobile phone will fix the dragged cards to be displayed on the desktop. Convert the cards in preview mode into fixed-state cards for display on the desktop.
  • the mobile phone detects that the user clicks on the control 131 and sets the card corresponding to the current card preview 132 as a fixed state card and adds it to the card.
  • a blank area of the desktop is displayed.
  • the mobile phone displays a card 133, the card 133 corresponds to the card preview 132, and the function and/or size of the card 133 is the same as the function and/or size of the card preview 132.
  • the mobile phone detects that the user clicks and drags the card preview image 134 to the desktop.
  • the card corresponding to the card preview image 134 is set as a fixed state card and added to the desktop for display.
  • the mobile phone may fix some or all of the multiple cards to the desktop for display.
  • the functions corresponding to the cards fixed to the desktop and displayed may be the same or different. For example, as shown in the interface 1304 in (d) of Figure 13, the number of cards corresponding to the weather application is multiple, and the mobile phone can fix the weather cards of different regions in the blank area of the desktop for display in response to the user's operation, such as displaying the Beijing area.
  • Weather card 136 and Shenzhen area weather card 137 is the weather cards of different regions in the blank area of the desktop for display in response to the user's operation, such as displaying the Beijing area.
  • the mobile phone in response to the user's operation to delete the card, can delete the card corresponding to the application.
  • the mobile phone in response to a user operation, can directly delete the fixed state card displayed on the desktop.
  • the interface 1401 shown in FIG. 14( a ) after the mobile phone detects that the user has long pressed the card 141 , displays the interface 1402 shown in FIG. 14( b ).
  • the mobile phone displays the interface 1403 as shown in (c) in FIG.
  • the mobile phone determines to delete the card 141, and displays the interface 1404 as shown in FIG. 14(d), on which the removed card is no longer displayed.
  • a preset control (such as a control displaying an "x" symbol) is displayed on the card, and the mobile phone deletes the card after detecting that the user clicks the preset control.
  • the handset displays a temporary card in response to the user's operation to open the card. Subsequently, after the mobile phone closes the temporary state card, the closed temporary state card can be deleted or not deleted. For example, the mobile phone closes the temporary card corresponding to the music application after detecting that the user clicks on the blank area of the desktop. And, as shown in FIG. 3B , the desktop side processing module 34 deletes the closed temporary state card. If the mobile phone subsequently detects the operation of opening the temporary card corresponding to the music application again, the application-side card management SDK 31 re-determines the display content M of the card. For another example, it is assumed that the displayed content of the temporary card corresponding to the weather application is Beijing weather information customized by the user.
  • the desktop side processing module 34 saves the closed temporary state card to the storage area. Subsequently, when the mobile phone detects the operation of opening the temporary state card corresponding to the weather application again, the processing module 34 directly calls the temporary state card stored in the storage area for display.
  • the operation of deleting or saving the temporary card performed by the processing module 34 may also be performed by the card management service 32 shown in FIG. 3B , which is not specifically limited in this embodiment of the present application.
  • the mobile phone after detecting the user's operation of editing the display content of the card, can edit the display content of the card, and display the edited display content of the card.
  • both the temporary state card and the fixed state card can receive the user's editing of the displayed content of the card.
  • the interface 1501 displays the card 151 corresponding to the weather application.
  • the current card 151 is a temporary card. It can be understood that the following editing steps can also be performed on a fixed card.
  • the card editing control 152 is displayed.
  • the mobile phone displays the interface 1502 shown in FIG. 15(b).
  • the weather application can obtain the weather information of at least one city, as shown in the interface 1502, it is assumed that in response to the user's setting, the current weather application can obtain the weather information of three cities of Beijing, Shenzhen and Yunnan, and in the card
  • the weather information displayed on 151 is Beijing weather information.
  • the replacement city card control 154 is displayed.
  • the mobile phone replaces the displayed content of the card with Shenzhen weather information, and displays the interface 1503 as shown in (c) in FIG.
  • the card content of the card 155 displayed in the interface 1503 is Shenzhen weather. information.
  • the mobile phone detects the operation of the user long pressing the control 153, it can also display the newly added city card control 156, in response to the operation of the user clicking the newly added city card control 156. , the mobile phone generates a card containing Shenzhen weather information, and the card 151 containing Beijing weather information will no longer be displayed. Afterwards, in response to the user's sliding switching operation on the card, the mobile phone can switch to display the card containing Beijing weather information and the card containing Shenzhen weather information.
  • the mobile phone displays the edited two cities on the card 156 (such as Beijing and Shenzhen) weather information. Further, the display size of the card 156 can be adaptively adjusted according to the display content.
  • the corresponding basic card is determined, and the subsequent display content of the basic card is displayed based on the basic information of the mobile phone, such as setting the display of the basic card corresponding to the application program.
  • the content corresponds to the current location information of the mobile phone.
  • the card of the weather application is used to display the local weather. If the mobile phone detects the user's operation of opening the weather application card, it determines the location information of the mobile phone. If the current city of the mobile phone is Beijing, the card displays Beijing weather information. If the mobile phone moves and determines that the current city is switched to Shenzhen, the mobile phone will automatically switch the display content of the card to display Shenzhen weather information after detecting the operation of opening the weather application card.
  • the mobile phone in the process of displaying the card, can execute the control command corresponding to the corresponding function in response to the user operation.
  • the card state is a temporary state or a fixed state.
  • the mobile phone displays the card 161 of the music application in response to the user's operation of opening the card.
  • the mobile phone is currently using the music application to play music.
  • the desktop side In response to the user's operation of clicking the play/pause control 162, the desktop side generates a control command to pause music playback, and sends it to the application side.
  • the application side receives the control command Pause music playback. That is, after the mobile phone detects that the user clicks on the control control on the card, it executes a corresponding control command, such as pausing music playback. After the mobile phone detects the user's operation in the card and executes the control command, the card will remain displayed and will not disappear.
  • the mobile phone After detecting the user's operation of pausing the music playing in the temporary card 161, the mobile phone still displays the temporary card, such as the card 163. Among them, as shown in card 163, the current music has been paused.
  • the mobile phone in response to the user's operation, can quickly provide the user with the target function of the target application by using the card without opening the target application.
  • the mobile phone in the process of displaying the card, can open the application corresponding to the card in response to the user's operation of clicking the preset control on the card, and display the page content of the function corresponding to the current card in the application.
  • the card state is a temporary state or a fixed state.
  • the mobile phone displays the card 171 of the weather application in response to the user's operation of opening the card.
  • the mobile phone detects that the user clicks the temperature control 172 displayed on the card 171 , it opens the weather application and displays the interface 1702 shown in (b) in FIG. 17 .
  • the mobile phone can also respond to the user's operation to quickly open the target function in the application, reduce the user's operation steps, and improve the user's use experience.
  • the mobile phone supports automatic refresh of the displayed content of the card, provides a refresh interface, and both the desktop side and the application side can actively send or request the display content description.
  • the desktop side sends a display content description request to the application side
  • the application side receives the request
  • the card The management SDK 31 obtains the latest card display content corresponding to the requested card, and completes the card display according to the above description of the process shown in FIG. 3B , so that each time a card is displayed in response to a user operation, the card display content is the latest display content.
  • the mobile phone displays the card, and after detecting that the user clicks the preset control on the card to open the application corresponding to the card, it is determined whether the corresponding function interface is updated. If there is an update, the application side actively sends the latest card display content description to the desktop side, and when the mobile phone displays the card again, the updated card display content is displayed. For another example, after the mobile phone application is updated, the card management SDK 31 determines that the card content has been updated, and then actively sends the latest card display content description to the desktop side to refresh the display content of the fixed-state card. For another example, the preset refresh cycle, the mobile phone refreshes the card display content according to the refresh cycle. If the preset refresh period is 1 hour, as shown in FIG.
  • the card management service 32 regularly pulls up the application-side card management SDK 31 every 1 hour, so as to refresh the card display content.
  • a refresh time point sequence is preconfigured, and the card display content is refreshed according to the refresh time point sequence, for example, the card display content refresh is performed at 8:00, 12:00, and 16:00 every day.
  • Example 1 Display the information of the latest application functions dynamically through the card display.
  • the mobile phone detects that the user has slid up on the takeaway application icon 181 in the direction indicated by the arrow 182, and opens the card corresponding to the takeaway application, as shown in the figure.
  • a card 183 is displayed, and the takeaway delivery information can be displayed on the card 183.
  • the card management SDK 31 can send the latest card display content (ie, the latest delivery information) to the desktop side to display.
  • the user can obtain the latest takeaway delivery information by opening the card.
  • the mobile phone closes the card 183 after detecting that the user clicks on the blank area on the interface 1802 .
  • the user does not need to open the corresponding function of the application, and can quickly obtain the required information through the card, and can quickly close the card, thereby improving the efficiency of function execution.
  • Example 2 Quickly start the application function through the card display.
  • the mobile phone detects that the user slides up the icon 191 of the live broadcast application in the direction indicated by the arrow 192, and opens the card corresponding to the live broadcast application, as shown in the figure.
  • a card 193 is displayed, and the live broadcast information of the anchors concerned by the user can be displayed in the card 193.
  • the application-side card management SDK 31 can determine the live broadcast information corresponding to the anchor function that the user is concerned about in the live broadcast application, such as whether the anchor is live-broadcasting and other information, and then send the latest live broadcast information to the desktop side for card processing show. Therefore, the user does not need to open the live broadcast application, but can quickly obtain the live broadcast status of the host through the card 193 as shown in (b) of FIG. 19 .
  • the mobile phone detects the operation of the user clicking the anchor avatar icon 194, it can directly open the anchor live room corresponding to the anchor avatar icon 194, so that the user does not need to open the live broadcast application and then search for the anchor live room, which improves the function opening efficiency and enhances the user experience. Experience and fun to use.
  • FIG. 20 is a schematic flowchart of a method for displaying a function page according to an embodiment of the present application.
  • the method includes S2001-S2002.
  • the electronic device displays a first interface, where an icon of at least one application is displayed on the first interface.
  • the first interface can display application icons included in the electronic device.
  • the first interface is a desktop (eg, a main interface) displayed by the electronic device, and at least one application included in the electronic device can be displayed on the desktop.
  • the first interface may also be a negative screen, and application icons and/or target function pages are displayed on the negative screen.
  • the electronic device When detecting a first operation acting on an icon of a target application in at least one application, the electronic device displays a target function page of the target application on the first interface, and the display content of the target function page corresponds to the target function in the target application. page content.
  • the first operation is an upward sliding operation or a downward sliding operation.
  • the first operation is an operation for adding a target function page that is fixedly displayed on the first interface.
  • the target application is the application that the user requests to open the function card
  • the target function page is the page of the function card that the user requests to open.
  • the electronic device detects the user's first operation on the target application icon, such as an upward sliding operation, and opens and displays the function card corresponding to the target application, that is, on the interface The target function page is displayed.
  • the electronic device adds the target function page to the blank display area of the interface for display in response to the user operation.
  • part of the original displayed content (such as an application program icon) on the interface may be blocked, or the original displayed content on the interface may not be blocked.
  • the display state of the target function page includes a temporary state and/or a fixed state. If the state of the target function page is a temporary state, the temporary state card 61 as shown in FIG. 6 (a), the card 61 covers part of the application program icon (that is, the electronic device only displays part of the application program in the originally displayed application program icon). icon), the application program icon covered by it will not disappear or change the display position, that is, the display content on the display screen of the original electronic device does not change before and after the temporary card is displayed.
  • the covered The application icon is displayed again in the original display position.
  • the fixed state card 63 determines the display position in the blank area of the interface 602 and does not cover the original display content. And, if the fixed state card moves the display position, the application icon originally displayed on the corresponding display position moves the display position.
  • the display positions of the Huawei video icon 64 , the sports health icon 65 and the music icon 66 are moved, and the vacated display area is used to display the card 63 .
  • the electronic device in response to a user operation, can close the target function page. If the target function page is in a temporary state, the electronic device detects any operation performed by the user at a location other than the target function page, or detects an operation such as exiting the desktop, restarting the electronic device, and re-entering after the operation of locking and unlocking the screen, or pre- After setting the time, or detecting the operation of clicking the preset closing control on the target function page, the target function page is closed, and the display of the first interface is automatically restored. If the target function page is in a fixed state, the electronic device removes the target function page after detecting an operation on the control corresponding to the target function page for instructing to remove the target function page. As shown in the above scenario shown in FIG. 14 , after detecting the operation of removing the card, the electronic device removes the fixed state card.
  • the electronic device can execute a corresponding command action in response to the user's operation on the target function page; or the electronic device can open the target application program corresponding to the target function page in response to the user's operation on the target function page, And display the corresponding function interface.
  • the target function page is a music playing page (ie card 161 ), and the electronic device pauses music playing in response to the user clicking the play/pause control 162 thereon.
  • the target function page is the weather page (ie the card 171).
  • the electronic device opens the weather application and displays the display as shown in FIG. 17.
  • the interface 1702 is shown, and the interface 1702 is a functional interface corresponding to the displayed content on the card 171 .
  • the application icon is not displayed on the interface of the electronic device, and the interface is only used to display the target function page. If the electronic device detects the user's preset operation on the interface, the target function page corresponding to the application in the electronic device is displayed. Afterwards, in response to the user operation, some or all of the target function pages are displayed on the interface.
  • the electronic device may also execute the steps and functions performed by the mobile phone in the above embodiments, thereby implementing the function page display method provided by the above embodiments.
  • the electronic device can quickly display the target function page corresponding to the target function in the target application on the interface in response to the operation on the target application icon, thereby improving the display efficiency of the target function page and improving the user experience.
  • an embodiment of the present application discloses an electronic device, and the electronic device 2100 can be used to implement the methods described in the above method embodiments.
  • the electronic device 2100 may specifically include: a display unit 2101 , a detection unit 2102 and a processing unit 2103 .
  • the display unit 2101 is used to support the electronic device 2100 to perform steps S2001 and S2002 in FIG. 20 ; and/or other processes for the techniques described herein.
  • the detection unit 2102 is used to support the electronic device 2100 to perform step S2002 in FIG. 20; and/or other processes for the techniques described herein.
  • the processing unit 2103 is used to support the electronic device 2100 to perform step S2002 in FIG. 20; and/or other processes for the techniques described herein.
  • the electronic device 2100 shown in FIG. 21 may further include a storage unit (not shown in FIG. 21 ).
  • the storage unit stores programs or instructions.
  • each unit in the electronic device 2100 shown in FIG. 21 are respectively to implement the corresponding flow of the function page display method described in the above method side embodiment, and are not repeated here for brevity.
  • the technical effect of the electronic device 2100 reference may be made to the technical effect of the function page display method described in the above method side embodiment, which will not be repeated here.
  • an embodiment of the present application discloses an electronic device, including: a touch screen 2201, where the touch screen 2201 includes a touch-sensitive surface 2206 and a display screen 2207; one or more processors 2202; a memory 2203; A number of computer programs 2204.
  • the various devices described above may be connected via one or more communication buses 2205 .
  • the above-mentioned one or more computer programs 2204 are stored in the above-mentioned memory 2203 and configured to be executed by the one or more processors 2202, and the one or more computer programs 2204 include instructions, and the above-mentioned instructions can be used to execute the above-mentioned Each step in the examples should be followed.
  • the above electronic device may further include a communication module 2208 .
  • the communication module 2208 can be used to interact with other electronic devices.
  • the processor 2202 may be the processor 110 shown in FIG. 2
  • the memory 2203 may be the internal memory 121 shown in FIG. 2
  • the display screen 2207 may be the display screen 194 shown in FIG. 2
  • the above-mentioned communication module 2208 may specifically be the mobile communication module 150 and/or the wireless communication module 160 shown in FIG. 2
  • the above-mentioned touch-sensitive surface 2206 may specifically be the touch sensor in the sensor module 180 shown in FIG. 2 , the embodiment of the present application There are no restrictions on this.
  • An embodiment of the present application further provides a chip system, including: a processor, where the processor is coupled with a memory, the memory is used to store a program or an instruction, and when the program or instruction is executed by the processor, the The chip system implements the method in any of the foregoing method embodiments.
  • the number of processors in the chip system may be one or more.
  • the processor can be implemented by hardware or by software.
  • the processor may be a logic circuit, an integrated circuit, or the like.
  • the processor may be a general-purpose processor implemented by reading software codes stored in memory.
  • the memory may be integrated with the processor, or may be provided separately from the processor, which is not limited in this embodiment of the present application.
  • the memory may be a non-transitory processor, such as a read-only memory ROM, which may be integrated with the processor on the same chip, or may be provided on different chips.
  • the arrangement of the memory and the processor is not particularly limited.
  • the system-on-chip may be a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), or a system on chip (SoC), It can also be a central processing unit (CPU), a network processor (NP), a digital signal processing circuit (DSP), or a microcontroller (microcontroller).
  • controller unit, MCU it can also be a programmable logic device (PLD) or other integrated chips.
  • each step in the above method embodiments may be implemented by a hardware integrated logic circuit in a processor or an instruction in the form of software.
  • the method steps disclosed in conjunction with the embodiments of the present application may be directly embodied as being executed by a hardware processor, or executed by a combination of hardware and software modules in the processor.
  • Embodiments of the present application also provide a storage medium for storing instructions used by the above-mentioned communication apparatus.
  • Embodiments of the present application further provide a computer-readable storage medium, where computer instructions are stored in the computer-readable storage medium, and when the computer instructions are executed on the server, the server executes the above-mentioned related method steps to realize the functions in the above-mentioned embodiments page display method.
  • Embodiments of the present application further provide a computer program product, which, when the computer program product runs on a computer, causes the computer to execute the above-mentioned relevant steps, so as to realize the function page display method in the above-mentioned embodiment.
  • an embodiment of the present application further provides an apparatus, the apparatus may specifically be a component or a module, and the apparatus may include one or more processors and a memory connected to each other; wherein, the memory is used to store computer programs, and one or more computer programs Programs include instructions. When the instruction is executed by one or more processors, it causes the apparatus to execute the function page display method in the above method embodiments.
  • the devices, computer-readable storage media, computer program products or chips provided in the embodiments of the present application are all used to execute the corresponding methods provided above. Therefore, for the beneficial effects that can be achieved, reference may be made to the above-provided methods. The beneficial effects in the corresponding method will not be repeated here.
  • the steps of the method or algorithm described in conjunction with the disclosure of the embodiments of this application may be implemented in a hardware manner, or may be implemented in a manner in which a processor executes software instructions.
  • Software instructions can be composed of corresponding software modules, and software modules can be stored in random access memory (RAM), flash memory, read only memory (ROM), erasable programmable read only memory (erasable programmable ROM, EPROM), electrically erasable programmable read-only memory (electrically EPROM, EEPROM), registers, hard disk, removable hard disk, compact disk read only (CD-ROM) or any other form of storage medium well known in the art.
  • An exemplary storage medium is coupled to the processor, such that the processor can read information from, and write information to, the storage medium.
  • the storage medium can also be an integral part of the processor.
  • the processor and storage medium may reside on an application-specific integrated circuit
  • ASIC application specific integrated circuit
  • the disclosed method may be implemented in other manners.
  • the device embodiments described above are only illustrative.
  • the division of the modules or units is only a logical function division. In actual implementation, there may be other division methods.
  • multiple units or components may be Incorporation may either be integrated into another system, or some features may be omitted, or not implemented.
  • the shown or discussed mutual coupling or direct coupling or communication connection may be through some interfaces, indirect coupling or communication connection of modules or units, and may be in electrical, mechanical or other forms.
  • the units described as separate components may or may not be physically separated, and components displayed as units may or may not be physical units, that is, may be located in one place, or may be distributed to multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution in this embodiment.
  • each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically alone, or two or more units may be integrated into one unit.
  • the above-mentioned integrated units may be implemented in the form of hardware, or may be implemented in the form of software functional units.
  • the integrated unit if implemented in the form of a software functional unit and sold or used as an independent product, may be stored in a computer-readable storage medium.
  • the technical solutions of the present application can be embodied in the form of software products in essence, or the parts that contribute to the prior art, or all or part of the technical solutions, and the computer software products are stored in a storage medium , including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) or a processor (processor) to execute all or part of the steps of the methods described in the various embodiments of the present application.
  • the aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), magnetic disk or optical disk and other media that can store program codes .

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

功能页面显示方法及电子设备；涉及终端技术领域，电子设备能够响应于在目标应用图标上的操作，快速在界面上显示目标应用中的目标功能对应的目标功能页面，提高目标功能页面的显示效率，提升用户使用体验。该方法包括：电子设备的第一界面上显示有至少一个应用的图标(S2001)。在检测到作用于其中目标应用的图标的操作后，电子设备能够在第一界面上显示目标应用的目标功能页面，并且该目标功能页面的显示内容对应于目标功能在目标应用中的页面内容(S2002)。

Description

功能页面显示方法及电子设备
本申请要求于2021年02月27日提交国家知识产权局、申请号为202110221896.6、发明名称为“功能页面显示方法及电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及终端技术领域，尤其涉及一种功能页面显示方法及电子设备。
背景技术
随着终端技术的发展，为了满足用户的使用需求,电子设备中配置的应用程序能够实现的功能日益丰富。一般的，电子设备显示应用程序图标，在检测到用户点击应用程序图标的操作后，打开应用程序，并通过显示不同的功能控件，引导用户一步步启动所需功能。
但是，若功能层级较深，用户需要通过多次操作才能够使用相应的功能。功能开启步骤繁琐，效率较低，影响用户使用体验。
发明内容
本申请实施例提供的功能页面显示方法及电子设备，能够响应于在目标应用图标上的操作，快速在界面上显示目标应用中的目标功能对应的目标功能页面，提高目标功能页面的显示效率，提升用户使用体验。
为达到上述目的，本申请实施例采用如下技术方案：
第一方面，本申请实施例提供一种功能页面显示方法，该方法可以包括：电子设备在电子设备的显示屏上显示第一界面，第一界面显示有至少一个应用的图标。在检测到作用于至少一个应用中目标应用的图标的第一操作时，电子设备在第一界面上显示目标应用的目标功能页面，目标功能页面的显示内容对应于目标功能在目标应用中的页面内容。
其中，目标功能页面的显示内容对应于目标功能的页面内容，与目标功能页面的页面显示内容相同或不完全相同。如目标功能的页面内容为目标功能在目标应用中的页面的显示内容，目标功能页面的显示内容可以包含目标功能的页面内容中的部分显示内容。比如，目标应用为音乐应用程序，目标功能为音乐播放功能，目标功能的页面内容为音乐应用程序的音乐播放功能的页面内容，如包含歌曲名称、歌词、播放/暂停控件、切歌控件、下载歌曲控件、歌曲信息等显示内容。音乐播放功能对应的目标功能页面的显示内容受限于目标功能页面显示尺寸的大小，可以仅包含如歌曲名称、播放/暂停控件以及切歌控件。
在一些实施例中，第一操作可以为除点击操作和长按拖动操作以外的多种操作，如向上滑动操作或向下滑动操作等。比如，电子设备检测到用户在目标应用图标上的向上滑动操作时，则打开目标应用的目标功能对应的卡片(即目标功能页面)。又比如，电子设备检测到添加固定显示于第一界面的目标功能页面的操作，则将该目标功能页面添加到第一界面上进行显示。其中，该目标功能可以为目标应用中的层级较深的功能，也可以为目标应用中层级较浅的功能。
如此，电子设备能够响应于用户操作，快速显示应用程序中目标功能的目标功能页面，不必再通过较多操作步骤打开目标应用程序中目标功能的页面，提高用户使用体验。
在一种可能的实现方式中，第一界面为桌面或负一屏。
如此，电子设备在桌面上显示应用程序图标的过程中，不必打开应用程序，即可响应于用户的操作，快速为用户提供使用目标功能的目标功能页面。或者，电子设备在负一屏检测到用户操作后，也能够实现打开目标功能页面。
在一种可能的实现方式中，目标功能页面与至少一个应用的图标显示在不同的位置；或者，目标功能页面覆盖至少一个应用的图标的部分或全部。
在一些实施例中，目标功能页面固定显示在第一界面上，不会覆盖第一界面上原本显示的至少一个应用程序的图标，如此时目标功能页面的显示状态为固定态。进一步的，电子设备响应于移动固定态目标功能页面的操作，能够移动目标功能页面的显示位置。并且，在移动过程中的若目标功能页面的显示位置与第一界面上应用图标的显示位置冲突，则冲突的应用图标自动变化显示位置，保证能够产生用于显示目标功能页面的显示位置。
在另一些实施例中，在电子设备检测到第一操作后，会将目标功能页面显示于检测到第一操作之前至少一个应用的图标中部分或全部图标所在的位置。即目标功能页面显示后会覆盖至少一个应用的图标中部分或全部图标(也包含覆盖图标中的部分)，如此时目标功能页面的显示状态为临时态。进一步的，被目标功能页面覆盖的应用的图标不会消失或改变显示位置，即原电子设备显示屏上的显示内容在临时态目标功能页面显示前后不发生改变，在目标功能页面关闭或移动显示位置后，被覆盖的应用程序图标再次显示于原显示位置。
如此，电子设备能够根据用户操作，将用户常用的目标功能页面固定显示于界面上的空白显示位置，不会影响原应用图标的显示。电子设备还能够根据用户的操作，临时显示目标功能的目标功能页面，在目标功能页面关闭后并不会改变原应用图标的显示位置，避免影响用户的使用。
在一种可能的实现方式中，目标功能页面显示在目标应用的图标所在的位置，或者与目标应用的图标相邻。
在一些实施例中，电子设备在检测到第一操作后，将目标功能页面显示在对应的目标应用的图标的显示位置或相邻显示位置，方便用户快速查看目标功能页面，便于用户操作。其中，目标功能页面显示在目标应用的图标所在的位置，该位置用于指示目标功能页面的显示位置，并不局限目标功能页面的显示尺寸。如目标功能页面显示后，能够覆盖目标应用的图标以及目标应用的图标临近的部分图标。
在一种可能的实现方式中，该方法还包括：响应于在第一界面上的目标功能页面之外的位置的第二操作，电子设备关闭目标功能页面，目标功能页面的显示状态为临时态；或者，响应于在目标功能页面上的第三操作或检测到在目标功能页面所对应的用于指示移除目标功能页面的控件上的第四操作，移除目标功能页面，目标功能页面的显示状态为固定态。
在一些实施例中，电子设备在检测到用户点击目标功能页面以外的显示区域上的操作(如点击第一界面上空白显示区域的操作，点击第一界面上显示的其他应用的图标的操作等)，或者在检测到退出桌面、重启手机、锁屏解锁操作后重新进入等操作，或者检测到点击目标功能页面上预设关闭控件的操作，或者在预设时间后，控制临时态目标功能页面自动消失，对应位置继续显示被覆盖的应用的图标。
如此，电子设备能够响应于用户的操作，快速显示目标功能页面，并且能够响应于用户的操作，实现快速关闭目标功能页面。
在另一些实施例中，响应于用户移除目标功能页面的操作，电子设备能够移除目标应用对应的目标功能页面。比如，在目标功能页面上显示预设控件(如显示“x”符号的控件)，电子设备检测到用户点击预设控件的操作后，删除该目标功能页面。又比如，电子设备显示固定态的目标功能页面，检测到用户长按目标功能页面的操作后，在第一界面上显示菜单栏，在菜单栏中显示用于移除目标功能页面的移除控件。电子设备检测到用户点击移除控件的操作后，确定移除目标功能页面，之后在第一界面上不再显示已经移除的目标功能页面。
如此，电子设备能够响应于用户的操作，移除固定显示于桌面上的目标功能页面，也即为用户提供移除不需要的目标功能页面的操作入口，提升用户使用体验。
在一种可能的实现方式中，该方法还包括：响应于在目标功能页面上的第五操作，打开目标功能页面对应的目标应用，并在目标应用的界面中显示目标功能的页面内容。
在一些实施例中，第五操作例如包括点击预设控件的操作。比如，电子设备在显示目标功能页面的过程中，响应于用户点击目标功能页面上预设控件的操作，能够打开目标功能页面对应的应用程序，并显示当前目标功能页面在应用程序中对应功能的功能页面。
示例性的，电子设备响应于用户打开目标功能页面的操作，显示天气应用程序的当地温度功能对应的目标功能页面。电子设备检测到用户点击目标功能页面上显示的温度控件的操作后，打开天气应用程序，显示目标功能页面上显示内容对应的功能界面，即显示天气应用程序中当地温度功能的页面。
如此，在目标功能层级较深的情况下，电子设备也能够响应于用户的操作，实现快速打开应用程序中的目标功能，减少用户的操作步骤，提高用户的使用体验。
在一种可能的实现方式中，该方法还包括：响应于在目标功能页面上的第六操作，电子设备在目标功能页面中执行第六操作所对应的功能。
在一些实施例中，电子设备在显示目标功能页面的过程中，响应于用户操作，能够执行相应功能对应的控制命令。进一步的，电子设备在目标功能页面中执行操作对应的功能的过程中，仍可以保持显示目标功能页面，以检测用户的后续操作。
示例性的，电子设备响应于用户打开目标功能页面的操作，显示音乐应用程 序的音乐播放功能对应的目标功能页面。如当前电子设备正在播放音乐，响应于用户点击播放/暂停控件的操作，桌面侧生成暂停音乐播放的控制命令，发送至应用侧，应用侧接收到控制命令后暂停音乐播放。即电子设备检测到用户点击目标功能页面上的控制控件的操作后，执行相应的控制命令，如暂停音乐播放。电子设备在检测到用户在目标功能页面内的操作执行控制命令后，目标功能页面保持显示，不会消失。
如此，电子设备响应于用户的操作，能够在不打开目标应用的前提下，利用目标功能页面，即可为用户快速提供目标应用的目标功能。
在一种可能的实现方式中，目标功能页面上的显示内容满足第一条件，第一条件包含如下一项或几项：对应于目标功能的页面最新显示内容、按照预设周期更新、按照第一时间点的序列更新、在第二时间点不更新。
在一些实施例中，电子设备支持目标功能页面显示内容自动刷新，提供刷新接口，桌面侧和应用侧均可主动发送或请求显示内容描述，从而保证为用户提供最新的目标功能页面的显示内容。
比如，电子设备检测到用户打开目标功能页面的操作(如在应用程序图标上的上滑操作)后，桌面侧向应用侧发送显示内容描述请求，应用侧接收到该请求后，目标功能页面管理SDK获得请求的目标功能页面对应的最新目标功能页面显示内容，完成目标功能页面显示，从而实现每次响应于用户操作显示目标功能页面时，目标功能页面显示内容均为最新显示内容。
又比如，电子设备显示目标功能页面，检测到用户点击目标功能页面上预设控件的操作打开目标功能页面对应的应用程序后，确定对应的功能界面是否有更新。若有更新，则应用侧向桌面侧主动发送最新的目标功能页面显示内容描述，后续电子设备再次显示该目标功能页面时，显示更新后的目标功能页面显示内容。
又比如，电子设备应用程序更新后，目标功能页面管理SDK确定目标功能页面内容有更新，则向桌面侧主动发送最新的目标功能页面显示内容描述，用于刷新固定态目标功能页面的显示内容。
再比如，预设刷新周期，电子设备按照刷新周期刷新目标功能页面显示内容。如预设刷新周期为1小时，则每间隔1小时，由目标功能页面管理服务定时拉起应用侧目标功能页面管理SDK，从而实现刷新目标功能页面显示内容。或者，预配置刷新时间点序列，按照刷新时间点序列进行目标功能页面显示内容刷新，如在每天的8点、12点和16点进行目标功能页面显示内容刷新。或者，配置不刷新时间点，以节约功耗，如在每周六/日电子设备确定不刷新目标功能页面显示内容。
在一种可能的实现方式中，在检测到作用于至少一个应用中目标应用的图标的第一操作时，电子设备在第一界面上显示的目标应用的目标功能页面为默认目标功能页面。
在一些实施例中，若应用程序对应的目标功能页面的数量为多个，电子设备能够设置其中一张目标功能页面为默认卡片，电子设备在检测到用户打开目标功能页面的操作后，优先显示默认目标功能页面。可以理解的是，若应用程序对应的目标功能页面数量为一个，则该目标功能页面即为默认卡片。
如此，电子设备能够响应于用户的操作，将用户最需要的目标功能页面设置为默认目标功能页面。后续，响应于用户的操作，能够快速打开默认目标功能页面，为用户提供其最需要使用的功能，提高用户使用体验。
在一种可能的实现方式中，目标功能页面的显示尺寸为第一尺寸，该方法还包括：检测到作用于目标功能页面的第七操作，电子设备显示第二尺寸的目标功能页面；第七操作为设置目标功能页面的显示尺寸的操作。
在一些实施例中，电子设备能够对目标功能页面尺寸(即显示大小)进行设置，不同目标功能页面尺寸的目标功能页面显示内容相同或不同，比如目标功能页面尺寸越大目标功能页面上能够显示的内容越多。其中，目标功能页面支持例如包括微尺寸、小尺寸、中尺寸、大尺寸等，每一尺寸规格对应不同的宫格大小，单位宫格大小对应一个应用程序图标占用的面积规格。
如此，电子设备能够根据用户需求，为用户提供对应尺寸的目标功能页面。
在一种可能的实现方式中，目标功能页面的数量为一个或多个。
其中，多个目标功能页面的尺寸和/功能可以相同或不相同。比如，在桌面上显示目标应用的多个功能分别对应的目标功能页面。
在一些实施例中，应用程序能够实现一种或多种功能，因此一个应用程序对应的目标功能页面数量为一个或多个。比如，音乐应用程序能够实现包含音乐播放、音乐收藏、音乐搜索等多种功能，因此电子设备根据用户需求能够为不同的功能设置对应的目标功能页面，且能够实现为每一卡片设置对应的尺寸大小。
在一种可能的实现方式中，目标功能页面的数量为多个，方法还包括：响应于在目标功能页面上的第八操作，在第一界面上切换显示多个目标功能页面，多个目标功能页面所对应的目标功能不同。
在一些实施例中，若应用程序应用的目标功能页面数量为多个，电子设备检测到用户切换显示目标功能页面的操作后，能够切换显示不同功能和/或尺寸的卡片。比如，电子设备检测到用户在目标功能页面上的滑动操作，切换显示不同功能的目标功能页面。
在一种可能的实现方式中，第一操作为向上滑动操作或向下滑动操作。
在一种可能的实现方式中，第一操作为用于添加固定显示于第一界面的目标功能页面的操作。
在一种可能的实现方式中，第三操作为点击第一预设控件的操作；或者，第四操作为点击操作；或者，第五操作为点击第二预设控件的操作；或者，第六操作为点击第三预设控件的操作；或者，第八操作为滑动操作。
在一些实施例中，临时态目标功能页面和固定态目标功能页面能够相互转化。例如，在目标功能页面上预设显性或隐性操作区域，检测到用户在操作区域上的预设操作后，电子设备则转化目标功能页面的显示状态。其中，预设操作例如包括点击预设控件的操作，预设手势操作，拖动到预设显示位置的操作等。
第二方面，本申请实施例提供一种电子设备，包括：处理器、存储器和显示屏；存储器、显示屏与处理器耦合，存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当处理器从存储器中读取计算机指令，使得电子设备执 行如下操作：在电子设备的显示屏上显示第一界面，第一界面显示有至少一个应用的图标。在检测到作用于至少一个应用中目标应用的图标的第一操作时，电子设备在第一界面上显示目标应用的目标功能页面，目标功能页面的显示内容对应于目标功能在目标应用中的页面内容。
在一种可能的实现方式中，第一界面为桌面或负一屏。
在一种可能的实现方式中，目标功能页面与至少一个应用的图标显示在不同的位置；或者，目标功能页面覆盖至少一个应用的图标的部分或全部。
在一种可能的实现方式中，目标功能页面显示在目标应用的图标所在的位置，或者与目标应用的图标相邻。
在一种可能的实现方式中，当处理器从存储器中读取计算机指令，还使得电子设备执行如下操作：响应于在第一界面上的目标功能页面之外的位置的第二操作，电子设备关闭目标功能页面，目标功能页面的显示状态为临时态；或者，响应于在目标功能页面上的第三操作或检测到在目标功能页面所对应的用于指示移除目标功能页面的控件上的第四操作，移除目标功能页面，目标功能页面的显示状态为固定态。
在一种可能的实现方式中，当处理器从存储器中读取计算机指令，还使得电子设备执行如下操作：响应于在目标功能页面上的第五操作，打开目标功能页面对应的目标应用，并在目标应用的界面中显示目标功能的页面内容。
在一种可能的实现方式中，当处理器从存储器中读取计算机指令，还使得电子设备执行如下操作：响应于在目标功能页面上的第六操作，电子设备在目标功能页面中执行第六操作所对应的功能。
在一种可能的实现方式中，目标功能页面上的显示内容满足第一条件，第一条件包含如下一项或几项：对应于目标功能的页面最新显示内容、按照预设周期更新、按照第一时间点的序列更新、在第二时间点不更新。
在一种可能的实现方式中，在检测到作用于至少一个应用中目标应用的图标的第一操作时，电子设备在第一界面上显示的目标应用的目标功能页面为默认目标功能页面。
在一种可能的实现方式中，目标功能页面的显示尺寸为第一尺寸，当处理器从存储器中读取计算机指令，还使得电子设备执行如下操作：检测到作用于目标功能页面的第七操作，电子设备显示第二尺寸的目标功能页面；第七操作为设置目标功能页面的显示尺寸的操作。
在一种可能的实现方式中，目标功能页面的数量为一个或多个。
在一种可能的实现方式中，目标功能页面的数量为多个，当处理器从存储器中读取计算机指令，还使得电子设备执行如下操作：响应于在目标功能页面上的第八操作，在第一界面上切换显示多个目标功能页面，多个目标功能页面所对应的目标功能不同。
在一种可能的实现方式中，第一操作为向上滑动操作或向下滑动操作。
在一种可能的实现方式中，第一操作为用于添加固定显示于第一界面的目标功能页面的操作。
在一种可能的实现方式中，第三操作为点击第一预设控件的操作；或者，第四操作为点击操作；或者，第五操作为点击第二预设控件的操作；或者，第六操作为点击第三预设控件的操作；或者，第八操作为滑动操作。
此外，第二方面所述的电子设备的技术效果可以参考第一方面所述的功能页面显示方法的技术效果，此处不再赘述。
第三方面，本申请实施例提供一种电子设备，该电子设备具有实现如上述第一方面及其中任一种可能的实现方式中所述的功能页面显示方法的功能。该功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。该硬件或软件包括一个或多个与上述功能相对应的模块。
第四方面，本申请实施例提供一种计算机可读存储介质，包括计算机指令，当计算机指令在电子设备上运行时，使得电子设备执行如第一方面及其中任一种可能的实现方式中任一项所述的功能页面显示方法。
第五方面，本申请实施例提供一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行如第一方面及其中任一种可能的实现方式中任一项所述的功能页面显示方法。
第六方面，本申请实施例提供一种电路系统，电路系统包括处理电路，处理电路被配置为执行如上述第一方面及其中任一种可能的实现方式中所述的功能页面显示方法。
第七方面，本申请实施例提供一种芯片系统，包括至少一个处理器和至少一个接口电路，至少一个接口电路用于执行收发功能，并将指令发送给至少一个处理器，当至少一个处理器执行指令时，至少一个处理器执行如上述第一方面及其中任一种可能的实现方式中所述的功能页面显示方法。
附图说明
图1为本申请实施例提供的电子设备形态的示意图；
图2为本申请实施例提供的电子设备的结构示意图一；
图3A为本申请实施例提供的电子设备的软件结构框图示意图；
图3B为本申请实施例提供的模块交互流程示意图；
图4A为本申请实施例提供的界面示意图一；
图4B为本申请实施例提供的界面示意图二；
图5为本申请实施例提供的界面示意图三；
图6为本申请实施例提供的界面示意图四；
图7为本申请实施例提供的界面示意图五；
图8为本申请实施例提供的界面示意图六；
图9为本申请实施例提供的界面示意图七；
图10为本申请实施例提供的界面示意图八；
图11为本申请实施例提供的界面示意图九；
图12为本申请实施例提供的界面示意图十；
图13为本申请实施例提供的界面示意图十一；
图14为本申请实施例提供的界面示意图十二；
图15为本申请实施例提供的界面示意图十三；
图16为本申请实施例提供的界面示意图十四；
图17为本申请实施例提供的界面示意图十五；
图18为本申请实施例提供的界面示意图十六；
图19为本申请实施例提供的界面示意图十七；
图20为本申请实施例提供的功能页面显示方法流程图；
图21为本申请实施例提供的电子设备的结构示意图二；
图22为本申请实施例提供的电子设备的结构示意图三。
具体实施方式
下面结合附图对本申请实施例提供的功能页面显示方法及电子设备进行详细地描述。
本申请实施例的描述中所提到的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括其他没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是，本申请实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
在本申请实施例的描述中，除非另有说明，“多个”的含义是指两个或两个以上。本文中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。
本申请实施例提供的功能页面显示方法，可以应用于电子设备。例如，如图1所示，该电子设备具体可以是手机11、笔记本电脑12、平板电脑13、大屏显示设备14、可穿戴设备(如智能手表，智能手环等)15、车载设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)、人工智能(artificial intelligence)设备等具有显示功能的终端设备，本申请实施例对电子设备的具体类型不作任何限制。
示例性的，图2示出了电子设备100的一种结构示意图。电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。
可以理解的是，本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以 以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器，使处理器110与触摸传感器通过I2C总线接口通信，实现电子设备100的触摸功能。
MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(display serial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信，实现电子设备100的显示功能。
USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与外围设备之间传输数据。
可以理解的是，本发明实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组 合。
充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。
电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，显示屏194，摄像头193，和无线通信模块160等供电。在一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。
例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(code division multiple access，CDMA)，宽带码分多址(wideband code division multiple access，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可 以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidou navigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。处理器110通过运行存储在内部存储器121的指令，和/或存储在设置于处理器中的存储器的指令，执行电子设备100的各种功能应用以及数据处理。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。电子设备100可以通过音频模块170以及应用处理器等实现音频功能。例如音乐播放，录音等。音频模块170例如包括扬声 器，受话器，麦克风，耳机接口。
传感器模块180可以包括压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，触摸传感器，环境光传感器，骨传导传感器等。
其中，压力传感器用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器可以设置于显示屏194。压力传感器的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器检测所述触摸操作强度。电子设备100也可以根据压力传感器的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。
触摸传感器，也称“触控器件”。触摸传感器可以设置于显示屏194，由触摸传感器与显示屏194组成触摸屏，也称“触控屏”。触摸传感器用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器也可以设置于电子设备100的表面，与显示屏194所处的位置不同。
在一些实施例中，电子设备100利用触摸传感器检测用户在显示屏194上的触摸操作，如滑动操作。并利用压力传感器确定触摸操作对应的触摸位置。比如，电子设备100在显示屏194上显示应用程序图标，检测到用户在应用程序A所在显示区域上的滑动操作，则显示应用程序A对应的功能卡片，该功能卡片的显示内容为应用程序A的某个功能对应的功能界面，用户能够通过当前功能卡片获得相应的功能体验。
例如，应用程序A为运动健康应用程序，功能卡片为步数统计功能对应的卡片，从而用户通过一次滑动操作，即可打开步数统计功能对应的卡片，获得步数统计结果。进一步的，电子设备100检测到用户在当前功能卡片上的操作，能够打开相应的应用程序功能，提高功能启动效率。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定 义。
指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。
电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本发明实施例以分层架构的Android系统为例，示例性说明电子设备100的软件结构。
图3A是本发明实施例的电子设备100的软件结构框图。
分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)的系统库，以及内核层。
应用程序层可以包括一系列应用程序包。
如图3A所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图3A所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，资源管理器，通知管理器，卡片管理服务，卡片管理软件开发工具包(software development kit，SDK)等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设 备振动，指示灯闪烁等。
示例性的，如图3B所示，在应用程序侧和桌面侧分别部署卡片管理SDK，用于确定卡片显示内容。其中，卡片用于描述应用程序的功能卡片，应用程序中的不同功能能够配置不同的卡片显示内容，从而实现应用程序功能的显示。如音乐应用程序包含音乐播放功能，则音乐应用程序的卡片包含用于显示正在播放音乐的卡片。下面结合电子设备100的硬件和软件，示例性说明卡片管理服务以及卡片管理SDK在卡片显示场景中的工作流程。
当触摸传感器接收到触摸操作，相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标，触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件，识别该输入事件所对应的控件。以该触摸操作是触摸滑动操作，该滑动操作所对应的控件为应用程序A图标的控件为例。如图3B所示，应用程序侧的卡片管理SDK31能够提供卡片开发相关能力，确定应用程序A对应的卡片显示内容(如卡片显示内容M)，并将卡片显示内容M发送至卡片管理服务32。卡片管理服务32用于定义卡片显示描述以及对卡片显示内容进行安全校验。具体的，卡片管理服务32接收到卡片显示内容M后，确定显示内容M对应的卡片显示内容布局和资源信息(即具体显示内容)，将显示内容M转化为桌面侧卡片管理SDK33可识别的卡片显示描述后，将卡片显示描述发送至桌面侧的卡片管理SDK33。卡片管理SDK33接收到卡片显示描述后，将卡片显示描述转化为桌面能够显示的卡片显示内容N。之后，桌面侧的处理模块34确定用于显示卡片的显示区域301的大小和位置，利用图2中所示的显示屏194在显示区域301上显示卡片显示内容N，如图3B中所示界面302，完成卡片的显示。
需要说明的是，本申请实施例支持各种语言(如JAVA，C语言，C++语言等)的远程卡片显示能力。具体的，在不同的应用程序中部署对应语言的卡片管理SDK，利用卡片管理服务作为应用程序侧卡片管理SDK和桌面侧卡片管理SDK之间的数据传输桥梁，卡片管理服务能够将接收到的卡片显示内容转化为桌面侧卡片管理SDK可识别的卡片显示描述。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，二维图形引擎(例如：SGL)等。
表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。
媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。
三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。
以下将以电子设备为具有图2和图3A所示结构的手机为例，对本申请实施例提供的功能页面显示方法进行阐述。
在一些实施例中，手机检测到用户点击应用程序图标或搜索应用程序的操作后，启动应用程序，为用户提供相应的功能服务。示例性的，如图4A中(a)所示，手机显示主界面401，检测到用户点击滴滴出行
Figure PCTCN2021137220-appb-000001
图标41的操作，启动滴滴出行
Figure PCTCN2021137220-appb-000002
应用程序，并显示如图4A中(b)所示界面402，为用户提供滴滴出行
Figure PCTCN2021137220-appb-000003
应用程序中配置的功能服务。或者，如图4A中(a)所示主界面401，手机检测到用户点击微信
Figure PCTCN2021137220-appb-000004
图标42的操作，启动微信
Figure PCTCN2021137220-appb-000005
应用程序，并显示如图4A中(c)所示界面403。手机在界面403上检测到用户沿箭头43所示方向的向下滑动操作，启动小程序搜索功能，并显示如图4A中(d)所示界面404。在界面404中，手机检测到用户搜索功能的操作，为用户启动具有相应功能的小程序。比如，手机检测到用户搜索打车功能的操作，则启动滴滴出行
Figure PCTCN2021137220-appb-000006
小程序，为用户提供打车服务。
基于上述图4A所示方法，手机能够为用户提供启动应用程序功能的接口。示例性的，假设用户需要使用微信
Figure PCTCN2021137220-appb-000007
钱包功能。如图4A中(a)所示主界面401，手机检测到用户点击微信
Figure PCTCN2021137220-appb-000008
图标42的操作，启动微信
Figure PCTCN2021137220-appb-000009
应用程序，显示如图4B中(a)所示界面405。在界面405上，手机检测到用户点击图标45的操作后，显示如图4B中(b)所示界面406。在界面406上，手机检测到用户点击图标46的操作后，显示如图4B中(c)所示界面407。在界面407上，手机检测到用户点击图标47的操作后，手机才能够启动微信
Figure PCTCN2021137220-appb-000010
钱包功能，并显示如图4B中(d)所示界面408。
可以看出，若应用程序中的某些功能层级较深，则需要用户多次操作，才能够使用该功能，增加用户使用难度。如图4B所示场景，用户需要执行至少4次点击操作，才能实现打开微信
Figure PCTCN2021137220-appb-000011
钱包功能，操作较为繁琐。
基于此，本申请实施例提供一种功能页面显示方法，能够实现快速显示功能卡片，提高功能启动效率，提升用户使用体验。
在一些实施例中，手机检测到用户打开卡片的操作后，在显示屏上显示卡片。其中，用户打开卡片的操作可以为除点击操作和长按拖动操作以外的多种操作，如向上滑动操作，向下滑动操作等。卡片显示内容为对应的应用程序的目标功能的页面内容，该目标功能可以为该应用程序中层级较深的功能，从而减少打开目标功能的页面的步骤。可以理解的是，该目标功能也可以为该应用程序中层级较浅的功能，如该应用程序主页对应的功能。
示例性的，如图5中(a)所示，手机显示主界面501，检测到用户沿箭头51所示方向向上滑动，其中滑动操作的起点位置对应于天气图标52。如图5中(b) 所示界面502，手机打开并显示天气图标52对应的卡片53，实现快速显示本地天气的功能。如此，用户能够通过简单的预设操作(如滑动操作)，打开卡片，方便快捷的获得应用程序提供的功能信息。
可选的，手机显示每一应用程序图标的位置位于对应的图标热区，如图5中(a)所示界面501，天气应用程序对应的图标热区为虚线框54所示的区域。手机检测到用户滑动操作的起点位置位于天气应用程序对应的图标热区，则启动显示天气应用程序对应的卡片。
在一些实施例中，手机通过预设方式在显示屏上显示卡片。示例性的，如图5中(b)所示界面502，假设以应用程序图标下边沿所在直线为x轴，左边沿所在直线为y轴，应用程序图标右侧方向为x轴正方向，上侧方向为y轴正方向，应用程序图标左下角对应位置为原点o，建立坐标系。在界面502上，手机以原点o为起点向右上方，在坐标系第一象限内展开显示卡片53。其中，卡片显示大小自适应于显示屏显示区域大小。如当前场景中，卡片53大小为2×2宫格大小，其中每一宫格长度对应于一个应用程序图标长度，即当前卡片覆盖4个应用程序图标。
在一些实施例中，手机显示卡片状态包括临时态(也可以描述为暂态)和/或固定态(也可以描述为常态)。其中，临时态卡片支持悬浮显示于桌面以及桌面上的其他元素上，不必占用其他元素位置。固定态卡片能够固定显示于显示屏显示区域中的空白区域。
示例性的，如图5中(b)所示界面502，卡片53为临时态卡片，悬浮显示于4个应用程序图标上方，即该4个应用程序图标被临时态卡片覆盖。其中，被临时态卡片覆盖的应用程序图标仍显示于原显示位置；或者不显示被临时态卡片覆盖的应用程序图标。可以理解的是，临时态卡片也可以显示于界面空白显示区域，即不遮挡应用程序图标的显示。
一些实施例中，手机在检测到用户点击卡片以外的显示区域上的操作(如点击空白显示区域的操作等)，或者在检测到退出桌面、重启手机、锁屏解锁操作后重新进入等操作，或者检测到点击卡片上预设关闭控件的操作，或者在预设时间后，控制临时态卡片自动消失，对应位置继续显示被覆盖的元素。
示例性的，如图5中(b)所示界面502，手机检测到用户点击界面502上空白区域的操作后，显示如图5中(c)所示界面503，临时态卡片53自动消失，即界面503上不显示卡片53。界面503上显示之前被卡片53覆盖的音乐图标，浏览器图标，天气图标以及应用商城图标。
此外，临时态卡片和固定态卡片能够相互转化。例如，在卡片显示区域上预设显性或隐性操作区域，检测到用户在操作区域上的预设操作后，手机则转化卡片状态。其中，预设操作例如包括点击预设控件的操作，预设手势操作，拖动到预设显示位置的操作等。可选的，固定态卡片在显示屏上的显示位置与显示屏上显示的其他元素不重叠，除检测到用户关闭卡片的操作以及其他非可抗场景外，手机持续显示固定态卡片。其中，非可抗场景例如包括卡片对应的应用程序被卸载的场景，手机系统重置场景等。
示例性的，如图6中(a)所示界面601，手机显示临时态卡片61，在临时态卡片61上显示预设控件，如预设控件为图钉控件62。手机检测到用户点击图钉控件62的操作后，转化卡片状态，将临时态卡片转化为固定态卡片，并显示如图6中(b)所示界面602。在界面602上，手机自动确定在空白区域上显示固定态卡片63。又比如，如图6中(a)所示界面601，手机检测到用户长按并拖动临时态卡片61的显示位置，至界面601上的空白显示区域的操作后，将临时态卡片61的卡片状态转化为固定态卡片，固定显示于拖动操作对应的最终位置。
一些实施例中，响应于用户操作，手机能够移动固定态卡片显示位置。示例性的，如图6中(b)所示界面602，手机检测到用户长按并拖动卡片63的操作后，移动卡片63显示位置。进一步的，在移动过程中，若卡片显示位置与显示屏上显示的应用程序图标位置冲突，则应用程序图标自动移动显示位置，预留空白显示区域用于显示卡片。如图6中(c)所示界面603，手机自动移动华为视频图标64、运动健康图标65和音乐图标66的显示位置，以显示卡片63。此外，不影响卡片显示的其他应用程序图标的显示位置不变。
可以理解的是，上述图钉控件仅为示例性说明，预设控件还可以包括其他形状或样式的控件。如图6中(d)所示界面604，卡片67上显示的预设控件为控件68，控件68的形状为圆形。手机检测到用户点击控件68的操作后，同样能够转化卡片状态，将临时态卡片转化为固定态卡片，显示如图6中(b)所示界面602。
在一些实施例中，手机为用户提供卡片管理通道入口，用于接收用户对卡片尺寸，卡片数量等卡片相关内容进行设置的操作。示例性的，如图7中(a)所示界面701，手机检测到用户长按音乐图标71的操作后，显示如图7中(b)所示界面702。在界面702上显示音乐应用程序对应的设置菜单72，手机检测到用户点击设置菜单72中包含的管理卡片控件73的操作后，显示卡片管理界面，用于接收用户对卡片的设置。或者，如图7中(c)所示界面703，手机显示卡片74，检测到用户长按卡片74的操作后，显示管理卡片控件75，检测到用户点击管理卡片控件75的操作后，显示卡片管理界面。其中，卡片74为临时态卡片或固定态卡片。
在一些实施例中，手机能够对卡片尺寸(即显示大小)进行设置，不同卡片尺寸的卡片显示内容相同或不同，比如卡片尺寸越大卡片上能够显示的内容越多。其中，卡片支持例如包括微尺寸、小尺寸、中尺寸、大尺寸等，每一尺寸规格对应不同的宫格大小，单位宫格大小对应一个应用程序图标占用的面积规格。
示例性的，如图7中(b)所示界面702，手机检测到用户点击管理卡片控件73的操作后，显示如图8中(a)所示界面801，接收用户对音乐应用程序对应的卡片尺寸的设置。如界面801所示的卡片尺寸为小尺寸卡片，卡片上显示播放音乐的媒体标题，以及播放控件。手机在界面801上检测到用户点击控件81的操作后，显示如图8中(b)所示界面802，界面802所示的卡片尺寸为中尺寸卡片，卡片上显示播放音乐的媒体标题，播放控件，以及正在播放的音乐对应的图片(如音乐专辑封面图片)。手机在界面802上检测到用户点击控件82的操作后，显示如图8中(c)所示界面803，界面803所示的卡片尺寸为大尺寸卡片，卡片上显 示播放音乐的媒体标题，播放控件，正在播放的音乐对应的图片(如音乐专辑封面图片)，以及其他音乐应用程序的功能控件。如图8中(c)所示界面803所示，手机检测到用户点击完成控件83的操作后，完成卡片尺寸的设置。
后续手机检测到用户在应用程序图标热区上的滑动操作后，能够基于卡片显示尺寸自适应显示卡片；和/或，根据对卡片尺寸的编辑操作，自动调整桌面上显示的固定态卡片的尺寸。手机能够根据显示屏显示区域大小，确定用于显示应用程序图标的尺寸，进而确定用于显示不同尺寸的卡片的显示区域大小。或者，手机利用其他参考参数确定单位宫格大小，即不需要基于应用程序图标大小即可确定用于显示卡片的显示区域大小。
示例性的，假设小尺寸规格为1×2宫格(即对应1行2列应用程序图标的显示区域)，中尺寸为2×2宫格(即对应2行2列应用程序图标的显示区域)，大尺寸为2×4宫格(即对应2行4列应用程序图标的显示区域)，可以理解的是，还可以包含其他尺寸的卡片(如2×3宫格，2×4宫格，3×4宫格等)，且上述每一卡片尺寸对应的宫格大小仅为示例性说明。如图9中(a)所示界面901，卡片91为小尺寸卡片。如图9中(b)所示界面902，卡片92为中尺寸卡片。如图9中(c)所示界面903，卡片93为大尺寸卡片。
可以理解的是，不同显示屏大小或横竖屏切换均会影响卡片显示效果，如图9所示场景，手机能够根据不同场景自适应调整卡片显示效果。
在一些实施例中，应用程序能够实现一种或多种功能，因此一个应用程序对应的卡片数量为一个或多个。比如，音乐应用程序能够实现包含音乐播放、音乐收藏、音乐搜索等多种功能，因此手机根据用户需求能够为不同的功能设置对应的卡片，且能够实现为每一卡片设置对应的尺寸大小。
示例性的，如图7中(b)所示界面702，手机检测到用户点击管理卡片控件73的操作后，显示如图10中(a)所示界面1001，用于添加不同功能和/或尺寸的卡片。在界面1001上手机检测到用户左右滑动的操作后，能够切换显示不同功能和/或尺寸的卡片，供用户进行选择添加。比如，手机在界面1001上显示大尺寸的音乐播放功能卡片预览图，检测到用户沿箭头101所示方向向左滑动的操作，切换显示卡片预览图，如显示如图10中(b)所示界面1002，在界面1002上显示音乐收藏功能卡片预览图。手机检测到用户点击添加控件102的操作后，将当前界面1002显示的卡片预览图对应功能和/或尺寸的卡片添加到应用程序应用的卡片中。手机检测到用户点击完成控件103的操作后，确定完成对应用程序卡片的设置，后续在检测到打开卡片的操作后，手机能够按照预设规则对应用程序确定应用的卡片进行显示。应用程序能够对应一种或多种功能的卡片，如下表1所示，当前应用程序能够对应功能A和功能B两种功能的卡片。每一功能的卡片对应一种或多种尺寸，如下表1所示，功能A的卡片包含小尺寸、中尺寸和大尺寸三种尺寸大小，功能B的卡片包含中尺寸和大尺寸两种尺寸大小。手机能够根据用户选择确定其中至少一张卡片为应用程序应用的卡片，如下表1所示，当前应用程序应用的卡片包含中尺寸功能A卡片、中尺寸功能B卡片和大尺寸功能B卡片。
表1
序号 功能 尺寸 是否选择
1 功能A 小尺寸 否
2 功能A 中尺寸 是
3 功能A 大尺寸 否
4 功能B 中尺寸 是
5 功能B 大尺寸 是
在一些实施例中，若应用程序对应的卡片数量为多个，手机能够设置其中一张卡片为默认卡片(也可以描述为主卡片)，手机在检测到用户打开卡片的操作后，优先显示默认卡片。可以理解的是，若应用程序对应的卡片数量为一个，则该卡片即为默认卡片。
示例性的，如图11所示界面1101，手机在管理卡片过程中，检测到用户点击控件111的操作后，将当前卡片预览图对应的卡片设置为应用程序对应的默认卡片。对应于上表1，如下表2所示，当前应用程序对应于三张卡片，手机检测到用户设置默认卡片的操作后，将其中中尺寸功能A卡片设置为默认卡片。后续，手机检测到用户打开应用程序卡片的操作后，优先显示中尺寸功能A卡片。
表2
序号 功能 尺寸 是否选择 是否选为默认卡
1 功能A 小尺寸 否 -
2 功能A 中尺寸 是 是
3 功能A 大尺寸 否 -
4 功能B 中尺寸 是 否
5 功能B 大尺寸 是 否
如此，手机能够响应于用户的操作，将用户最需要的卡片设置为默认卡片。后续，响应于用户的操作，能够快速打开默认卡片，为用户提供其最需要使用的功能，提高用户使用体验。
在一些实施例中，若应用程序应用的卡片数量为多个，手机检测到用户切换显示卡片的操作后，能够切换显示不同功能和/或尺寸的卡片。
示例性的，假设上表2为音乐应用程序对应的卡片。其中，确定音乐应用程序应用的卡片包括中尺寸音乐播放功能卡片(如中尺寸功能A卡片)、中尺寸音乐收藏功能卡片(如中尺寸功能B卡片)、大尺寸音乐收藏功能卡片(如大尺寸功能B卡片)。并且其中中尺寸音乐收藏功能卡片为默认卡片。如图12中(a)所示界面1201，手机检测到用户打开音乐应用程序卡片的操作后，显示卡片121，卡片121为中尺寸音乐收藏功能卡片。手机检测到用户在卡片121上的滑动操作，如检测到用户沿箭头122所示方向的向左滑动操作，则切换显示卡片。如手机显示如图12中(b)所示界面1202，切换音乐应用程序对应的显示卡片为卡片123，如切换显示如卡片123所示的中尺寸音乐收藏功能卡片。
如此，手机基于应用程序功能，能够为应用程序添加多张卡片，并能够实现 多张卡片的切换显示，进一步满足用户快速查看和/或启动应用程序功能的需求。
在一些实施例中，手机支持将固定态应用程序卡片添加到桌面。一种可能的实现方式中，如上述图6所示场景，手机检测到用户转化卡片状态的操作后，将卡片转化为固定态卡片添加到桌面进行显示。另一种可能的实现方式中，在管理卡片的过程中，响应于用户操作，手机能够实现将卡片直接转化为固定态卡片并添加到桌面进行显示。又一种可能的实现方式中，手机响应于预设操作(如预设手势操作)，显示所有应用程序对应的全部卡片。之后，若手机检测到用户拖动其中一张或多张卡片至桌面上显示的操作后，将被拖动的卡片固定显示于桌面。即将预览模式的卡片转化为固定态卡片在桌面上进行显示。
示例性的，如图13中(a)所示界面1301，手机在管理卡片过程中，检测到用户点击控件131的操作后，将当前卡片预览图132对应的卡片设置为固定态卡片并添加到桌面空白区域进行显示。如图13中(b)所示界面1302，手机显示卡片133，卡片133对应于卡片预览图132，卡片133所示功能和/或尺寸与卡片预览图132所示功能和/或尺寸相同。或者，如图13中(c)所示界面1303，手机在管理卡片过程中，检测到用户点击并拖动卡片预览图134至桌面的操作，如检测到用户点击并拖动卡片预览图134沿箭头135所示方向拖动至桌面的操作，则将卡片预览图134对应的卡片设置为固定态卡片并添加到桌面进行显示。进一步的，若某一应用程序对应的卡片数量为多张，手机可以将多张卡片中的部分或全部卡片固定到桌面进行显示。其中，固定到桌面上显示的卡片对应的功能可以相同或不相同。比如，如图13中(d)所示界面1304，天气应用程序对应的卡片数量为多张，手机响应于用户的操作，能够将不同地区天气卡片固定在桌面空白区域进行显示，如显示北京地区天气卡片136和深圳地区天气卡片137。
在一些实施例中，响应于用户删除卡片的操作，手机能够删除应用程序对应的卡片。
示例性的，响应于用户操作，手机可以直接将桌面上显示的固定态卡片删除。如图14中(a)所示界面1401，手机检测到用户长按卡片141的操作后，显示如图14中(b)所示界面1402。在界面1402中手机检测到用户点击移除控件142的操作后，显示如图14中(c)所示界面1403，确定用户是否确定移除卡片，防止误操作。手机在检测到用户点击移除控件143的操作后，确定删除卡片141，显示如图14中(d)所示界面1404，在界面1404上不再显示已经移除的卡片。或者，在卡片上显示预设控件(如显示“x”符号的控件)，手机检测到用户点击预设控件的操作后，删除该卡片。
在一些实施例中，手机响应于用户打开卡片的操作，显示临时态卡片。后续，手机关闭临时态卡片后，可以将关闭的临时态卡片删除或者不删除。比如，手机检测到用户点击桌面空白区域的操作后，关闭音乐应用程序对应的临时态卡片。并且，如图3B所示，桌面侧处理模块34将关闭的临时态卡片删除。若后续手机再次检测到打开音乐应用程序对应的临时态卡片的操作，则应用程序侧卡片管理SDK31重新确定卡片显示内容M。又比如，假设天气应用程序对应的临时态卡片的显示内容为用户自定义的北京天气信息。手机检测到用户点击桌面空白区域的操 作后，关闭天气应用程序对应的临时态卡片。并且，如图3B所示，桌面侧处理模块34将关闭的临时态卡片保存至存储区域。后续手机再次检测到打开天气应用程序对应的临时态卡片的操作，则处理模块34直接调用存储区域中存储的临时态卡片进行显示。可选的，上述处理模块34执行的删除或保存临时态卡片的操作，也可以由图3B中所示的卡片管理服务32执行，对此本申请实施例不做具体限定。
在一些实施例中，手机检测到用户编辑卡片显示内容的操作后，能够对卡片显示内容进行编辑，显示编辑后的卡片显示内容。其中，临时态卡片和固定态卡片均可以接收用户对卡片显示内容的编辑。
示例性的，如图15中(a)所示界面1501，显示天气应用程序对应的卡片151，当前卡片151为临时态卡片，可以理解的是固定态卡片也可以执行下述编辑步骤。手机检测到用户长按卡片151的操作后，显示卡片编辑控件152，检测到用户点击卡片编辑控件152的操作后，手机显示如图15中(b)所示界面1502。其中，天气应用程序中能够获得至少一个城市的天气信息，如界面1502所示，假设响应于用户的设置，当前天气应用程序中能够获得北京、深圳和云南三个城市的天气信息，并且在卡片151上显示的天气信息为北京天气信息。如图15中(b)所示界面1502，手机检测到用户长按控件153的操作后，显示替换城市卡片控件154。响应于用户点击替换城市卡片控件154的操作，手机将卡片显示内容替换为深圳天气信息，并显示如图15中(c)所示界面1503，界面1503中显示的卡片155的卡片内容为深圳天气信息。进一步的，如图15中(b)所示界面1502，手机检测到用户长按控件153的操作后，还可以显示新增城市卡片控件156，响应于用户点击新增城市卡片控件156的操作后，手机生成包含深圳天气信息的卡片，并且不会不再显示包含北京天气信息的卡片151。之后，响应于用户在卡片上的滑动切换操作，手机能够切换显示包含北京天气信息的卡片和包含深圳天气信息的卡片。或者，预设同一功能对应的卡片数量为一张，则如图15中(d)所示界面1504，手机响应于用户添加城市天气信息的操作，在卡片156上显示已编辑的两个城市(如北京和深圳)的天气信息。进一步的，卡片156可以根据显示内容自适应调整显示大小。
或者，又示例性的，基于应用程序功能，响应于用户编辑卡片显示内容的操作，确定对应的基础卡片，后续基础卡片的显示内容基于手机基本信息进行显示，如设置应用程序对应的基础卡片显示内容对应于手机当前位置信息。比如，响应于用户编辑卡片显示内容的操作，天气应用程序的卡片用于显示本地天气。如手机检测到用户打开天气应用程序卡片的操作后，则确定手机位置信息，如手机当前所在的城市为北京，则卡片显示北京天气信息。若手机移动位置，确定当前所在的城市切换为深圳，则手机检测到打开天气应用程序卡片的操作后，自动将卡片显示内容切换为显示深圳天气信息。
在一些实施例中，手机在显示卡片的过程中，响应于用户操作，能够执行相应功能对应的控制命令。其中，卡片状态为临时态或固定态。
示例性的，如图16中(a)所示界面1601，手机响应于用户打开卡片的操作，显示音乐应用程序的卡片161。如卡片161所示，当前手机正在利用音乐应用程序 播放音乐，响应于用户点击播放/暂停控件162的操作，桌面侧生成暂停音乐播放的控制命令，发送至应用侧，应用侧接收到控制命令后暂停音乐播放。即手机检测到用户点击卡片上的控制控件的操作后，执行相应的控制命令，如暂停音乐播放。手机在检测到用户在卡片内的操作执行控制命令后，卡片保持显示，不会消失。如图16中(b)所示界面1602，在检测到用户在临时态卡片161内的暂停播放音乐的操作后，手机仍显示临时态卡片，如卡片163。其中，如卡片163所示，当前音乐已暂停。
如此，手机响应于用户的操作，能够在不打开目标应用的前提下，利用卡片，即可为用户快速提供目标应用的目标功能。
在一些实施例中，手机在显示卡片的过程中，响应于用户点击卡片上预设控件的操作，能够打开卡片对应的应用程序，并显示当前卡片在应用程序中对应功能的页面内容。其中，卡片状态为临时态或固定态。
示例性的，如图17中(a)所示界面1701，手机响应于用户打开卡片的操作，显示天气应用程序的卡片171。手机检测到用户点击卡片171上显示的温度控件172的操作后，打开天气应用程序，显示如图17中(b)所示界面1702，界面1702为卡片171上显示内容对应的功能界面。
如此，在目标功能层级较深的情况下，手机也能够响应于用户的操作，实现快速打开应用程序中的目标功能，减少用户的操作步骤，提高用户的使用体验。
在一些实施例中，手机支持卡片显示内容自动刷新，提供刷新接口，桌面侧和应用侧均可主动发送或请求显示内容描述。比如，如图3B所示，手机检测到用户打开卡片的操作(如在应用程序图标上的上滑操作)后，桌面侧向应用侧发送显示内容描述请求，应用侧接收到该请求后，卡片管理SDK31获得请求的卡片对应的最新卡片显示内容，按照前文对图3B所示流程的描述，完成卡片显示，从而实现每次响应于用户操作显示卡片时，卡片显示内容均为最新显示内容。又比如，手机显示卡片，检测到用户点击卡片上预设控件的操作打开卡片对应的应用程序后，确定对应的功能界面是否有更新。若有更新，则应用侧向桌面侧主动发送最新的卡片显示内容描述，后续手机再次显示该卡片时，显示更新后的卡片显示内容。又比如，手机应用程序更新后，卡片管理SDK31确定卡片内容有更新，则向桌面侧主动发送最新的卡片显示内容描述，用于刷新固定态卡片的显示内容。再比如，预设刷新周期，手机按照刷新周期刷新卡片显示内容。如预设刷新周期为1小时，则如图3B所示，每间隔1小时，由卡片管理服务32定时拉起应用侧卡片管理SDK31，从而实现刷新卡片显示内容。或者，预配置刷新时间点序列，按照刷新时间点序列进行卡片显示内容刷新，如在每天的8点、12点和16点进行卡片显示内容刷新。或者，配置不刷新时间点，以节约功耗，如在每周六/日手机确定不刷新卡片显示内容。
下面结合具体示例，对本申请实施例所提供的功能页面显示方法进行说明。
示例一、通过卡片显示，动态显示最新应用程序功能的信息。
示例性的，如图18中(a)所示界面1801，手机检测到用户在外卖应用程序图标181上，沿箭头182所示方向向上滑动的操作，打开外卖应用程序对应的卡 片，显示如图18中(b)所示界面1802。在界面1802中，显示卡片183，在卡片183中能够显示外卖配送信息。
基于图3B所示模块交互流程，在应用侧确定外卖配送信息(如订单状态，骑手位置等)更新后，卡片管理SDK31能够将最新的卡片显示内容(即最新的外卖配送信息)发送至桌面侧进行显示。从而用户通过打开卡片，能够获得最新的外卖配送信息。进一步的，手机检测到用户点击界面1802上空白区域的操作后，关闭卡片183。
如此，用户不必打开应用程序对应功能，通过卡片即可实现快速获得所需信息，并且能够实现快速关闭卡片，提高功能执行效率。
示例二、通过卡片显示，快速启动应用程序功能。
示例性的，如图19中(a)所示界面1901，手机检测到用户在直播应用程序图标191上，沿箭头192所示方向向上滑动的操作，打开直播应用程序对应的卡片，显示如图19中(b)所示界面1902。在界面1902上，显示卡片193，在卡片193中能够显示用户关注的主播的直播信息。
基于图3B所示模块交互流程，应用侧卡片管理SDK31能够确定直播应用程序中用户关注的主播功能对应的直播信息，如主播是否正在直播等信息，进而将最新的直播信息发送至桌面侧进行卡片显示。从而用户不必打开直播应用程序，而是如图19中(b)所示，通过卡片193快速获得主播的直播状态。进一步的，手机检测到用户点击主播头像图标194的操作后，能够实现直接打开主播头像图标194对应的主播直播间，从而用户不必打开直播应用程序再搜索主播直播间，提高功能开启效率，增强用户使用体验和乐趣。
示例性的，图20为本申请实施例提供的一种功能页面显示方法流程示意图。参见图20所示，该方法包括S2001-S2002。
S2001、电子设备显示第一界面，第一界面显示有至少一个应用的图标。
其中，第一界面能够显示电子设备中包含的应用程序图标，比如第一界面为电子设备显示的桌面(如主界面)，桌面上能够显示电子设备中包含的至少一个应用程序。进一步的，在一些场景中，第一界面还可以为负一屏，在负一屏中显示应用图标和/或目标功能页面。
S2002、在检测到作用于至少一个应用中目标应用的图标的第一操作时，电子设备在第一界面上显示目标应用的目标功能页面，目标功能页面的显示内容对应于目标功能在目标应用中的页面内容。
其中，第一操作为向上滑动操作或向下滑动操作。或者，第一操作为用于添加固定显示于第一界面的目标功能页面的操作。目标应用为用户请求打开功能卡片的应用程序，目标功能页面为用户请求打开的功能卡片的页面。
在一些实施例中，电子设备在显示应用程序图标的过程中，检测到用户在目标应用图标上的第一操作，如向上滑动操作，则打开并显示目标应用对应的功能卡片，即在界面上显示目标功能页面。或者，电子设备在显示应用程序图标的过程中，响应于用户操作，将目标功能页面添加到界面空白显示区域上进行显示。
在一些实施例中，电子设备显示目标功能页面的过程中，可能遮挡界面上的 部分原显示内容(如应用程序图标)，也可能不遮挡界面上的原显示内容。比如，目标功能页面的显示状态包含临时态和/或固定态。若目标功能页面的状态为临时态，则如图6中(a)所示的临时态卡片61，卡片61覆盖部分应用程序图标(即电子设备仅显示原来显示的应用程序图标中的部分应用程序图标)，其覆盖的应用程序图标不会消失或改变显示位置，即原电子设备显示屏上的显示内容在临时态卡片显示前后不发生改变，在卡片61关闭或移动显示位置后，被覆盖的应用程序图标再次显示于原显示位置。若所述目标功能页面的状态为固定态，则如图6中(b)所示界面602，固定态卡片63在界面602中空白区域中确定显示位置，不会覆盖原显示内容。并且，若固定态卡片移动显示位置，则对应的显示位置上原来显示的应用程序图标移动显示位置。如图6中(c)所示界面603，移动华为视频图标64、运动健康图标65和音乐图标66的显示位置，移动后空出的显示区域用于显示卡片63。
在一些实施例中，响应于用户操作，电子设备能够关闭目标功能页面。若目标功能页面为临时态，则电子设备检测到用户在目标功能页面以外的位置上的任意操作，或者在检测到退出桌面、重启电子设备、锁屏解锁操作后重新进入等操作，或者在预设时间，或者检测到点击目标功能页面上预设关闭控件的操作后，关闭目标功能页面，并且自动恢复显示第一界面。若目标功能页面为固定态，则电子设备检测到在目标功能页面所对应的用于指示移除目标功能页面的控件上的操作后，移除目标功能页面。如上述图14所示场景，电子设备检测到移除卡片的操作后，移除固定态卡片。
在一些实施例中，电子设备响应于用户在目标功能页面上的操作，能够执行相应的命令动作；或者电子设备响应于用户在目标功能页面上的操作，打开目标功能页面对应的目标应用程序，并显示对应的功能界面。比如，如图16所示界面1601，目标功能页面为音乐播放页面(即卡片161)，响应于用户点击其上的播放/暂停控件162的操作，电子设备暂停音乐播放。又比如，如图17中(a)所示界面1701，目标功能页面为天气页面(即卡片171)，响应于用户点击温度控件172的操作，电子设备打开天气应用程序，并显示如图17中(b)所示界面1702，界面1702为卡片171上显示内容对应的功能界面。
一些场景中，在电子设备界面上不显示应用图标，该界面仅用于显示目标功能页面。如电子设备检测到用户在界面上的预设操作，则显示电子设备中的应用对应的目标功能页面。之后，响应于用户操作，将其中部分或全部目标功能页面在界面上进行显示。
并且，电子设备还可以执行以上实施例中手机执行的步骤和功能，从而实现以上实施例提供的功能页面显示方法。
如此，电子设备能够响应于在目标应用图标上的操作，快速在界面上显示目标应用中的目标功能对应的目标功能页面，提高目标功能页面的显示效率，提升用户使用体验。
如图21所示，本申请实施例公开了一种电子设备，该电子设备2100可用于实现以上各个方法实施例中记载的方法。示例性的，该电子设备2100具体可以包括：显示单元2101、检测单元2102以及处理单元2103。
其中，显示单元2101用于支持电子设备2100执行图20中的步骤S2001和步骤S2002；和/或用于本文所描述的技术的其它过程。
检测单元2102用于支持电子设备2100执行图20中的步骤S2002；和/或用于本文所描述的技术的其它过程。
处理单元2103用于支持电子设备2100执行图20中的步骤S2002；和/或用于本文所描述的技术的其它过程。
可选的，图21所示的电子设备2100还可以包括存储单元(图21中未示出)。其中，存储单元存储有程序或指令。
可选的，上述方法实施例涉及的各步骤的所有相关内容均可以援引到对应功能模块的功能描述，在此不再赘述。
图21所示的电子设备2100中的各个单元的操作和/或功能分别为了实现上述方法侧实施例所述的功能页面显示方法的相应流程，为了简洁，在此不再赘述。电子设备2100的技术效果可以参考上述方法侧实施例所述的功能页面显示方法的技术效果，此处不再赘述。
如图22所示，本申请实施例公开了一种电子设备，包括：触摸屏2201，所述触摸屏2201包括触敏表面2206和显示屏2207；一个或多个处理器2202；存储器2203；以及一个或多个计算机程序2204。上述各器件可以通过一个或多个通信总线2205连接。其中，上述一个或多个计算机程序2204被存储在上述存储器2203中并被配置为被该一个或多个处理器2202执行，该一个或多个计算机程序2204包括指令，上述指令可以用于执行上述应实施例中的各个步骤。
可选的，仍如图22所示，上述电子设备还可以包括通信模块2208。通信模块2208可用于与其他电子设备之间进行交互。
示例性的，上述处理器2202具体可以为图2所示的处理器110，上述存储器2203具体可以为图2所示的内部存储器121，上述显示屏2207具体可以为图2所示的显示屏194，上述通信模块2208具体可以为图2所示的移动通信模块150和/或无线通信模块160，上述触敏表面2206具体可以为图2所示的传感器模块180中的触摸传感器，本申请实施例对此不做任何限制。
本申请实施例还提供一种芯片系统，包括：处理器，所述处理器与存储器耦合，所述存储器用于存储程序或指令，当所述程序或指令被所述处理器执行时，使得该芯片系统实现上述任一方法实施例中的方法。
可选地，该芯片系统中的处理器可以为一个或多个。该处理器可以通过硬件实现也可以通过软件实现。当通过硬件实现时，该处理器可以是逻辑电路、集成电路等。当通过软件实现时，该处理器可以是一个通用处理器，通过读取存储器中存储的软件代码来实现。
可选地，该芯片系统中的存储器也可以为一个或多个。该存储器可以与处理器集成在一起，也可以和处理器分离设置，本申请实施例并不限定。示例性的，存储器可以是非瞬时性处理器，例如只读存储器ROM，其可以与处理器集成在同一块芯片上，也可以分别设置在不同的芯片上，本申请实施例对存储器的类型，以及存储器与处理器的设置方式不作具体限定。
示例性的，该芯片系统可以是现场可编程门阵列(field programmable gate array，FPGA)，可以是专用集成芯片(application specific integrated circuit，ASIC)，还可以是系统芯片(system on chip，SoC)，还可以是中央处理器(central processor unit，CPU)，还可以是网络处理器(network processor，NP)，还可以是数字信号处理电路(digital signal processor，DSP)，还可以是微控制器(micro controller unit，MCU)，还可以是可编程控制器(programmable logic device，PLD)或其他集成芯片。
应理解，上述方法实施例中的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。结合本申请实施例所公开的方法步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。
本申请的实施例还提供了一种存储介质，用于存储为上述通信装置所用的指令。
本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机指令，当该计算机指令在服务器上运行时，使得服务器执行上述相关方法步骤实现上述实施例中的功能页面显示方法。
本申请实施例还提供一种计算机程序产品，当该计算机程序产品在计算机上运行时，使得计算机执行上述相关步骤，以实现上述实施例中的功能页面显示方法。
另外，本申请实施例还提供一种装置，该装置具体可以是组件或模块，该装置可包括相连的一个或多个处理器和存储器；其中，存储器用于存储计算机程序，一个或多个计算机程序包括指令。当该指令被一个或多个处理器执行时，以使装置执行上述各方法实施例中的功能页面显示方法。
其中，本申请实施例提供的装置、计算机可读存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
结合本申请实施例公开内容所描述的方法或者算法的步骤可以硬件的方式来实现，也可以是由处理器执行软件指令的方式来实现。软件指令可以由相应的软件模块组成，软件模块可以被存放于随机存取存储器(random access memory，RAM)、闪存、只读存储器(read only memory，ROM)、可擦除可编程只读存储器(erasable programmable ROM，EPROM)、电可擦可编程只读存储器(electrically EPROM，EEPROM)、寄存器、硬盘、移动硬盘、只读光盘(CD-ROM)或者本领域熟知的任何其它形式的存储介质中。一种示例性的存储介质耦合至处理器，从而使处理器能够从该存储介质读取信息，且可向该存储介质写入信息。当然，存储介质也可以是处理器的组成部分。处理器和存储介质可以位于专用集成电路
(application specific integrated circuit，ASIC)中。
通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的系统，装置 和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，模块或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read-only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (18)

  1. 一种功能页面显示方法，其特征在于，所述方法包括：
    电子设备在所述电子设备的显示屏上显示第一界面，所述第一界面显示有至少一个应用的图标；
    在检测到作用于所述至少一个应用中目标应用的图标的第一操作时，所述电子设备在所述第一界面上显示所述目标应用的目标功能页面，所述目标功能页面的显示内容对应于目标功能在所述目标应用中的页面内容。
  2. 根据权利要求1所述的方法，其特征在于，所述第一界面为桌面或负一屏。
  3. 根据权利要求1或2所述的方法，其特征在于，所述目标功能页面与所述至少一个应用的图标显示在不同的位置；
    或者，所述目标功能页面覆盖所述至少一个应用的图标的部分或全部。
  4. 根据权利要求1-3任一所述的方法，其特征在于，所述目标功能页面显示在所述目标应用的图标所在的位置，或者与所述目标应用的图标相邻。
  5. 根据权利要求1-4任一所述的方法，其特征在于，所述方法还包括：
    响应于在所述第一界面上的所述目标功能页面之外的位置的第二操作，所述电子设备关闭所述目标功能页面，所述目标功能页面的显示状态为临时态；或者，
    响应于在所述目标功能页面上的第三操作或检测到在所述目标功能页面所对应的用于指示移除所述目标功能页面的控件上的第四操作，移除所述目标功能页面，所述目标功能页面的显示状态为固定态。
  6. 根据权利要求1-5任一项所述的方法，其特征在于，所述方法还包括：
    响应于在所述目标功能页面上的第五操作，打开所述目标功能页面对应的所述目标应用，并在所述目标应用的界面中显示所述目标功能的页面内容。
  7. 根据权利要求1-5任一项所述的方法，其特征在于，所述方法还包括：
    响应于在所述目标功能页面上的第六操作，所述电子设备在所述目标功能页面中执行所述第六操作所对应的功能。
  8. 根据权利要求1-7任一项所述的方法，其特征在于，所述目标功能页面上的显示内容满足第一条件，所述第一条件包含如下一项或几项：对应于所述目标功能的页面最新显示内容、按照预设周期更新、按照第一时间点的序列更新、在第二时间点不更新。
  9. 根据权利要求1-8任一项所述的方法，其特征在于，在检测到作用于所述至少一个应用中目标应用的图标的第一操作时，所述电子设备在所述第一界面上显示的所述目标应用的目标功能页面为默认目标功能页面。
  10. 根据权利要求1-9任一项所述的方法，其特征在于，所述目标功能页面的显示尺寸为第一尺寸，所述方法还包括：
    检测到作用于所述目标功能页面的第七操作，所述电子设备显示第二尺寸的所述目标功能页面；所述第七操作为设置所述目标功能页面的显示尺寸的操作。
  11. 根据权利要求1-10任一项所述的方法，其特征在于，所述目标功能页面的数量为一个或多个。
  12. 根据权利要求11所述的方法，其特征在于，所述目标功能页面的数量为多个， 所述方法还包括：响应于在所述目标功能页面上的第八操作，在所述第一界面上切换显示多个目标功能页面，所述多个目标功能页面所对应的目标功能不同。
  13. 根据权利要求1-12任一项所述的方法，其特征在于，所述第一操作为向上滑动操作或向下滑动操作。
  14. 根据权利要求1-12任一项所述的方法，其特征在于，所述第一操作为用于添加固定显示于所述第一界面的目标功能页面的操作。
  15. 根据权利要求1-14任一项所述的方法，其特征在于，
    所述第三操作为点击第一预设控件的操作；
    或者，所述第四操作为点击操作；
    或者，所述第五操作为点击第二预设控件的操作；
    或者，所述第六操作为点击第三预设控件的操作；
    或者，所述第八操作为滑动操作。
  16. 一种电子设备，其特征在于，包括：处理器、存储器和显示屏，所述存储器、所述显示屏与所述处理器耦合，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，当所述处理器从所述存储器中读取所述计算机指令，使得所述电子设备执行如权利要求1-15中任一项所述的功能页面显示方法。
  17. 一种计算机可读存储介质，其特征在于，包括程序或指令，当所述程序或指令被执行时，如权利要求1-15中任一项所述的方法被实现。
  18. 一种包含指令的计算机程序产品，其特征在于，当所述计算机程序产品在电子设备上运行时，使得所述电子设备执行如权利要求1-15中任一项所述的功能页面显示方法。
PCT/CN2021/137220 2021-02-27 2021-12-10 功能页面显示方法及电子设备 WO2022179249A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110221896.6 2021-02-27
CN202110221896.6A CN115061607A (zh) 2021-02-27 2021-02-27 功能页面显示方法及电子设备

Publications (1)

Publication Number Publication Date
WO2022179249A1 true WO2022179249A1 (zh) 2022-09-01

Family

ID=83047778

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/137220 WO2022179249A1 (zh) 2021-02-27 2021-12-10 功能页面显示方法及电子设备

Country Status (2)

Country Link
CN (1) CN115061607A (zh)
WO (1) WO2022179249A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117435293B (zh) * 2023-12-19 2024-03-22 浙江口碑网络技术有限公司 显示方法、显示控制方法、存储介质以及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160378299A1 (en) * 2015-06-26 2016-12-29 Lenovo (Beijing) Co., Ltd. Method For Displaying Icons And Electronic Apparatus
CN110442283A (zh) * 2019-08-12 2019-11-12 李兵 一种触屏页面操作方法、装置、电子设备及存储介质
CN111459361A (zh) * 2020-03-31 2020-07-28 维沃移动通信有限公司 应用图标显示方法、装置及电子设备
CN111859209A (zh) * 2019-04-25 2020-10-30 北京小米移动软件有限公司 内容显示方法、装置和存储介质
CN112181220A (zh) * 2017-10-20 2021-01-05 华为技术有限公司 一种图标显示方法、设备及系统

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111602381A (zh) * 2018-07-02 2020-08-28 华为技术有限公司 一种图标切换方法、显示gui的方法及电子设备
CN111142991A (zh) * 2019-12-06 2020-05-12 维沃移动通信有限公司 一种应用功能页面显示方法及电子设备
CN111966251B (zh) * 2020-02-11 2021-08-13 荣耀终端有限公司 卡片显示方法、电子设备及计算机可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160378299A1 (en) * 2015-06-26 2016-12-29 Lenovo (Beijing) Co., Ltd. Method For Displaying Icons And Electronic Apparatus
CN112181220A (zh) * 2017-10-20 2021-01-05 华为技术有限公司 一种图标显示方法、设备及系统
CN111859209A (zh) * 2019-04-25 2020-10-30 北京小米移动软件有限公司 内容显示方法、装置和存储介质
CN110442283A (zh) * 2019-08-12 2019-11-12 李兵 一种触屏页面操作方法、装置、电子设备及存储介质
CN111459361A (zh) * 2020-03-31 2020-07-28 维沃移动通信有限公司 应用图标显示方法、装置及电子设备

Also Published As

Publication number Publication date
CN115061607A (zh) 2022-09-16

Similar Documents

Publication Publication Date Title
US10366519B2 (en) Operating method for image and electronic device supporting the same
WO2021159922A1 (zh) 卡片显示方法、电子设备及计算机可读存储介质
EP2990930B1 (en) Scraped information providing method and apparatus
WO2019233306A1 (zh) 图标显示方法、装置及终端
WO2021036571A1 (zh) 一种桌面的编辑方法及电子设备
WO2021115194A1 (zh) 一种应用图标的显示方法及电子设备
US10599336B2 (en) Method of displaying content and electronic device adapted to the same
WO2021000841A1 (zh) 一种生成用户头像的方法及电子设备
WO2021110133A1 (zh) 一种控件的操作方法及电子设备
KR20210068097A (ko) 시스템 탐색 바 표시 제어 방법, 그래픽 사용자 인터페이스 및 전자 디바이스
WO2022062898A1 (zh) 一种窗口显示方法及设备
CN111338519B (zh) 一种显示方法及电子设备
WO2023016012A9 (zh) 一种信息显示方法及电子设备
WO2021238370A1 (zh) 显示控制方法、电子设备和计算机可读存储介质
WO2023051511A1 (zh) 一种图标移动方法、相关图形界面及电子设备
WO2022179249A1 (zh) 功能页面显示方法及电子设备
US20240012534A1 (en) Navigation Bar Display Method, Display Method, and First Electronic Device
US10726193B2 (en) Electronic device and operating method thereof
EP4365722A1 (en) Method for displaying dock bar in launcher and electronic device
WO2022228043A1 (zh) 显示方法、电子设备、存储介质和程序产品
WO2023005751A1 (zh) 渲染方法及电子设备
WO2021196980A1 (zh) 多屏交互方法、电子设备及计算机可读存储介质
WO2023045774A1 (zh) 显示方法及电子设备
WO2023016045A9 (zh) 一种信息显示方法及电子设备
WO2023078088A1 (zh) 一种显示方法及电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 21927673

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 21927673

Country of ref document: EP

Kind code of ref document: A1