Display method, display device, and electronic device based on a dock bar.
The dock bar display method dynamically adjusts content based on user interactions and scene analysis, addressing the inflexibility of fixed icons to enhance user experience.
Patent Information
- Authority / Receiving Office
- JP · JP
- Patent Type
- Applications
- Current Assignee / Owner
- XG TECHNOLOGIES PTE LTD
- Filing Date
- 2026-03-31
- Publication Date
- 2026-07-07
AI Technical Summary
The current dock bar display method lacks flexibility, as it only displays fixed application icons or controls, failing to adapt to the user's actual usage scenarios, thereby affecting the user experience.
A method that dynamically adjusts the content displayed in the dock bar by determining a target scene based on the content and operating state of the display, allowing real-time updates of target components in response to user interactions.
Enhances the flexibility of interface display and improves user experience by dynamically adjusting the dock bar content to match the user's current activity, facilitating easier access to relevant applications and functions.
Smart Images

Figure 2026113550000001_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the technical field of terminal display, and particularly to a display method based on a dock bar, a display device, and an electronic device.
Background Art
[0002] In a terminal having a display function such as an in-vehicle terminal, a dock bar is usually installed on the desktop. The dock bar is usually installed at the bottom or side of the desktop. When the user swipes the screen, the dock bar usually remains stationary. Therefore, frequently used application icons can be arranged on the dock bar, which makes it easier for the user to use frequently used applications through the dock bar.
Summary of the Invention
Problems to be Solved by the Invention
[0003] The current display method of the dock bar can only display fixed application icons or controls on the dock bar, lacking flexibility in the interface, which affects the user experience.
Means for Solving the Problems
[0004] In order to solve the above technical problems, embodiments of the present disclosure provide a display method based on a dock bar, a display device, and an electronic device, which can improve the flexibility of interface display.
[0005] A dock bar-based display method according to a first aspect of the present disclosure includes the steps of: displaying a dock bar on the display of an electronic device; determining a target scene based on content displayed in a target area of the display and / or the operating state of a target-type application on the electronic device; determining a target component from a plurality of preset components based on the target scene and displaying the target component on the dock bar; and re-determining the target scene in response to a user's switching operation to the target component and updating the target component displayed on the dock bar based on the re-determined target scene, wherein the preset components are used by the user to operate a target-type application.
[0006] Apparatus according to a second aspect of the present disclosure includes a display and a processor, the display being configured to display a dock bar and to display a target component on the dock bar, and the processor being configured to perform the steps of: determining a target scene based on the content displayed in a target area of the display and / or the operating state of a target-type application in an electronic device; determining a target component from a plurality of preset components based on the target scene; and redetermining the target scene in response to a user's switching operation to a target component, and returning to the step of determining a target component from a plurality of preset components based on the target scene, the preset components being used by the user to operate a target-type application.
[0007] A computer-readable storage medium according to a third aspect of this disclosure stores a computer program used to perform a dock bar-based display method according to a first aspect.
[0008] An electronic device according to a fourth aspect of this disclosure includes a processor and a memory for storing instructions that can be executed by the processor, the processor reads and executes instructions from the memory and is used to realize a display method based on a dock bar according to the first aspect. [Effects of the Invention]
[0009] The dock bar-based display method described herein allows for the display of target components corresponding to the dock bar based on the target scene, and also allows for the re-determining and display of target components in response to user switching operations. Compared to conventional display methods that only display fixed application icons or controls, this disclosure can improve the flexibility of interface display and enhance the user experience. [Brief explanation of the drawing]
[0010] The embodiments of this disclosure will become clearer by describing them in more detail in conjunction with the drawings. The drawings are provided to provide a further understanding of the embodiments of this disclosure and constitute part of the specification and are used in conjunction with the embodiments of this disclosure, but do not limit the disclosure. In the drawings, the same reference numerals usually indicate the same part or step.
[0011] [Figure 1] This is a block diagram of the configuration of a dock bar-based display system according to one exemplary embodiment of the present disclosure. [Figure 2] This is a flowchart of a display method based on a dock bar according to one exemplary embodiment of the present disclosure. [Figure 3] This is a flowchart of a dock bar-based display method according to another exemplary embodiment of the present disclosure. [Figure 4] This is a schematic diagram of a first component relating to an exemplary embodiment of the present disclosure. [Figure 5]This is a flowchart of a dock bar-based display method relating to yet another exemplary embodiment of the present disclosure. [Figure 6] This is a schematic diagram of a second component relating to one exemplary embodiment of the present disclosure. [Figure 7] This is a flowchart of a dock bar-based display method according to a fourth exemplary embodiment of the present disclosure. [Figure 8] This is a schematic diagram of a third component relating to one exemplary embodiment of the present disclosure. [Figure 9] This is a flowchart of a dock bar-based display method according to a fifth exemplary embodiment of the present disclosure. [Figure 10] This is a schematic diagram illustrating the switching of a target scene and target component according to one exemplary embodiment of the present disclosure. [Figure 11] This is a flowchart of a dock bar-based display method according to a sixth exemplary embodiment of the present disclosure. [Figure 12] This is a flowchart of a dock bar-based display method according to a seventh exemplary embodiment of the present disclosure. [Figure 13] This is a schematic diagram of the swipe operation of a second component according to one exemplary embodiment of the present disclosure. [Figure 14] This is a flowchart of a dock bar-based display method according to an eighth exemplary embodiment of the present disclosure. [Figure 15] This is a flowchart of a dock bar-based display method according to a ninth exemplary embodiment of the present disclosure. [Figure 16] This is a flowchart of a dock bar-based display method according to a tenth exemplary embodiment of the present disclosure. [Figure 17] This is a schematic diagram of the determination of initial components according to one exemplary embodiment of the present disclosure. [Figure 18] This is a schematic diagram of the configuration of a dock bar-based display device according to one exemplary embodiment of the present disclosure. [Figure 19] This is a configuration diagram of an electronic device according to one exemplary embodiment of the present disclosure. [Modes for carrying out the invention]
[0012] Hereinafter, exemplary embodiments of the present disclosure will be described in detail with reference to the drawings. It should be clearly understood that the described embodiments are merely some embodiments of the present disclosure, not all embodiments. It should be understood that the present disclosure is not limited to the exemplary embodiments described herein.
[0013] It should be noted that the relative arrangements, mathematical formulas, and numerical values of the components and steps described in these embodiments do not limit the scope of the present disclosure unless specifically described.
[0014] Summary of the Application In a terminal having a display function such as an in-vehicle terminal, a dock bar is usually installed in a graphical interface such as the desktop of an operating system. The dock bar is usually an elongated area installed at the edge of the graphical interface, such as the lower part of the desktop of the operating system, and is used to start or switch running applications. When the user swipes the screen, the dock bar usually remains stationary. Therefore, application icons of frequently used applications can be arranged on the dock bar, so that no matter which page the user swipes to, the user can use the frequently used applications through the dock bar.
[0015] However, the current dock bar display method can only display fixed application icons or controls on the dock bar, lacking flexibility in the interface and unable to dynamically adjust the displayed content according to the actual usage scenario, thus affecting the user experience. For example, after the user opens a music list page and plays music, if a plurality of music application icons unrelated to the current scene are still displayed on the dock bar, it cannot effectively meet the user's immediate music switching needs.
[0016] The embodiments of this disclosure propose a novel solution that can determine a target scene in real time, display corresponding target components in the dock bar according to the target scene, and further determine and display target components in response to user switching operations. Compared to conventional display methods that only display fixed application icons or controls, this disclosure can dynamically adjust the content displayed in the dock bar and better adapt to actual usage scenarios, thereby improving the flexibility of the interface display and enhancing the user experience.
[0017] Exemplary System Figure 1 is a block diagram of the configuration of a dock bar-based display system according to one exemplary embodiment of the present disclosure.
[0018] As shown in Figure 1, in one embodiment, the display system based on the dock bar may include a control system 10 and an interaction system 20, the control system 10 and the interaction system 20 transmit data to control the interaction system 20 and display the target component on the dock bar.
[0019] The control system 10 may include a processor 101, which may include a general-purpose processor such as a central processing unit (CPU) or a graphics processing unit (GPU), or it may include an accelerated computing unit designed for deep learning tasks, autonomous driving tasks, etc., such as a neural network processor (NPU), or it may be a dedicated processor such as an ASIC or FPGA.
[0020] The control system 10 may further include a memory 102. The memory 102 may include volatile memory devices such as dynamic random access memory (DRAM) and static random access memory (SRAM), and may also include non-volatile memory devices such as read-only memory (ROM) and flash memory (NVM).
[0021] In the control system 10, memory 102 is used to store data such as information on each preset component, mapping relationships between preset components and scenes, and mapping relationships between scenes and dock bar display styles. Memory 102 is also used to store program instructions that the processor can execute, and processor 101 can load and execute program instructions in memory to realize a display method based on the dock bar. For example, processor 101 determines a target scene, determines a target component based on the target scene, and sends a signal to the interaction system to control the interaction system and display the target component on the dock bar.
[0022] The interaction system 20 includes a display 201, which may be an in-vehicle display such as a central display, instrument panel, or head-up display, or a display for a mobile device. The type of display 201 may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), or the like. In the interaction system 20, the display 201 is used to display a graphical interface, display a dock bar on the graphical interface, and further display a target component on the dock bar based on signals transmitted from the control system.
[0023] In some embodiments, the display 201 of the interaction system 20 may be a touchscreen capable of receiving user operations such as taps, touches, and swipes. In this case, upon receiving a user's switch operation to a target component, the interaction system 20 transmits a corresponding signal to the control system 10, which then re-determines the target scene and target component based on the received operation information and controls the interaction system 20 to update the content displayed on the dock bar.
[0024] In some embodiments, a display system based on a dock bar can be integrated into an intelligent cockpit system.
[0025] Exemplary Method Figure 2 is a flowchart of a dock bar-based display method according to one exemplary embodiment of the present disclosure. This embodiment can be applied to the aforementioned apparatus, and as shown in Figure 2, the method includes the following steps 100 to 400.
[0026] In step 100, the dock bar is displayed on the electronic device's screen.
[0027] In step 100, the control system first controls the display of the electronic device to show a dock bar, which can be located at the bottom of the display, or on the left or right side of the display. The dock bar can display several application icons, shortcut buttons, etc., and the specific content displayed can be dynamically adjusted according to the target scene determined later.
[0028] In step 200, the target scene is determined based on the content displayed in the target area of the display and / or the operating state of the target type application in the electronic device.
[0029] In step 200, the control system can determine the target scene based on the content displayed in the target area of the display, for example, the interface of a specific application displayed in the target area. For example, if the main interface of application A is currently displayed in the target area, the target scene can be considered to be the scene corresponding to application A. This allows the components related to application A to be displayed in the dock bar in a subsequent step.
[0030] In one example, the content displayed in the target area can be determined by monitoring the window title corresponding to the interface displayed in the target area. In another example, the target scene can be determined based on the operating state of the target type application on an electronic device. For example, if the target type is video, the target scene can be determined by whether each video type application is in playback mode. Specifically, if video type application B is currently in playback mode, the target scene can be recognized as the playback scene corresponding to the video type application. This allows the components related to the video type application to be displayed in the dock bar in a subsequent step.
[0031] For example, by monitoring the currently running process on the electronic device, or the currently running class name using probes, etc., the operating state of a target type application on the electronic device can be determined.
[0032] In step 300, based on the target scene, the target component is selected from multiple preset components and displayed in the dock bar.
[0033] In step 300, after determining the target scene, the control system can select a target component that matches the target scene from several preset components and display it in the dock bar, so that the user can easily operate the target type application in the target scene. Here, preset components are pre-designed for the user to operate the target type application. For example, if the target scene is determined to be a playback scene of a video type application, a target component suitable for the playback scene can be selected from several preset components for operating video type applications. For example, a preset component containing buttons such as a play / pause button, a fast-forward button, and a volume control button can be selected and made into the target component. In this way, the user can perform operations related to the target scene on the video type application through the target component.
[0034] In step 400, in response to the user's switch operation to the target component, the target scene is re-determined, and the target components displayed in the dock bar are updated based on the re-determined target scene.
[0035] In step 400, when the user performs a switch operation on a target component displayed in the dock bar, the control system can determine the target scene corresponding to the switch operation and, based on the re-determined target scene, re-determine and update the target component displayed in the dock bar. For example, when the first component is displayed in the dock bar, when the user performs a switch operation on the first component, the control system can determine that the user intends to switch to a new target scene different from the current target scene and, based on the new target scene, determine a new target component (e.g., the second component) from several preset components. This allows the first component currently displayed in the dock bar to be replaced with the second component.
[0036] As can be seen from the above technical proposals, the method according to the embodiment of this disclosure can determine a target scene in real time, display the corresponding target component in the dock bar based on the target scene, and further determine and display the target component in response to the user's switching operation. Compared to conventional display methods that only display fixed application icons or controls, this disclosure can dynamically adjust the content displayed in the dock bar and better adapt it to actual usage scenarios, thereby improving the flexibility of the interface display and enhancing the user experience.
[0037] Figure 3 is a flowchart of a dock bar-based display method according to another exemplary embodiment of the present disclosure. As shown in Figure 3, based on the embodiment shown in Figure 2 above, step 200 may include the following step 210, and step 300 may include the following step 310.
[0038] In step 210, the target scene is determined to be the first scene based on the fact that the display interface of the target type application is not displayed in the target area and / or that the target type application is not running.
[0039] In step 210, if the display interface of the target type application is not displayed in the target area and the target type application is not running, the control system may determine the first scene as the target scene. The first scene is used to indicate that the user is not currently using the target type application and has no intention of using it.
[0040] For example, if the target type is audio type, and no audio type application interface is displayed in the target area of the current display, and none of the audio type applications installed on the electronic device are running, the control system can determine that it is currently in the first scene.
[0041] Furthermore, the target scene can be determined based solely on the content displayed in the target area of the display, without considering the operating state of the target type application. In this case, the first scene can be determined as the target scene simply because the display interface of the target type application is not displayed in the target area. Similarly, the target scene can be determined based solely on the operating state of the target type application on the electronic device, without considering the content displayed in the target area. In this case, the first scene can be determined as the target scene simply because the target type application is not running.
[0042] In step 310, based on the first scene, the first component is selected as the target component from among several preset components.
[0043] In step 310, if the target scene is the first scene, the first component corresponding to the first scene can be selected from multiple preset components and set as the target component. Here, the first component can display an icon corresponding to the initial application of the target type (hereinafter referred to as the first icon). For example, if the target type is audio type, the first component can display an icon corresponding to the initial music application. Here, the initial music application may be a pre-configured default application, or it may be an audio type application that the user launched last time.
[0044] Figure 4 is a schematic diagram of a first component according to an exemplary embodiment of the present disclosure.
[0045] As shown in Figure 4(1), a dock bar 40 is displayed at the bottom of the display. In the first scene, the dock bar 40 displays a first component 41, and the first component 41 can display a first icon 411 corresponding to a first application. Here, the first application may be an application of the target type that the user last launched. For example, if the target type is audio, the first component may also display information (e.g., audio name information 412) corresponding to the audio that the first application was playing when the user last closed the first application.
[0046] For example, in a first scene, if the user taps a first icon, the electronic device can launch a first application in response to the user's tap on the first icon.
[0047] In another example, in the first scene, if the user long-presses the first icon, the first component can display icons for multiple audio type applications of the target type (hereinafter referred to as the first extended icon). When the user taps the first extended icon, the component launches the audio type application corresponding to the first extended icon (hereinafter referred to as the second application) in response to the user's tap on the first extended icon. As shown in Figure 4(2), in response to the user long-pressing the first icon 411, the first component can display an extended area 41-a and display first extended icons 413 corresponding to multiple audio type applications in the extended area 41-a. This allows the user to select and launch the second application corresponding to any of the first extended icons 413 by tapping the first extended icon 413.
[0048] After launching the first or second application, the target scene switches from the first scene to the scene where the target-type application was launched (e.g., the second scene). The control system can update the target components displayed in the dock bar based on the re-determined target scene (e.g., the second scene).
[0049] As can be seen from the above technical proposals, the method according to the embodiment of this disclosure can identify a first scene based on the startup state of a target type application and the display content of the target area, and display a first component including a first icon in the dock bar. This allows the user to quickly launch a target type application by manipulating the first icon in the dock bar, thereby simplifying the operation process in the first scene and improving the user experience.
[0050] Figure 5 is a flowchart of a dock bar-based display method according to yet another exemplary embodiment of the present disclosure. As shown in Figure 5, based on the embodiment shown in Figure 1 above, step 200 may include the following step 220, and step 300 may include the following step 320.
[0051] In step 220, the target scene is determined to be the second scene based on the fact that the display interface of the target type application is displayed in the target area and / or that the target type application is running.
[0052] In step 220, if the display interface of an application of the target type is displayed in the target area and / or if an application of the target type installed on the electronic device is in a running state, the control system may determine a second scene as the target scene. The second scene is used to indicate that the user is currently using an application of the target type.
[0053] For example, if the target type is audio type and the interface of audio type application C is displayed in the target area of the current display, the control system can determine that it is currently in the second scene. Also, if the target type is audio type and audio type application C is running, the control system can determine that it is currently in the second scene.
[0054] In step 320, based on the second scene, the second component is selected as the target component from among several preset components.
[0055] In step 320, if the target scene is the second scene, a second component corresponding to the second scene can be selected from multiple preset components and designated as the target component. Here, the second component can display a second icon corresponding to at least one candidate application of the target type. For example, if the target type is audio, the second component can display a second icon corresponding to multiple audio type applications.
[0056] Figure 6 is a schematic diagram of a second component relating to an exemplary embodiment of the present disclosure.
[0057] As shown in Figure 6, a dock bar 40 is displayed at the bottom of the display. In the second scene, a second component 42 is displayed on the dock bar 40, and the second component 42 displays icons (hereinafter referred to as second icons) 421 corresponding to four candidate applications. When the user taps any of the second icons 421, the electronic device can respond to the user's tap on the second icon 421 by launching the candidate application corresponding to that second icon 421. In one example, the target type may be audio type.
[0058] Furthermore, due to the limitations on the area occupied by the second component, the second component may only display second icons corresponding to some of the target type applications installed on the electronic device. For example, if 10 audio type applications are installed on the electronic device, four of these audio type applications may be designated as candidate applications, and the second component may display only second icons corresponding to these four candidate applications. Here, the aforementioned four candidate applications may be the four audio type applications most frequently used by the user, the four audio type applications most recently used by the user, or the four audio type applications that are at the top of a pre-configured application list consisting of target type applications.
[0059] In the embodiments of this disclosure, the four audio type applications described above were used as examples, but this does not mean that the second component displays only the second icons corresponding to the four audio type applications. In actual use cases, it is also possible to display the second icons corresponding to more or fewer audio type applications.
[0060] As can be seen from the above technical proposals, the method according to the embodiment of this disclosure can identify a second scene based on the startup state of a target type application and the display content of the target area, and display a second component including multiple second icons in the dock bar. This allows the user to quickly access and switch to other target type applications by manipulating the second icons in the dock bar without leaving the current application interface, simplifying the operation process in the second scene and improving the user experience.
[0061] Figure 7 is a flowchart of a dock bar-based display method according to a fourth exemplary embodiment of the present disclosure. As shown in Figure 7, the target type is audio type, and based on the embodiment shown in Figure 2 above, step 200 may include the following step 230, and step 300 may include the following step 330.
[0062] In step 230, the target scene is determined to be the third scene based on the fact that at least one audio-type application is running and the audio playlist of an audio-type application is displayed in the target area.
[0063] In step 230, if the target type is audio type, and an audio type application installed on the electronic device is running, and the audio playback list of this running audio type application is displayed in the target area, the control system may determine a third scene as the target scene. The third scene is used to indicate that the user is currently using an audio type application and intends to play audio with this audio type application.
[0064] For example, if an audio-type application C is running and the audio playlist for audio-type application C is displayed in the target area of the current display, the control system can determine that the user is currently using audio-type application C and intends to listen to the audio in this playlist, and therefore is currently in a third scene.
[0065] In step 330, based on the third scene, the third component is selected as the target component from among several preset components.
[0066] In step 330, if the target scene is the third scene, the third component corresponding to the third scene can be selected from multiple preset components and set as the target component. Here, the third component can display an icon (hereinafter referred to as the third icon) corresponding to the candidate audio in the audio playback list.
[0067] Figure 8 is a schematic diagram of a third component according to an exemplary embodiment of the present disclosure.
[0068] As shown in Figure 8, a dock bar 40 is displayed at the bottom of the display. In the third scene, a third component 43 is displayed on the dock bar 40, and the third component 43 displays icons (hereinafter referred to as third icons) 431 corresponding to four playback candidate audios. When the user taps any of the third icons 431, the electronic device can respond to the user's tap on the third icon 431 and play the playback candidate audio (e.g., music, audiobook, etc.) corresponding to that third icon 431.
[0069] Furthermore, due to the limitations on the area occupied by the third component, the third component may only display the third icons corresponding to some of the audio in the audio playlist. For example, if the audio playlist contains 10 audio files, 4 of them may be designated as playback candidate audio files, and the third component may display only the third icons corresponding to these 4 playback candidate audio files. Here, if an audio-type application is currently playing audio from this audio playlist, the aforementioned 4 playback candidate audio files may be the 4 audio files that follow the currently playing audio file. If an audio-type application is displaying this audio playlist but is not currently playing any audio, the aforementioned 4 playback candidate audio files may be the 4 audio files at the beginning of this audio playlist.
[0070] In the embodiments of this disclosure, the four playback candidate audio files described above were used as an example, but this does not mean that the third component will only display third icons corresponding to the four playback candidate audio files. In actual use cases, it is also possible to display third icons corresponding to more or fewer playback candidate audio files.
[0071] In the embodiments described above, only the display of the first icon in the first component, the second icon in the second component, and the third icon in the third component was explained. However, this does not mean that each target component displays only the corresponding icon. In actual use cases, in addition to the first, second, and third icons mentioned above, each target component can also display other buttons. For example, the third component can further display volume control buttons, playback speed control buttons, a playback progress bar, etc.
[0072] As can be seen from the above technical proposals, the method according to the embodiment of this disclosure can identify a third scene based on the startup state of a target type application and the display content of the target area, and display a third component including multiple third icons in the dock bar. This allows the user to quickly switch to other audio in the audio playlist by manipulating the third icons in the dock bar, thereby facilitating audio switching and improving the user experience.
[0073] Figure 9 is a flowchart of a dock bar-based display method according to a fifth exemplary embodiment of the present disclosure. As shown in Figure 9, based on the embodiment shown in Figure 3 above, step 400 may include the following step 410.
[0074] In step 410, in response to the user's interaction with the first icon in the first component, the second scene is determined as the new target scene, and the target component to be displayed in the dock bar is updated to the second component based on the second scene.
[0075] In step 410, in the first scene, the display shows the first component in the dock bar, and the first icon is displayed in the first component. At this time, the user can switch the target scene from the first scene to the second scene by manipulating the first icon, and accordingly, the target component displayed in the dock bar also switches from the first component to the second component.
[0076] Figure 10 is a schematic diagram illustrating the switching of a target scene and target component according to one exemplary embodiment of the present disclosure.
[0077] As shown in Figure 10(1), in the first scene, the dock bar 40 displays the first component 41. In this scene, in response to the user tapping the first icon 411 in the first component 41, the electronic device can launch the audio-type application D corresponding to the first icon 411. As shown in Figure 10(2), at this point, the electronic device switches from the first scene to the second scene, switches the target component displayed on the dock bar from the first component 41 to the second component 42, and displays the main interface 44 of the audio-type application D in the target area of the display.
[0078] In one example, in addition to manipulating the first icon 411, the user can switch the target scene from the first scene to the second scene in other ways. For example, the user can tap a shortcut icon for an audio-type application on the desktop or in the Start menu, causing the electronic device to respond to the user's tap on the shortcut icon by launching the corresponding audio-type application and switching from the first scene to the second scene.
[0079] As can be seen from the above technical proposal, the method according to the embodiment of this disclosure automatically switches from the first scene to the second scene when the user operates the first icon, and updates the target component displayed in the dock bar accordingly. This allows the user to directly trigger the switching of the target scene and target component from the dock bar, and the content displayed in the target component after the switch will be in line with the user's intent, making user operation easier.
[0080] Figure 11 is a flowchart of a dock bar-based display method according to a sixth exemplary embodiment of the present disclosure. As shown in Figure 11, based on the embodiment shown in Figure 5 above, step 400 may include the following step 420.
[0081] In step 420, in response to the user's interaction with one of the second icons in the second component, a third scene is determined as the new target scene.
[0082] In step 420, in the second scene, the display shows the second component in the dock bar, and the second component displays at least one second icon. At this time, the user can switch the target scene from the second scene to the third scene by manipulating the second icon, and accordingly, the target component displayed in the dock bar also switches from the second component to the third component.
[0083] As shown in Figure 10(2), in the second scene, the aforementioned audio-type application D is running, and the dock bar displays the second component 42. In this scene, in response to the user tapping the second icon 421 in the second component, the electronic device can pause audio-type application D and launch audio-type application E corresponding to the second icon 421. As shown in Figure 10(3), at this time, the electronic device switches from the second scene to the third scene, switches the target component displayed in the dock bar from the second component 42 to the third component 43, and switches the content displayed in the target area from the main interface 44 of audio-type application D to the audio playlist 45 corresponding to audio-type application E. Specifically, this may be the default audio playlist of audio-type application E, or the audio playlist corresponding to the audio that the user last played in audio-type application E.
[0084] In one example, in addition to manipulating the second icon, the user can switch the target scene from the second scene to the third scene in other ways. For example, in the first scene shown in Figure 10 (1), in response to the user tapping the first icon 411 in the first component 41, the electronic device can launch the audio-type application D corresponding to the first icon 411 and enter the second scene shown in Figure 10 (4). In the second scene shown in Figure 10 (4), the main interface of the audio-type application D is displayed in the target area of the display, and at this time, the user can switch the target scene from the second scene to the third scene by manipulating the main interface. Specifically, in response to the user tapping the icon 441 corresponding to one of the playlists (e.g., audio playlist F) in the main interface, the electronic device switches from the second scene to the third scene shown in Figure 10 (5), and displays audio playlist F in the target area of the display. At this point, the target component displayed in the dock bar switches from the second component to the third component, and the third component displays a third icon corresponding to the candidate audio in audio playlist F.
[0085] As can be seen from the above technical proposal, the method according to the embodiment of this disclosure allows the user to switch to a third scene and update the target component when the user operates the second icon. This allows the user to directly trigger the switching of the target scene and target component from the dock bar, and the content displayed in the target component after the switch will be in line with the user's intent, making user operation easier.
[0086] Figure 12 is a flowchart of a dock bar-based display method according to a seventh exemplary embodiment of the present disclosure. As shown in Figure 12, based on the embodiment shown in Figure 9 above, the method may further include the following step 500.
[0087] In step 500, in response to the user's swipe gesture on the second component, at least one candidate application is re-selected from the target type applications, and the second component is redisplayed in the dock bar.
[0088] In step 500, as mentioned above, due to the area limitations of the second component, the second component may only display second icons corresponding to certain target-type applications installed on the electronic device. In this case, the user can swipe the second component to display and operate second icons corresponding to other target-type applications.
[0089] In one example, in response to a user's swipe operation on a second component, the system can re-determine a candidate application from an application list consisting of target type applications based on the swipe direction and swipe distance, and display a second icon corresponding to the re-determined candidate application on the second component. The order of the new candidate application and the original candidate application in the application list can be determined based on the swipe direction. For example, if the swipe direction is to the left or upwards on the display, the new candidate application will appear before the original candidate application in the application list, and if the swipe direction is to the right or downwards on the display, the new candidate application will appear after the original candidate application in the application list. Here, the distance between the new candidate application and the original candidate application in the application list can be determined based on the swipe distance. For example, the greater the swipe distance, the greater the distance between the new candidate application and the original candidate application in the application list.
[0090] Figure 13 is a schematic diagram of a swipe operation of a second component according to an exemplary embodiment of the present disclosure.
[0091] As shown in Figure 13(1), in one example, in the second scene, the dock bar 40 displays a second component 42, which can display second icons 421 corresponding to four audio type applications (referred to as audio type applications 13A, 13B, 13C, and 13D, respectively). In response to a swipe operation by the user on the second component 42, the selected application is re-determined from a pre-configured list of candidate applications. A swipe operation by the user on the second component 42 includes pressing the second component 42 and then swiping a first distance in a first direction.
[0092] As shown in (2) of Figure 13, in the pre-configured list of candidate applications, based on the first direction being left, it can be determined that the order of the new candidate applications is after the original candidate applications, and based on the first distance, it can be determined that the distance between the original sequence consisting of the original candidate applications and the new sequence consisting of the new candidate applications is 2. Therefore, four new candidate applications (e.g., audio type applications 13C, 13D, 13E, 13F) can be determined that are later in order and have a distance of 2 from the sequence of the original candidate applications.
[0093] As shown in Figure 13(3), after determining a new candidate application, the content displayed in the second component can be updated. Specifically, second icons 421 corresponding to audio-type applications 13C, 13D, 13E, and 13F are displayed in the second component 42. At this point, the user can launch the corresponding audio-type application by tapping the newly displayed second icon in the second component. This allows the user to conveniently browse and operate all audio-type applications installed on the electronic device.
[0094] In one example, if the swipe distance is too large and the distance between the new candidate application and the original candidate application exceeds the actual range of the candidate application list, the control system can make a corresponding adjustment. For example, if the second component is already displaying a second icon corresponding to the application at the end of the application list, and the user continues to swipe the second component further to the right, the system can prevent the user from re-selecting a candidate application. In this case, the second component can notify the user that the end of the application list has been reached without changing the second icon currently displayed, using a visual effect or vibration feedback.
[0095] For example, in response to a user's swipe operation on a second component, the number of new candidate applications displayed by the second component can be determined based on the swipe speed. For instance, if the swipe speed exceeds a preset speed threshold, the system can recognize that the user is swiping the second component quickly, allowing it to determine that the user wants to view more target-type applications. In this case, the length of the second component can be temporarily increased to increase the number of second icons that the second component can display, for example, from displaying four second icons to displaying six. Accordingly, six candidate applications can be re-selected, and the second icons corresponding to the re-selected candidate applications can be displayed in the second component. On the other hand, if the swipe speed is below the preset speed threshold, the length of the second component is returned to its initial length, and the number of second icons that the second component can display is also reduced, for example, from displaying six second icons to displaying four. Accordingly, four candidate applications can be re-selected and displayed in the second component.
[0096] Figures 12 and 13 illustrate an example where the user switches to a second scene by operating a first icon, and the selected candidate application is re-determined in the second scene in response to the user's swipe operation. However, in other examples, the second scene may be determined based on the content displayed in the target area of the display and / or the operating state of a target type application on an electronic device, and the selected candidate application may be re-determined in the second scene in response to the user's swipe operation. In other words, the embodiments of this disclosure exemplify a method for re-determining the selected candidate application in a second scene, and do not limit how the second scene is entered.
[0097] As can be seen from the above technical proposals, the method according to the embodiment of this disclosure can update the selection candidate applications displayed in the second component based on the swipe direction, distance, and speed when the user swipes the second component. This allows the user to quickly browse and select the desired target type application by swiping the target component, providing the user with a more convenient and comprehensive selection of target type applications while maintaining the simplicity of the dock bar, thereby improving the user experience.
[0098] Figure 14 is a flowchart of a dock bar-based display method according to an eighth exemplary embodiment of the present disclosure.
[0099] As shown in Figure 14, based on the embodiment shown in Figure 11 described above, the method may further include the following step 600.
[0100] In step 600, in response to the user's swipe gesture on the third component, at least one playback candidate audio is re-selected from the audio playlist, and the third component is redisplayed in the dock bar.
[0101] In step 600, as mentioned above, due to the limitations on the area occupied by the third component, the third component may only display third icons corresponding to some of the audio in the audio playlist. In this case, the user can swipe the third component to display and operate the third icons corresponding to other audio.
[0102] Here, the method for re-determining the playback candidate audio and redisplaying the third component in response to the user's swipe operation on the third component is similar to that in step 500 above, so a detailed explanation is omitted here.
[0103] As can be seen from the above technical proposals, the method according to the embodiment of this disclosure can update the playback candidate audio displayed on the third component based on the swipe direction, distance, and speed when the user swipes the third component. This allows the user to quickly browse and select the necessary audio by swiping the target component, providing the user with a more convenient and comprehensive audio selection while maintaining the simplicity of the dock bar, thereby improving the user experience.
[0104] Figure 15 is a flowchart of a dock bar-based display method according to a ninth exemplary embodiment of the present disclosure.
[0105] As shown in Figure 15, based on the embodiment shown in Figure 2 described above, step 300 may include the following steps 340 to 360.
[0106] In step 340, the target component is determined from multiple preset components based on the target scene.
[0107] In step 350, the target display style is determined from the preset style library based on the mapping relationship between the target scene and the dock bar display style.
[0108] In step 350, a style library can be pre-configured, and the style library stores the mapping relationships between each scene and the dock bar display style. This allows the system to determine the target scene, and then search for and select the target display style from the style library based on the mapping relationship between the target scene and the dock bar display style.
[0109] Here, the dock bar display style can include icon style, button layout, artistic effects, button color, component background color, etc. For example, the first scene corresponds to the first display style, in which the icon style uses a flat design and the button layout uses a compact layout; the second scene corresponds to the second display style, in which the icon style uses a three-dimensional design and the button layout uses a distributed layout, and artistic effects such as dynamic effects can be set for the second icon; the third scene corresponds to the third display style, in which the button layout highlights the playback control functions to facilitate user operation, and artistic effects that dynamically change according to the rhythm of the audio can be set for the third icon.
[0110] For example, in response to a personalization request entered by the user, the dock bar display style in the style library can be updated to better suit the display effect of target components in the dock bar according to the user's aesthetic sense and usage habits.
[0111] In one example, the style library can be stored in a memory module or a non-volatile flash memory module to ensure the persistence and accessibility of the dock bar display style data. In this case, the processor can access the style library stored in the memory module or non-volatile flash memory module and call the dock bar display styles in the style library.
[0112] In step 360, display the goal components based on the goal display style.
[0113] In step 360, after determining the target display style, the target components are rendered and displayed according to the target display style, thereby enabling different dock bar display effects for different target scenes.
[0114] In the embodiments of this disclosure, we have described as an example how target components corresponding to a target scene are displayed based on the content displayed in the target area of the display and / or the operating state of a target-type application in an electronic device, and further based on the target display style. However, in other examples, the scene can be switched in response to user operation, and target components corresponding to the target scene can be displayed based on the target display style. In other words, the embodiments of this disclosure exemplify how target components are displayed in a target scene, and do not limit how the target scene is entered.
[0115] As can be seen from the above technical proposals, the method according to the embodiment of this disclosure can establish a mapping relationship between a target scene and a dock bar display style, and when a scene change is detected, it automatically searches for the target display style based on the mapping relationship and displays the target components based on the target display style. This prevents the dock bar display style from becoming monotonous and provides users with a more individual and diverse visual experience.
[0116] Figure 16 is a flowchart of a dock bar-based display method according to a tenth exemplary embodiment of the present disclosure.
[0117] As shown in Figure 16, based on the embodiment shown in Figure 3 described above, the following step 700 may be included after step 100, and step 300 may include the following step 370.
[0118] In step 700, the system determines an initial component from several preset components in response to an edit operation on the target component currently displayed in the user's dock bar.
[0119] In step 700, the user can set the initial components themselves according to their actual needs. Here, the initial components are the components displayed in the dock bar in the first scene. Specifically, in any scene, the user can perform editing operations on the target component currently displayed in the dock bar, and the electronic device enters component editing mode in response to the user's editing operation on the target component. In editing mode, in response to the user's selection operation on one of the preset components, this preset component can be determined as the initial component.
[0120] In one example, the preset component may include the first component, the second component, and the third component described above.
[0121] Figure 17 is a schematic diagram of the determination of initial components according to one exemplary embodiment of the present disclosure.
[0122] As shown in Figure 17(1), in one example, in the first scene, the dock bar displays the current first component 41. In response to the user's long press operation on the first component 41, the electronic device enters component editing mode. As shown in Figure 17(2), in component editing mode, the user performs a swipe operation on the first component 41. In response to the user's swipe operation on the first component 41, the control system switches the component currently displayed on the dock bar from the first component 41 to another component based on the swipe direction and swipe distance, for example, to the second component 42 as shown in Figure 17(3). In response to a user confirmation operation (e.g., tap or long press), or in response to no user operation within a preset time, the second component 42 currently displayed on the dock bar is determined to be the initial component. Of course, in other examples, the user may also determine the first or third component as the initial component through editing operations, and this disclosure is not limited thereto.
[0123] In step 370, based on the first scene, an initial component is selected from multiple preset components to be the target component, and the target component is displayed in the dock bar.
[0124] In step 370, after determining the initial component, if the current target scene is the first scene, the initial component is determined as the target component. For example, if the second component 42 mentioned above is determined as the initial component, the control system can display the initial component instead of the first component mentioned above in the dock bar when it determines that the target scene is the first scene.
[0125] As can be seen from the above technical proposal, the method according to the embodiment of this disclosure allows the user to select an initial component from multiple preset components through a swipe operation after entering component editing mode, thereby displaying the initial component selected by the user by default when a first scene is detected. This allows the user to customize the initial displayed component of the dock bar, and to better suit the content displayed in the dock bar to the user's usage habits.
[0126] Exemplary device The dock bar-based display method according to the embodiments of this disclosure has been described above. The device may include corresponding hardware and software for realizing the hardware functions in order to implement each function of this dock bar-based display method.
[0127] Those skilled in the art will readily realize, in combination with the steps of the dock bar-based display method described in each embodiment of the present disclosure, that each embodiment of the present disclosure can be implemented in hardware form or in a form that drives the hardware through software. Whether a function is performed by hardware or by driving the hardware through software depends on the specific application and design constraints of the proposed technique. Those skilled in the art may implement the described functions using different methods for each specific application, but such implementations should not be considered beyond the scope of the present disclosure.
[0128] Figure 18 is a schematic diagram of the configuration of a dock bar-based display device according to one exemplary embodiment of the present disclosure.
[0129] As shown in Figure 18, in one embodiment, the dock bar-based display device 1800 includes a display 1810 and a processor 1820.
[0130] Display 1810 is configured to display a dock bar and to display the target component on the dock bar.
[0131] The processor 1820 is configured to determine a target scene based on the content displayed in the target area of the display 1810 and / or the operating state of a target-type application in an electronic device, to determine a target component from a plurality of preset components based on the target scene, to re-determine the target scene in response to a user's switching operation for a target component, and to again determine a target component from a plurality of preset components based on the target scene, the preset components being used by the user to operate a target-type application.
[0132] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to determine that the target scene is a first scene based on the fact that the display interface of an application of the target type is not displayed in the target area and / or that an application of the target type is not running, and to determine a first component as the target component from a plurality of preset components based on the first scene, wherein the first component is used to display a first icon corresponding to an initial application, and the initial application belongs to the target type.
[0133] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to determine that the target scene is a second scene based on the fact that the display interface of an application of the target type is displayed in the target area and / or that an application of the target type is in a running state, and to determine a second component as the target component from a plurality of preset components based on the second scene, wherein the second component is used to display a second icon corresponding to at least one candidate application, and at least one candidate application belongs to the target type.
[0134] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to determine that the target scene is a third scene based on the fact that at least one audio-type application is running and the audio playlist of the audio-type application is displayed in the target area, and to determine a third component as the target component from a plurality of preset components based on the third scene, the third component being used to display a third icon corresponding to at least one candidate audio in the audio playlist.
[0135] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to determine a second scene as a new target scene in response to the user's operation on a first icon, or to determine a third scene as a new target scene in response to the user's operation on either of the second icons.
[0136] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to re-determine at least one candidate application from a target type of application in response to a swipe operation by the user on a second component, and the display 1810 is configured to re-display the second component in the dock bar.
[0137] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to re-determine at least one playback candidate audio from the audio playlist in response to a swipe operation by the user on a third component, and the display 1810 is configured to re-display the third component on the dock bar.
[0138] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to determine a target display style from a preset style library based on a mapping relationship between the target scene and the dock bar display style, and the display 1810 is configured to display the target components based on the target display style.
[0139] In one exemplary embodiment, the processor 1820 is configured to execute instructions stored in memory to determine an initial component from a plurality of preset components in response to an editing operation on the target component currently displayed in the user's dock bar, and to determine the initial component as the target component from the plurality of preset components based on a first scene.
[0140] Exemplary electronic device Figure 19 is a diagram showing the configuration of an electronic device according to one exemplary embodiment of the present disclosure. As shown in Figure 19, the electronic device 1900 includes at least one processor 1910 and a memory 1920.
[0141] The processor 1910 may be a central processing unit (CPU) or another form of processing unit having data processing capability and / or instruction execution capability, and can control other components in the electronic device 1900 to perform desired functions.
[0142] Memory 1920 may comprise one or more computer program products including various forms of computer-readable storage media such as volatile memory and / or non-volatile memory. Volatile memory may include, for example, random access memory (RAM) and / or cache memory. Non-volatile memory may include, for example, read-only memory (ROM), hard disks, flash memory, etc. One or more computer program instructions may be stored in the computer-readable storage media, and the processor 1910 can execute one or more program instructions to implement the dock bar-based display method and / or other desired functions of each embodiment of the present disclosure described above.
[0143] In one example, the electronic device 1900 may further include an input device 1930 and an output device 1940, and these components are interconnected via a bus system and / or other forms of connection mechanisms (not shown).
[0144] The input device 1930 may further include, for example, a keyboard, a mouse, etc.
[0145] The output device 1940 can output various types of information to the outside, and may include, for example, a display, speaker, printer, communication network, and remote output devices connected thereto.
[0146] Of course, for the sake of simplification, Figure 19 shows only some of the components in the electronic device 1900 that are relevant to this disclosure, and components such as buses and input / output interfaces are omitted. Furthermore, depending on the specific application conditions, the electronic device 1900 may further comprise any other suitable components.
[0147] Exemplary computer program products and computer-readable storage media Embodiments of this disclosure may also be computer program products including computer program instructions, in addition to the methods and apparatus described above. When these computer program instructions are executed by a processor, the processor is caused to perform steps in the dock bar-based display method relating to each embodiment of this disclosure described in the “Exemplary Methods” portion of this specification.
[0148] Computer program products can be created using one or any combination of programming languages to produce program code for performing the operations of the embodiments of this disclosure, and the programming languages include object-oriented programming languages such as Java and C++, and conventional procedural programming languages such as the C language or similar programming languages. The program code may be executed entirely on the user's computing device, partially on the user's device, as separate software packages, partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server.
[0149] Furthermore, embodiments of the present disclosure may also be computer-readable storage media in which computer program instructions are stored. When these computer program instructions are executed by a processor, the processor is caused to perform the steps in the dock bar-based display method according to each embodiment of the present disclosure described in the “Exemplary Methods” portion of this specification.
[0150] Computer-readable storage media can be any combination of one or more readable media. The readable media may be readable signal media or readable storage media. Readable storage media may include, but are not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any combination thereof. More specific examples (a non-exhaustive list) of readable storage media include electrical connections with one or more wires, mobile hard drives, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above.
[0151] While the basic principles of this disclosure have been explained above with reference to specific examples, the advantages, advantages, and effects mentioned herein are not limited to those mentioned above, but are merely illustrative, and these advantages, advantages, and effects are not necessarily present in every example of this disclosure. Furthermore, the specific details disclosed above are not limited to those mentioned above, but are merely illustrative and intended to facilitate understanding, and these details do not necessarily limit this disclosure to being realized by those specific details.
[0152] The block diagrams of the devices, apparatus, equipment, and systems relating to this disclosure are illustrative examples only and do not require or imply that they be connected, arranged, or configured in any manner. As will be readily apparent to those skilled in the art, these devices, apparatus, equipment, and systems can be connected, arranged, or configured in any manner. Unless the context explicitly indicates otherwise, words such as “include,” “equip,” and “have” are open vocabulary and can be used interchangeably to mean “include, but not limited to.” The words “or,” and “and” as used herein mean “and / or” and can be used interchangeably. The words “for example” as used herein mean “for example… but not limited to…” and can be used interchangeably.
[0153] Furthermore, in the apparatus, equipment and methods of this disclosure, each component or step is capable of being disassembled and / or reassembled. Such disassembly and / or reassembly should be considered equivalent solutions of this disclosure.
[0154] The above description of the disclosed embodiments is provided to enable those skilled in the art to create or use the disclosure. Various modifications to these embodiments are obvious to those skilled in the art, and the general principles defined herein can be applied to other embodiments without departing from the scope of the disclosure. Accordingly, the disclosure is not intended to be limited to the embodiments shown herein, but rather to the broadest extent consistent with the principles and novel features disclosed herein.
[0155] The above description is provided for illustrative and explanatory purposes only. Furthermore, this description is not intended to limit the embodiments of the disclosure to those disclosed herein. While several exemplary embodiments and examples have been discussed above, those skilled in the art will be able to recognize specific variations, modifications, changes, additions, and subcombinations thereof.
Claims
1. A dock bar-based display method, wherein each step is performed by a dock bar-based display device, Steps include displaying a dock bar on the electronic device's display, The steps include determining a target scene based on the content displayed in the target area of the display and / or the operating state of a target type application in the electronic device, A step of determining a target component from a plurality of preset components based on the target scene, and displaying the target component in the dock bar, wherein the preset component is used by the user to operate an application of the target type. A dock bar-based display method, comprising the steps of: re-determining a target scene in response to a user's switching operation to the target component; and updating the target component displayed in the dock bar based on the re-determined target scene.
2. The step of determining a target scene based on the content displayed in the target area of the display and / or the operating state of a target type application in the electronic device is: The step includes determining that the target scene is a first scene based on the fact that the display interface of the target type application is not displayed in the target area and / or that the target type application is not running. The step of determining the target component from multiple preset components based on the aforementioned target scene is as follows: A dock bar-based display method according to claim 1, comprising the step of determining a first component from a plurality of preset components as the target component based on the first scene, wherein the first component is used to display a first icon corresponding to an initial application, and the initial application belongs to the target type.
3. The step of determining a target scene based on the content displayed in the target area of the display and / or the operating state of a target type application in the electronic device is: The step includes determining that the target scene is a second scene based on the fact that the display interface of the target type application is displayed in the target area and / or that the target type application is running. The step of determining the target component from multiple preset components based on the aforementioned target scene is as follows: A dock bar-based display method according to claim 2, comprising the step of determining a second component from a plurality of preset components as the target component based on the second scene, wherein the second component is used to display a second icon corresponding to at least one candidate application, and the at least one candidate application belongs to the target type.
4. The target type is an audio type, and the step of determining the target scene based on the content displayed in the target area of the display and / or the operating state of the application of the target type in the electronic device is: The process includes determining that the target scene is a third scene based on the fact that at least one application of the aforementioned audio type is running and the audio playlist of the application of the aforementioned audio type is displayed in the target area, The step of determining the target component from multiple preset components based on the aforementioned target scene is as follows: A dock bar-based display method according to claim 3, comprising the step of determining a third component from the plurality of preset components as the target component based on the third scene, wherein the third component is used to display a third icon corresponding to at least one candidate audio in the audio playlist.
5. The step of re-determining the target scene in response to a user's switching operation on the target component is: A step of determining the second scene as a new target scene in response to the user's operation on the first icon, or A dock bar-based display method according to claim 3 or 4, comprising the step of determining a third scene as the new target scene in response to an operation of any of the user on the second icon.
6. In response to a user swipe operation on the second component, the steps of re-determining at least one candidate application from the target type applications and redisplaying the second component in the dock bar, or A dock bar-based display method according to claim 4, further comprising the steps of re-determining at least one playback candidate audio from the audio playback list in response to a user swipe operation on the third component, and re-displaying the third component in the dock bar.
7. The step of displaying the target component on the dock bar is, Based on the mapping relationship between the target scene and the dock bar display style, the step of determining the target display style from a preset style library, A dock bar-based display method according to claim 1, comprising the step of displaying the target component based on the target display style.
8. The process further includes the step of determining an initial component from a plurality of preset components in response to an editing operation performed by the user on the target component currently displayed in the dock bar, The step of determining the target component from multiple preset components based on the aforementioned target scene is as follows: A dock bar-based display method according to claim 2, comprising the step of determining the initial component from the plurality of preset components as the target component based on the first scene.
9. Including the display and processor, The display is configured to show a dock bar and to show the target component on the dock bar. A dock bar-based display device, wherein the processor is configured to perform the steps of: determining a target scene based on content displayed in a target area of the display and / or the operating state of a target type application in an electronic device; determining a target component from a plurality of preset components based on the target scene, wherein the preset component is used by the user to operate the target type application; and redetermining the target scene in response to a user's switching operation to the target component, and returning to the step of determining a target component from a plurality of preset components based on the target scene.
10. An electronic device including one or more processors and memory, The memory stores computer instructions, and when the computer instructions are executed by the processor, the processor causes the processor to execute a display method based on a dock bar as described in any one of claims 1 to 4 or 6 to 8, in an electronic device.