WO2025199780A1 - 屏幕分区显示方法、图形界面及电子设备 - Google Patents

屏幕分区显示方法、图形界面及电子设备

Info

Publication number
WO2025199780A1
WO2025199780A1 PCT/CN2024/083969 CN2024083969W WO2025199780A1 WO 2025199780 A1 WO2025199780 A1 WO 2025199780A1 CN 2024083969 W CN2024083969 W CN 2024083969W WO 2025199780 A1 WO2025199780 A1 WO 2025199780A1
Authority
WO
WIPO (PCT)
Prior art keywords
partition
background
application
electronic device
screen
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
PCT/CN2024/083969
Other languages
English (en)
French (fr)
Inventor
吴霞
杨媛媛
梁爽
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Honor Device Co Ltd
Original Assignee
Honor Device Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Honor Device Co Ltd filed Critical Honor Device Co Ltd
Priority to CN202480046293.9A priority Critical patent/CN121605470A/zh
Priority to PCT/CN2024/083969 priority patent/WO2025199780A1/zh
Publication of WO2025199780A1 publication Critical patent/WO2025199780A1/zh
Pending legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators

Definitions

  • the present application relates to the field of terminals, and in particular to a screen partition display method, a graphical interface, and an electronic device.
  • the present application provides a screen partition display method, a graphical interface, and an electronic device.
  • the method is applied to an electronic device including a sensor and a screen, wherein the screen includes a first partition and a second partition arranged on the same surface.
  • the first partition does not include a punched area, and the first partition displays the running interface of the application.
  • the second partition includes a punched area for setting a sensor, and the second partition displays the background and status information of the electronic device.
  • the electronic device can support users to customize the background and information displayed in the second partition, or the electronic device can intelligently adapt the background and information of the second partition according to the running interface of the first partition. This improves the display effect of the electronic device.
  • the present application provides a screen partition display method, which is applied to an electronic device including an external screen, wherein the external screen is a screen of the electronic device running in a folded state, the external screen including a first partition and a second partition, the first partition including a punch-hole area, and the second partition not including a punch-hole area, the method including: when running a first application, displaying a first chat page provided by the first application in the first partition, displaying a first background in the second partition, and the image elements and/or color elements contained in the first background belonging to the background of the first chat page; in response to a first operation, displaying a second chat page provided by the first application in the first partition, and displaying a second background in the second partition, and the image elements and/or color elements contained in the second background belonging to the background of the second chat page.
  • the design area of the electronic device is fully utilized, and the screen and sensor are designed to be compatible, which not only ensures the normal realization of the sensing function, but also provides the ability of almost full-screen display.
  • a hole is punched in the screen, and the sensor is set in the punched area, so that the area around the sensor can be expanded to the design area of the screen.
  • a matching background is displayed in the second partition, which not only weakens the sense of separation between the screen partitions to create a full-screen joint display effect, but also focuses on the content of the key partitions without affecting the user's main task interaction.
  • the first application can be a social application that can provide users with a chat function.
  • the method when the second partition displays the first background, the method further includes: displaying first information in the second partition, the first information including any one or more of the following: time, date, and capsule prompt.
  • the screen is divided into a second partition containing a perforated area and a first partition without a perforated area, and then different content is displayed in each partition.
  • the method before the second partition displays the first information, the method further includes: receiving a second operation, the second operation being used to set any one or more of the following: the text format of the first information, the layout form of the first information.
  • the method further includes: the electronic device does not receive an operation for customizing the background of the second partition.
  • the electronic device may preferentially display the corresponding background in the second partition according to the user's customization.
  • the electronic device may adaptively set the second partition to display a pre-set matching background based on the chat page displayed in the first partition.
  • the area of the first partition is smaller than the area of the second partition.
  • the first partition with a larger area can be used to display key content, that is, the application interface, and the second partition with a smaller area can be used to display relatively uncritical content, such as the time, date, reminder capsule and other status information of the electronic device.
  • the first partition and the second partition are two areas that divide the external screen horizontally; when the punching area is located on the left/right side of the external screen, the first partition and the second partition are two areas that divide the external screen vertically.
  • the method provided in this application can be used for electronic devices of different specifications, regardless of whether the sensors are arranged vertically or horizontally.
  • the method further includes: when running the second application, displaying a video playback page provided by the second application in the first partition, and displaying a fifth background in the second partition, wherein the fifth background is black.
  • the second application may be a video application that provides movie viewing services to the user.
  • the second partition is controlled to display a black background, thereby providing the user with an immersive, full-screen viewing experience.
  • the first partition is in a video playback scene (usually refers to playing a long video)
  • some status information of the electronic device such as date, time, etc.
  • some status information of the electronic device such as date, time, etc.
  • the prompt capsule is displayed in the second partition.
  • the present application provides an electronic device, comprising one or more memories, one or more processors and an external screen; the memory is coupled to the one or more processors, the memory is used to store computer program code, the computer program code includes computer instructions, and the one or more processors call the computer instructions to enable the electronic device to execute a method as described in any one of the first aspects.
  • the perforated area refers to the holes/cavities in an area, and the perforated area in the second partition is equivalent to the holes/cavities in the multi-connected area in mathematical concepts.
  • FIG. 1B exemplarily shows another screen structure.
  • the electronic device 100 in order to ensure priority response to user operations, can set the user-defined priority to be higher than the priority of the intelligent adaptation strategy. And, in order to ensure that the user can focus on the interaction In order to ensure smooth execution of tasks, the electronic device 100 can also set the priority of the intelligent adaptation policy in special scenarios to be higher than the priority of the intelligent adaptation policy in normal scenarios. In this way, if the user customizes the display effect of the second partition, the display effect of the second partition can be controlled according to the user's customized operation. If the user does not customize the display effect of the second partition, the display effect of the second partition is controlled according to the intelligent adaptation policy.
  • the display effect of the second partition can be controlled according to the intelligent adaptation strategy under the special scene. If no special scene is detected, the display effect of the second partition can be controlled according to the intelligent adaptation strategy under the normal scene.
  • the aforementioned priorities can be set by developers or users based on their needs.
  • the priority of the smart adaptation strategy for special scenarios can be set to the highest, followed by the smart adaptation strategies for custom scenarios and common scenarios. This embodiment of the present application does not impose specific limitations on this.
  • the screen partition display method provided by this application is introduced in combination with Figure 2 and only in order of priority from high to low, namely customization, intelligent adaptation strategy in special scenarios and intelligent adaptation strategy in general scenarios.
  • FIG2 exemplarily shows a method flow of screen partition display.
  • the method flow of screen partition display includes the following steps:
  • the electronic device 100 operates the screen including controlling the screen to illuminate to display content.
  • the screen includes a second partition and a first partition.
  • the structure of the screen can be found in the description of FIG. 1B above and will not be described here.
  • the electronic device controls the inner screen to illuminate and controls the outer screen to illuminate or illuminate according to other states of the electronic device.
  • the electronic device when the electronic device is running the screen, it can also be determined whether to perform partition display. If partition display is determined, the partition display strategy introduced in S22 to S27-2 below is used for display. If full-screen display is determined, it is displayed according to the corresponding full-screen display strategy.
  • the embodiment of the present application does not impose specific restrictions on the content of the full-screen display, which can be determined by the desktop or other applications to be displayed. Among them, the full-screen display scene includes, but is not limited to: displaying the desktop, weather or other applications.
  • the present application can preset the full-screen display scene, or can also preset the partition display scene, etc.
  • Phase 1 (S22 ⁇ S23-1): Custom policies are implemented first according to the preset priority order from high to low.
  • the electronic device 100 supports user customization of the display effect of the second partition in the screen. If the user has customized the display effect of the second partition, the electronic device 100 can read the customized event and then control the display effect of the second partition according to the user's customized operation (i.e., execute subsequent S23-1); if the user has not customized the display effect of the second partition, the electronic device 100 can read the uncustomized event and then control the display effect of the second partition according to the intelligent adaptation strategy (i.e., execute subsequent S23-2).
  • the intelligent adaptation strategy i.e., execute subsequent S23-2
  • the user-customized display effect of the second partition includes, but is not limited to, any one or more of the following display effects: background, foreground, or information display effects.
  • the electronic device 100 can display the set effect in the second partition based on the user's personalized setting operation for the background, foreground, or information in the second partition.
  • Phase 2 (S23-2 ⁇ S24-1): Continue to implement the intelligent adaptation strategy for special scenarios according to the preset priority from high to low.
  • the electronic device 100 can use an intelligent adaptation strategy to automatically set the display effect of the second partition instead of the user's manual operation.
  • the intelligent adaptation strategy provided in the embodiment of the present application includes intelligent adaptation strategies corresponding to special scenes and ordinary scenes, respectively.
  • the electronic device 100 preferentially detects whether the first partition conforms to the special scene.
  • the display effect of the second partition is controlled according to the intelligent adaptation strategy under the special scene (i.e., executing the subsequent S24-1); if it is determined that the first partition does not conform to the special scene, the display effect of the second partition is controlled according to the intelligent adaptation strategy under the ordinary scene (i.e., executing the subsequent S24-2 to S27-2).
  • determining that the user has not customized the display effect of the second partition of the screen includes: the user may have customized some objects in the second partition, that is, some objects have not been customized, or the user may not have customized any objects at all.
  • an intelligent adaptation strategy is used to adjust the objects that have not been customized by the user.
  • the present application can combine the customization strategy and the intelligent adaptation strategy to jointly control the display effect of the second partition.
  • the special scenarios involved in this application include but are not limited to: playing long videos, displaying chat interfaces, etc.
  • the intelligent adaptation strategies corresponding to these special scenarios are as follows:
  • the second partition is controlled to display a black background, and no dynamic foreground or partial status information of the electronic device (such as date, time, etc.) is displayed, thereby ensuring that the user can focus on the video played in the first partition without distracting the user's concentration, and creating an immersive viewing experience for the user.
  • the second partition can also display capsules. Since the information displayed in the capsule is relatively critical and has a certain display time limit, it will not be displayed for a long time to distract the user's concentration, and it can also ensure that the user can obtain the prompt information in the capsule in a timely manner.
  • the application running on the electronic device in a movie viewing scenario may also be referred to as a second application.
  • the second application may include application A shown in FIG. 4A below.
  • the first partition is in a chat scene, elements are extracted from the chat background in the first partition and displayed as the background of the second partition.
  • the extracted elements may include colors, patterns, etc., and the pattern is tiled on the color to obtain a background similar to the chat background.
  • the two partitions of the screen can be associated, thereby weakening the sense of separation between the screen partitions, enhancing the visual beauty, and giving the user a full-screen joint display visual experience.
  • the second partition can also continue to display the status information of the electronic device (such as date, time or capsule, etc.).
  • the application running on the electronic device in a chat scenario may also be referred to as a first application.
  • the first application may include application B shown in FIG. 4B below.
  • Phase 3 (S24-2 ⁇ S27-1): According to the preset priority order from high to low, finally implement the intelligent adaptation strategy under normal scenarios.
  • the intelligent adaptation strategy for the common scenario is adopted to control the display of the second partition to adapt to the first partition.
  • the intelligent adaptation strategy for the common scenario includes but is not limited to the following:
  • the content of the top-level application in the first partition is displayed as the background of the second partition after dynamic blur processing; in the embodiment of the present application, when the dynamic blur effect is used, the application in the first partition can be called a third application, and the third application includes, for example, application C shown in Figure 5A below, application D shown in Figure 5B, etc.
  • the application in the first partition can be called a fourth application, and the fourth application includes, for example, application F shown in FIG7 below.
  • the several intelligent adaptation strategies included in common scenarios can be set in descending order of priority: using dynamic blur effect, using application self-configuration effect, using dynamic color effect, and using preset default background effect.
  • the strategy with higher priority is executed first.
  • the above priority order is only an optional example. If other requirements are taken into account, the priority order can be set to other, and the embodiments of this application do not limit this.
  • the electronic device 100 prioritizes detecting whether the application displayed in the second partition belongs to the list corresponding to dynamic blur. If so, the dynamic blur effect is used to dynamically blur the content of the top-level application in the first partition and display it as the background of the second partition (that is, execute the subsequent S25-1); if not, it begins to determine whether the intelligent adaptation strategy corresponding to the next priority is met (that is, execute the subsequent S25-2 to S27-2).
  • the application displayed in the first partition is specifically the top-level application (referred to as top application) displayed in the first partition.
  • the top application refers to the application running in the foreground of the electronic device 100 and the application whose running interface is displayed at the top level in the first partition.
  • the whitelist corresponding to dynamic blur can be preset in the electronic device 100 by the developer, or an entry can be provided for the user to set it up by himself, etc., and the embodiment of the present application does not limit this.
  • a whitelist approach can be used to apply the dynamic blur effect only to whitelisted applications.
  • the electronic device 100 obtains the content of the top application displayed in the first partition in real time, blurs the content and displays it in the second partition, and dynamically updates the blurred content to ensure that the content displayed in the second partition changes dynamically with the changes in the content displayed in the first partition.
  • the content of the top application in the first partition may be compressed or partially intercepted and then blurred to serve as the background of the second partition.
  • Tab B323 includes a specific information layout and corresponding controls.
  • the information layout displays only the time and hides the capsule, and displays the time in a row by horizontal expansion.
  • the corresponding control displays the prompt text "Hide capsule 1".
  • Figure 3B c shows a user interface B33, which is an "information layout" details page provided by the electronic device 100.
  • the "information layout” details page in the user interface B33 includes but is not limited to: tab B331, tab B332, tab B333, tab B334, tab B335, and tab B336.
  • the "information layout” details page here is similar to the "information layout” details page shown in the aforementioned user interface B32, the difference being that the information layout format in the selected state is different. For the similarities between the two pages, please refer to the previous description and will not be repeated here.
  • the external screen display effect displayed in the "In-App Display” details page includes the information layout format corresponding to tab B323 (see d in FIG. 3B for details).
  • the display effect on the external screen also includes the information layout format corresponding to tab B323.
  • 3B d shows a user interface B34, which is an "app display” details page provided by the electronic device 100.
  • the "app display” details page here is, for example, a page displayed after the electronic device receives the control shown in FIG3B c to return to the previous level.
  • the "Display in App” details page in the user interface B34 includes but is not limited to: tab B341, tab B342, tab B343, tab B344, and tab B345.
  • the "Display in App” details page in the user interface B34 is similar to the aforementioned
  • the "In-app Display” details page in the user interface B31 is similar.
  • the differences between the two pages include: the partition display effect of the current external screen displayed in the tab B341 of the user interface B34 is to display the time in the second partition and hide the capsule.
  • the partition display effect of the current external screen displayed in the tab B311 of the user interface B31 is to display the time and capsule in the second partition.
  • the user interface B31-user interface B34 shown in Figure 3B in the embodiment of the present application is only an example. In other implementations, the user interface B31-user interface B34 may also include more or fewer controls. It is only necessary to ensure that a customized external screen information layout is provided, which should not constitute a limitation to the present application.
  • FIG3C exemplarily shows a set of user-defined operation interfaces for the background in the second partition.
  • FIG3C a shows user interface C31, which is the "In-App Display” details page provided by electronic device 100.
  • This details page includes, but is not limited to, tabs C311, C312, C313, C314, and C315.
  • the "In-App Display” details page in user interface C31 is identical to the "In-App Display” details page in user interface B34 described above. For details, please refer to the previous description and will not be repeated here.
  • the electronic device 100 may receive an operation acting on a control of the background shown in a of FIG. 3C .
  • the electronic device 100 may display a “background” detail page, as specifically shown in b of FIG. 3C .
  • 3C b shows a user interface C32, which is a "background” details page provided by the electronic device 100.
  • the "background” details page includes but is not limited to: tabs C321, C322, C323, and C324.
  • Tab C321 includes multiple theme cards.
  • the simple theme among the multiple theme cards is in the selected state.
  • the user can select other desired theme cards so that the electronic device 100 applies the corresponding theme on the external screen.
  • Tab C322 includes a control for turning on/off the Match ID Design feature.
  • Match ID Design applies a background to the external screen that matches the device's design, giving the user a visual experience where the background and design blend together.
  • Tab C323 includes a control for triggering the opening of the custom color function.
  • the user can use the control acting on the custom color function to expand the detailed function of the custom color, and then select the desired solid color or gradient color as the background of the external screen.
  • Tab C323 includes a control for triggering the image upload function.
  • the user can use this control to select a photo as the background for the external screen, or trigger the electronic device 100 to analyze the uploaded photo to obtain an image that matches the photo's style and use it as the background for the external screen. For the latter, the user can upload photos of their daily makeup and outfit styles, and the electronic device 100 will then use a background that matches their makeup and outfit.
  • the electronic device 100 may receive an operation for selecting the cartoon-themed card shown in b of FIG. 3C .
  • the electronic device 100 may switch the selected card from the minimalist theme to the cartoon theme and apply the cartoon theme to the outer screen, as specifically shown in c and d of FIG. 3C .
  • the operation for selecting the cartoon-themed card may be a left or right swipe operation on the card area.
  • Figure 3C c shows a user interface C33, which is a "background” details page provided by the electronic device 100.
  • the "background” details page includes but is not limited to: tab C331, tab C332, tab C333, and tab C334.
  • the "background” details page here is similar to the "background” details page shown in the aforementioned user interface C32, the difference being that the selected theme cards are different. The similarities between the two pages can be found in the previous description, which will not be repeated here. State.
  • the external screen display effect displayed in the "In-App Display” details page includes a cartoon theme background (see d in FIG. 3C for details).
  • the display effect on the external screen also includes a cartoon theme background.
  • 3C d shows a user interface C34, which is an "app display” details page provided by the electronic device 100.
  • the "app display” details page here is, for example, a page displayed after the electronic device receives the control shown in FIG3C c to return to the previous level.
  • the "In-app Display” details page in user interface C34 includes but is not limited to: tab C341, tab C342, tab C343, tab C344, and tab C345.
  • the “In-app Display” details page in user interface C34 is similar to the "In-app Display” details page in the aforementioned user interface C31.
  • the differences between the two pages include: the background previewed in tab C341 of user interface C34 is a cartoon theme, and the background displayed in tab C344 is also a cartoon theme, while the background previewed in tab C311 of user interface C31 is a simple theme, and the background displayed in tab C314 is a simple theme.
  • the user interface C31-user interface C34 shown in Figure 3C in the embodiment of the present application is only an example. In other implementations, the user interface C31-user interface C34 may also include more or fewer controls. It is only necessary to ensure that a customized external screen background is provided, which should not constitute a limitation to the present application.
  • FIG3D exemplarily shows a group of user-defined operation interfaces in the foreground of the second partition.
  • FIG3D a shows user interface D31, which is the "In-App Display” details page provided by electronic device 100.
  • This details page includes, but is not limited to, tabs D311, D312, D313, D314, and D315.
  • the "In-App Display” details page in user interface D31 is identical to the "Split Screen Personalization" details page in user interface C34. For details, please refer to the previous description and will not be repeated here.
  • the electronic device 100 may receive an operation acting on the control of the foreground shown in a of FIG. 3D .
  • the electronic device 100 may display the “foreground” details page, as specifically shown in b of FIG. 3D .
  • Tab D322 includes controls for turning off/on dynamic elements.
  • the controls in the current tab D322 are in the off state.
  • the user can click on the controls to expand the dynamic elements for the user to select.
  • the user can select the required dynamic elements to be displayed as the foreground of the second partition in the external screen.
  • the dynamic elements may be animations such as falling snowflakes, dripping rain, or swimming fish.
  • Tab D324 includes a control for triggering editing of a resource template, wherein a resource template refers to a template for displaying status information of an electronic device in the second partition of the external screen, and different templates may correspond to different display areas in the external screen.
  • FIG3D c shows user interface D33, which is a "Foreground” details page provided by electronic device 100.
  • This "Foreground” details page is similar to the "Foreground” details page shown in user interface D32.
  • the similarities between the two pages can be found in the previous description and will not be repeated here.
  • the difference between the two pages is that user interface D33 displays expanded elements for the user to select. The user can select the desired extended element (e.g., select a flower arrangement) by operating on the switch control D333a/D333b.
  • b and c in Figure 3D only exemplify a foreground setting details page.
  • the foreground details page provided by the electronic device can also directly display the various tab sheets corresponding to static elements, dynamic elements, and extended elements.
  • the tab sheets include detailed element content. Users can switch the display and select the corresponding element content by sliding left and right, thereby eliminating the need to provide a switch control. The corresponding switch must be turned on first, and the detailed element content will be expanded and displayed for selection only when the switch control is on.
  • the external screen display effect displayed in the "In-App Display” details page includes the foreground corresponding to the extended element (see d in Figure 3D for details).
  • the display effect on the external screen also includes the foreground corresponding to the extended element.
  • FIG4A b shows user interface A42, which is displayed on the external screen of electronic device 100.
  • This interface includes a second partition and a first partition.
  • the first partition displays the running interface of application A, which plays a movie provided by application A.
  • the second partition displays a black background and a capsule according to the strategy corresponding to the viewing scene in the special scene, and hides the status information of the electronic device, such as the time. This ensures that the user can focus on the movie playing in the first partition without distracting the user's concentration, creating an immersive viewing experience for the user.
  • the background displayed in the second partition shown in b in FIG. 4A may also be referred to as a fifth background.
  • FIG4B exemplarily shows an interface of screen partition display in a group of chat scenarios.
  • FIG. 4B a shows a user interface B41, which is the main interface displayed on the external screen of the electronic device 100.
  • This main interface is the same as the main interface in the aforementioned user interface A41, and the detailed introduction of this main interface can be referred to the above description and will not be repeated here.
  • the electronic device 100 After the electronic device 100 receives an operation on the icon of application B shown in a of Figure 4B, it displays the running interface of application B in the first partition in response to the operation. Then the electronic device 100 determines that the user has not customized the display effect of the second partition before, and the current first partition belongs to a chat scene in a special scene. The electronic device 100 then displays the preset effect in the second partition according to the screen partition display strategy under the special scene, specifically the user interface B42 shown in b of Figure 4B described below.
  • FIG. 4B shows a user interface B42, which is an interface displayed on the external screen of the electronic device 100.
  • the interface includes a second partition and a first partition.
  • the first partition displays the running interface of application B, and the running interface is specifically a chat interface.
  • the background displayed by the second partition is generated by extracting elements from the chat background in the first partition.
  • the extracted elements include, for example, colors and patterns, and a background similar to the chat background can be obtained by tiling the pattern on the color.
  • the two partitions of the screen can be associated, thereby weakening the sense of separation between the screen partitions, enhancing the visual beauty, and giving the user a full-screen joint display visual experience.
  • the second partition can continue to display the status information of the electronic device (such as time or capsule, etc.).
  • the chat interface in the first partition shown in b in Figure 4B can also be referred to as the first chat page
  • the background displayed in the second partition can also be referred to as the first background.
  • the image elements and color elements contained in the first background are generated after being extracted from the background of the first chat page.
  • the time, date, capsule prompt and other information displayed in the second partition can also be referred to as the first information.
  • the electronic device can receive a second operation input by the user for customizing the display effect of the first information.
  • the second operation for example, includes one or more operations shown in Figures 3A to 3D described above.
  • Figure 4B only introduces a chat page as an example. If the electronic device receives a first operation for switching to the second chat page after displaying the first chat page, the electronic device will display the second chat page provided by application B in the first partition, and display the second background in the second partition. The image elements and color elements contained in the second background are generated after being extracted from the background of the second chat page.
  • 5A-5B are schematic diagrams of interfaces for screen partition display using a dynamic blur strategy in a set of common scenarios provided by an embodiment of the present application.
  • FIG5A exemplarily shows a group of interfaces displayed by screen partitions corresponding to a dynamic blur strategy.
  • 5A a shows a user interface A51, which is the main interface displayed on the external screen of the electronic device 100.
  • This main interface is the same as the main interface in the aforementioned user interface A41, and the detailed introduction of this main interface can be referred to the above description and will not be repeated here.
  • the electronic device 100 After the electronic device 100 receives an operation on the icon of application C shown in a of Figure 5A, it displays the running interface of application C in the first partition in response to the operation. After that, the electronic device 100 determines that the first partition is not in a special scene and starts to detect whether application C in the first partition belongs to the motion blur whitelist. If so, the electronic device 100 displays the motion blur effect in the second partition, specifically the user interface shown in b and c of Figure 5A described below.
  • FIG5A b shows user interface A52, which is displayed on the external screen of electronic device 100.
  • This interface includes a second partition and a first partition.
  • the first partition displays the running interface of application C, which includes the song playback interface provided by application C.
  • the second partition displays a dynamic blurred background according to the corresponding dynamic blur strategy in ordinary scenes.
  • the dynamic blurred background is the content of application C displayed in the first partition obtained by electronic device 100 in real time, and then displayed in the second partition after being blurred.
  • Figure 5A, c shows user interface A53, which is displayed on the external screen of electronic device 100.
  • User interface A53 is similar to user interface A52, except that the song playback interface has changed. Specifically, the album icon in the first partition of user interface A53 has been rotated by a certain angle relative to the album icon in the first partition of user interface A52, and the blurred album icon in the second partition of user interface A53 has been rotated by the same angle relative to the blurred album icon in the second partition of user interface A52.
  • FIG5B b shows a user interface B52, which is displayed on the external screen of the electronic device 100.
  • the interface includes a second partition and a first partition.
  • the first partition displays the running interface of application D, which displays images provided by application D.
  • the second partition displays a dynamic blurred background according to the corresponding dynamic blur strategy in ordinary scenes.
  • the dynamic blurred background is the content of application D displayed in the first partition obtained by the electronic device 100 in real time, and then displayed in the second partition after being blurred.
  • the electronic device 100 After the electronic device 100 receives a sliding operation on the image shown in b of Figure 5B, in response to the operation, the next image is switched to be displayed in the first partition, and the dynamically blurred background is also refreshed accordingly in the second partition, specifically the user interface shown in c of Figure 5B described below.
  • Figure 5B c shows a user interface B53, which is an interface displayed on the external screen of the electronic device 100.
  • the user interface B53 is similar to the aforementioned user interface B52, except that different images are switched and displayed. Specifically, the image displayed in the first partition of the user interface B53 is switched from the front face image displayed in the first partition of the user interface B52 to a side face image, and the blurred image in the second partition of the user interface B53 is also switched from the front face image blurred in the second partition of the user interface B52 to a side face image.
  • Figures 5A and 5B only use two applications as an example to introduce the display effects corresponding to the dynamic blur strategy.
  • this application can also add more applications to the dynamic blur whitelist. For example, applications that provide short videos, images, and songs can be added to the dynamic blur whitelist. This can better integrate the applications of the second partition with the first partition.
  • Figures 5A and 5B illustrate blurring the entire background of the second partition.
  • only the background near the hole in the second partition may be blurred, while the rest of the image remains clear.
  • only the lower 1/3 of the second partition may be blurred.
  • the running interface of application D in the first partition shown in FIG5A b can also be referred to as the first page
  • the background displayed in the second partition can also be referred to as the eighth background
  • the eighth background is the blurred content of part or all of the first page.
  • the time, date, capsule prompt, and other information displayed in the second partition can also be referred to as the fourth information.
  • the electronic device can receive a fourth operation input by the user for customizing the display effect of the fourth information.
  • the fourth operation can, for example, include one or more of the operations shown in FIG3A-3D described above.
  • Figure 5A only introduces a page of application D as an example. If the electronic device receives an operation for switching to the second page after displaying the first page, the electronic device will display the second page provided by application D in the first partition and display the ninth background in the second partition. The ninth background is part or all of the content of the second page after blurring.
  • FIG6 is a diagram of a screen partition display using an application self-configuration strategy in a set of common scenarios provided by an embodiment of the present application.
  • Surface schematic diagram is a diagram of a screen partition display using an application self-configuration strategy in a set of common scenarios provided by an embodiment of the present application.
  • FIG. 6 a shows a user interface 61, which is the main interface displayed on the external screen of the electronic device 100.
  • This main interface is the same as the main interface in the aforementioned user interface A41, and the detailed introduction of the main interface can be referred to the above description and will not be repeated here.
  • the electronic device 100 After the electronic device 100 receives an operation on the icon of application E shown in a of Figure 6, it displays the running interface of application E in the first partition in response to the operation. Then the electronic device 100 determines that the first partition is not in a special scene and that application E in the first partition does not belong to the whitelist of dynamic blur. The electronic device 100 then detects whether application E self-configures the display effect of the second partition. If so, the corresponding effect is displayed in the second partition according to the self-configuration of application E, specifically the user interface shown in b of Figure 6 described below.
  • FIG6 b shows a user interface 62, which is displayed on the external screen of the electronic device 100.
  • This interface includes a second partition and a first partition.
  • the first partition displays the running interface of application E, while the second partition is displayed according to the background configured by application E.
  • This self-configured background is, for example, the same background color as the running interface of application E.
  • application E can also configure the background of the second partition to other colors, including but not limited to solid colors, gradients, etc., which are not exemplified in this application.
  • the schedule details page of number 7 is switched to be displayed in the first partition, and the background in the second partition is also refreshed accordingly following the background color of the schedule details page, as shown in the user interface shown in c of Figure 7 described below.
  • Figure 7c shows a user interface 73, which is the interface displayed on the external screen of the electronic device 100.
  • the interface includes a second partition and a first partition.
  • the first partition displays the running interface of application F.
  • the background color of the running interface of application F is switched from the aforementioned dark gray to white.
  • the electronic device 100 can obtain the white color after the switch and switch the background color of the second partition to white. In this way, the background of the second partition can be dynamically refreshed synchronously with the background of the first partition, creating a full-screen joint display visual experience for the user and improving the display aesthetics.
  • FIG8 is a schematic diagram of an interface for screen partition display using a default background strategy in a set of common scenarios provided by an embodiment of the present application.
  • the electronic device 100 After the electronic device 100 receives an operation on the icon of application G shown in a of Figure 8, the running interface of application G is displayed in the first partition in response to the operation. Then the electronic device 100 determines that the first partition is not in a special scene, and application F in the first partition neither belongs to the whitelist of dynamic blur nor has a self-configured display effect for the second partition nor supports dynamic color selection.
  • the default background is used as the background of the second partition for display, as shown in the user interface shown in b of Figure 8 described below.
  • the electronic device 100 may be equipped with or portable terminal devices with other operating systems, such as mobile phones, tablet computers, desktop computers, laptop computers, handheld computers, notebook computers, ultra-mobile personal computers (UMPCs), netbooks, as well as cellular phones, personal digital assistants (PDAs), augmented reality (AR) devices, virtual reality (VR) devices, artificial intelligence (AI) devices, wearable devices, in-vehicle devices, smart home devices and/or smart city devices, etc.
  • PDAs personal digital assistants
  • AR augmented reality
  • VR virtual reality
  • AI artificial intelligence
  • FIG9 shows a schematic diagram of the hardware architecture 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 sensor module 180, a display screen 194, etc.
  • the sensor module 180 may include a pressure sensor 180A, a touch sensor 180K, etc.
  • the processor 110 may include one or more processing units.
  • the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and/or a neural-network processing unit (NPU).
  • AP application processor
  • GPU graphics processing unit
  • ISP image signal processor
  • controller a memory
  • DSP digital signal processor
  • DSP digital signal processor
  • NPU neural-network processing unit
  • the different processing units may be independent devices or integrated into one or more processors.
  • Processor 110 may also include a memory for storing instructions and data.
  • the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.
  • the interface connection relationship between the modules illustrated in the embodiments of the present application is merely an illustrative illustration and does not constitute a structural limitation on the electronic device 100.
  • the electronic device 100 may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.
  • the internal memory 121 may include one or more random access memories (RAM) and one or more non-volatile memories (NVM).
  • the internal memory 121 may be used to store computer executable program codes, which include instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121.
  • 121 may include a program storage area and a data storage area.
  • the program storage area may store an operating system and at least one application required for a function (such as a sound playback function, an image and video playback function, etc.).
  • the data storage area may store data created during the use of the electronic device 100 (such as audio data, a phone book, etc.).
  • Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals.
  • pressure sensor 180A can be located on display screen 194.
  • a capacitive pressure sensor can include at least two parallel plates made of conductive material.
  • Electronic device 100 determines the intensity of the pressure based on this change in capacitance.
  • electronic device 100 detects the touch intensity based on pressure sensor 180A.
  • Electronic device 100 can also calculate the touch location based on the detection signal from pressure sensor 180A.
  • touch operations applied to the same touch location but with different touch intensities can correspond to different operation instructions.
  • a command to view short messages is executed.
  • a touch operation with an intensity greater than or equal to the first pressure threshold is applied to a short message application icon, a command to create a new short message is executed.
  • the touch sensor 180K is also called a "touch panel.”
  • the touch sensor 180K can be disposed on the display screen 194.
  • the touch sensor 180K and the display screen 194 form a touch screen, also called a "touch screen.”
  • the touch sensor 180K is used to detect touch operations applied thereto or in the vicinity thereof.
  • the touch sensor can transmit the detected touch operations to the application processor to determine the type of touch event.
  • Visual output related to the touch operations can be provided via the display screen 194.
  • the touch sensor 180K can also be disposed on the surface of the electronic device 100, in a location different from that of the display screen 194.
  • the present application also provides a computer program product, which includes: a computer program (also referred to as code, or instruction), which, when executed, enables a computer to execute the method executed by the electronic device in any of the above embodiments.
  • a computer program also referred to as code, or instruction
  • the program can be stored in a computer-readable storage medium, and when executed, the program can include the process steps in the above-described method embodiments.
  • the aforementioned storage medium includes various media capable of storing program code, such as ROM or random access memory (RAM), magnetic disks, or optical disks.

Landscapes

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

Abstract

一种屏幕分区显示方法、图形界面及电子设备(100)。显示方法应用于包括传感器和屏幕的电子设备(100),屏幕包括设置在同一面的第一分区和第二分区。第一分区不包括打孔区域,第一分区显示应用的运行界面,第二分区包括用于设置传感器的打孔区域,第二分区显示背景和电子设备(100)的状态信息。电子设备(100)可以支持用户自定义第二分区所显示的背景和信息,或者,电子设备(100)可以根据第一分区的运行界面来智能适配第二分区的背景和信息。

Description

屏幕分区显示方法、图形界面及电子设备 技术领域
本申请涉及终端领域,尤其涉及一种屏幕分区显示方法、图形界面及电子设备。
背景技术
目前,越来越多的电子设备具备屏幕和各种传感模器,若将屏幕和传感器设计在电子设备的同一面,则屏幕与传感器的设计区域存在冲突。
那么,在电子设备的同一面设置有传感器和屏幕的情况下,如何设计屏幕及其显示方法,才能既提升屏幕大小又提高屏幕的显示效果,则是亟待解决的问题。
发明内容
本申请提供了一种屏幕分区显示方法、图形界面及电子设备。该方法应用于包括传感器和屏幕的电子设备,该屏幕包括设置在同一面的第一分区和第二分区。其中,第一分区不包括打孔区域,第一分区显示应用的运行界面,第二分区包括用于设置传感器的打孔区域,第二分区显示背景和电子设备的状态信息。电子设备可以支持用户自定义第二分区所显示的背景和信息,或者,电子设备可以根据第一分区的运行界面来智能适配第二分区的背景和信息。从而提升了电子设备的显示效果。
第一方面,本申请提供了一种屏幕分区显示方法,该方法应用于包括外屏的电子设备,该外屏为该电子设备在折叠状态下运行的屏幕,该外屏包括第一分区和第二分区,该第一分区包括打孔区域,该第二分区不包括打孔区域,该方法包括:运行第一应用时,在该第一分区显示该第一应用提供的第一聊天页面,在该第二分区显示第一背景,该第一背景包含的图像元素和/或色彩元素属于该第一聊天页面的背景;响应于第一操作,在该第一分区显示该第一应用提供的第二聊天页面,在该第二分区显示第二背景,该第二背景包含的图像元素和/或或色彩元素属于该第二聊天页面的背景。
实施第一方面提供的屏幕分区方法后,充分利用电子设备的设计区域,兼容设计屏幕和传感器,既保证传感功能的正常实现,又提供几近全屏显示的能力。具体的,在屏幕中进行打孔,将传感器设置在打孔区域处,便可以将传感器周围的区域拓展为屏幕的设计区域。此外,还根据第一分区中应用的背景,在第二分区中显示与之匹配的背景,既弱化屏幕分区间的割裂感以营造全屏联合显示效果,又可以聚焦关键分区的内容不影响用户的主任务交互。其中,第一应用可以是社交类应用,可以为用户提供聊天功能。
结合第一方面描述的方法,在该第二分区显示第一背景时,该方法还包括:在该第二分区显示第一信息,该第一信息包括以下任一项或多项:时间、日期和胶囊提示。
这样,可以根据屏幕分区的不同特点显示不同信息,提升屏幕利用率。具体的将屏幕划分为包含打孔区域的第二分区和不含打孔区域的第一分区,然后分区显示不同内容,包括采用第二分区显示对屏幕的规则度完整度要求不高的内容(如电子设备的状态信息,即时间、日期和胶囊等),采用第一分区显示对屏幕的规则度完整度要求较高的内容(如应用的运行界面)。
结合第一方面描述的方法,在该第二分区显示第一信息之前,该方法还包括:接收到第二操作,该第二操作用于设置以下任意一项或多项:该第一信息的文本格式,该第一信息的布局形式。
这样,通过支持用户自定义屏幕分区中第二分区的显示信息,可以增强屏幕显示效果的趣味性。此外,除了支持用户自定义第二分区的显示信息外,还可以支持用户自定义第二分区中的显示背景、前景等。
结合第一方面描述的方法,在第二分区显示第一背景之前,该方法还包括:该电子设备未接收用于自定义所述第二分区的背景的操作。也就是说,若用户自定义第二分区中的背景,则电子设备可以优先按照用户自定义在第二分区中显示对应的背景,若用户为自定义第二分区的背景,则电子设备可以根据第一分区显示的聊天页面来自适应设置第二分区显示预置匹配的背景。
结合第一方面描述的方法,该第一分区的面积小于该第二分区的面积。
这样,可以将面积较大的第一分区用来显示关键内容,即应用的界面,将面积较小的第二分区用来显示相对不关键的内容,例如电子设备的时间、日期、提示胶囊等状态类信息。
结合第一方面描述的方法,当该打孔区域位于该外屏的上侧/下侧,则该第一分区和该第二分区是将该外屏横向划分的两个区域;当该打孔区域位于该外屏的左侧/右侧,则该第一分区和该第二分区是将该外屏纵向划分的两个区域。
这样,可以针对不同规格的电子设备,无论其传感器的排布形式时纵向排布或者横向排布,均可以采用本申请提供的方法。
结合第一方面描述的方法,该方法还包括:运行第二应用时,在该第一分区显示该第二应用提供的视频播放页面,在该第二分区显示第五背景,该第五背景的颜色为黑色。其中,第二应用可以是视频类应用,可以为用户提供观影服务。
这样,若第一分区处于视频播放场景(通常指播放长视频)的场景,则控制第二分区显示黑色的背景,从而为用户提供沉浸式的、类似全屏的观影体验。
结合第一方面描述的方法,在该第一分区显示该第二应用提供的视频播放页面的情况下,在该第二分区不显示时间、日期。
这样,若第一分区处于视频播放场景(通常指播放长视频)的场景,则不显示的电子设备的部分状态信息(例如日期,时间等),从而保证用户可以聚焦第一分区中播放的视频,不会分散用户的专注力,为用户营造沉浸式的观影体验。
结合第一方面描述的方法,在该第一分区显示该第二应用提供的视频播放页面的情况下,在该第二分区显示提示胶囊。
这样,若第一分区处于视频播放场景(通常指播放长视频)的场景,若有需求,第二分区还可以显示胶囊。由于胶囊显示的信息相对关键,并且具备一定显示时效,这样既不会长时间显示而分散用户的专注力,并且还可以保证用户及时获取到胶囊中的提示信息。
结合第一方面描述的方法,在第二分区显示第五背景之前,该方法还包括:该电子设备未接收用于自定义所述第二分区的背景的操作。也就是说,若用户自定义第二分区中的背景,则电子设备可以优先按照用户自定义在第二分区中显示对应的背景,若用户为自定 义第二分区的背景,则电子设备可以根据第一分区显示的视频播放页面来自适应设置第二分区显示预置匹配的背景。
结合第一方面描述的方法,运行第三应用时,在该第一分区显示该第三应用提供的第一页面,在该第二分区显示第八背景;该第八背景为,经过模糊处理后的该第一页面的部分或全部内容;在该第一分区显示该第三应用提供的第二页面,在该第二分区显示第九背景;该第九背景为,经过模糊处理后的该第二页面的部分或全部内容。其中,第三应用可以是除了第一应用和第二应用以外的应用。
这样,将第一分区中应用的内容经过动态模糊处理后作为第二分区的背景来显示,这样,既可以保证第二分区的背景与第一分区中的应用的内容同步动态刷新,又因为具有模糊效果而不影响用户关注第一分区的关键内容,给用户营造全屏联合显示的视觉体验,提升显示美感。
结合第一方面描述的方法,在该第二分区显示第八背景之前,该方法还包括:确定该第三应用属于白名单中的应用,该白名单应用不包括聊天类应用和视频类应用,即不包括前述第一应用和第二应用。也就是说,在用户未自定义第二分区中的背景的情况下,则电子设备可以优先检测第一分区中显示的内容是否为聊天页面或者视频播放页面,若不是,则可以判断第一分区的内时为白名单内的应用所提供的,若是,则按照采用动态模糊的处理效果来使第二分区显示相应的背景。
这样,可以仅对适用于动态迷糊效果的应用采用动态模糊的策略。例如,对短视频类应用可提供该动态模糊效果,而对提供聊天、观影等功能的应用则不采用动态模糊的策略。
结合第一方面描述的方法,该方法包括:响应于第三操作,运行第四应用;在该第一分区显示该第四应用提供的第三页面,在该第二分区显示第十背景;该第十背景的颜色与该第三页面的背景的颜色相同;在该第一分区显示该第四应用提供的第四页面,在该第二分区显示第十一背景;该第十一背景的颜色与该第四页面的背景的颜色相同。
这样,既可以保证第二分区的背景颜色跟随第一分区中的背景颜色同步动态刷新,给用户营造全屏联合显示的视觉体验,提升显示美感。
结合第一方面描述的方法,在该第二分区显示第十背景之前,该方法包括:确定该第四应用不属于白名单中的应用。
结合第一方面描述的方法,在该第二分区显示第八背景时,该方法还包括:在该第二分区显示第四信息,该第四信息包括以下任一项或多项:时间、日期和胶囊提示。
结合第一方面描述的方法,在该第二分区显示第四信息之前,该方法还包括:接收到第四操作,该第四操作用于设置以下任意一项或多项:该第四信息的文本格式,该第四信息的布局形式。
第二方面,本申请提供了一种电子设备,该电子设备包括一个或多个存储器、一个或多个处理器和外屏;该存储器与该一个或多个处理器耦合,该存储器用于存储计算机程序代码,该计算机程序代码包括计算机指令,该一个或多个处理器调用该计算机指令以使得该电子设备执行如第一方面中任一项所描述的方法。
第三方面,本申请提供了一种计算机可读存储介质,包括指令,当该指令在电子设备上运行时,使得该电子设备执行如如第一方面中任一项的方法。
附图说明
图1A为本申请实施例提供的一种屏幕结构的示意图;
图1B为本申请实施例提供的另一种屏幕结构的示意图;
图2为本申请实施例提供的一种屏幕分区显示方法流程示意图;
图3A-图3D为本申请实施例提供的一组自定义屏幕分区显示效果的操作界面示意图;
图4A-图4B为本申请实施例提供的一组特殊场景对应的屏幕分区显示的界面示意图;
图5A-图5B为本申请实施例提供的一组动态模糊对应的屏幕分区显示的界面示意图;
图6为本申请实施例提供的一组应用自配置对应的屏幕分区显示的界面示意图;
图7为本申请实施例提供的一组动态取色对应的屏幕分区显示的界面示意图;
图8为本申请实施例提供的一组默认背景对应的屏幕分区显示的界面示意图;
图9为本申请实施例提供的电子设备的硬件架构示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行清楚、详尽地描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;文本中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
在本申请中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本申请所描述的实施例可以与其它实施例相结合。
本申请以下实施例中的术语“用户界面(user interface,UI)”,是应用程序或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接收形式之间的转换。用户界面是通过java、可扩展标记语言(extensible markup language,XML)等特定计算机语言编写的源代码,界面源代码在电子设备上经过解析,渲染,最终呈现为用户可以识别的内容。用户界面常用的表现形式是图形用户界面(graphic user interface,GUI),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的文本、图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
目前,用户对电子设备中传感器的功能、数量等的需求较高,为此,传感器在电子设备中的设计区域越来越大,相应的,导致屏幕在电子设备中的设计区域受到了限制。以传感器为电子设备的摄像头,屏幕为电子设备的外屏为例,该外屏的设计区域受到摄像头的限制,具体可参考图1A。
图1A示例性示出一种屏幕结构。
图1A所示的电子设备为可折叠的电子设备,该电子设备的屏幕包括内屏和外屏,内屏是指电子设备处于展开状态时所运行的屏幕,外屏是指电子设备处于折叠状态时所运行的屏幕。在外屏和摄像头均设置在电子设备的同一面(即外壳所在的一面)的情况下,为了既保证摄像功能的正常实现,又保证摄像头不影响外屏的显示效果,则采用摄像头所在区域以外的,规则且完整的区域作为外屏的设计区域。其中,规则区域特指例如矩形、圆形等的区域,完整的区域是指无孔洞的单联通区域,这样才可以保证显示效果的完整性和规则性。
图1A仅以一个示例性的场景来介绍该种屏幕设计方法,类似的,在电子设置其他类型的传感器、屏幕的场景下,若传感器和屏幕需要设计在电子设备的同一面,均可能采用如图1A所示的屏幕设计方法,在此暂不一一举例。
基于图1A所示的屏幕设计可知,在电子设备的传感器与屏幕的设计区域存在冲突的情况下,虽然图1A所示的屏幕设计可以提供规则的显示区域,但是该屏幕设计没能充分利用电子设备的设计区域,例如没有充分利用摄像头的周边区域,这样设计出的屏幕较小,带给用户的交互体验不佳。
为了解决前述问题,本申请提供了一种屏幕分区显示方法、图形界面及电子设备。该方法应用于包括传感器和屏幕的电子设备,该屏幕包括设置在同一面的第一分区和第二分区。其中,第一分区不包括打孔区域,第一分区显示应用的运行界面,第二分区包括用于设置传感器的打孔区域,第二分区显示背景和电子设备的状态信息。电子设备可以支持用户自定义第二分区所显示的背景和信息,或者,电子设备可以根据第一分区的运行界面来智能适配第二分区的背景和信息。
接下来,先介绍本申请涉及的一些相关概念。
传感器包括但不限于以下任意一种或多种:图像传感器(即摄像头),环境光传感器,或者接近光传感器等。
屏幕包括但不限于以下任意一种或多种:设置在电子设备的同一面的屏幕,外屏,内屏,或者无内外区分的屏幕(即非折叠式设备的屏幕)等。
第二分区和第一分区是指屏幕中所包含的相互连接且互不重叠的两个子区域,关于该两个区域的结构还可以参考下文对图1B所示的屏幕结构的介绍,在此暂不赘述。
打孔区域是指一块区域中的孔/洞,第二分区中的打孔区域相当于数理概念中多联通区域中的孔/洞。
应用的运行界面是指应用运行时显示的页面,包括但不限于界面背景、界面前景或界面信息中的一项或多项。例如,本申请中第一分区的应用的运行界面包括但不限于:启动应用后所显示的主页面、加载页、引导页、详情页等等,其中,每个页面均可包括信息,或者还可以包括背景及前景等。本申请所指的应用可以是系统应用或者第三方应用等。
界面背景是指页面中最底部的图层(即背景层)所包含的内容。例如,本申请中第二分区的背景层可用于显示静态图像,例如纯色图像、渐变图像或者具备图案的图像等的背景。此外,若第二分区需要显示动态图像,则可以通过在前景层绘制动效来显示。
界面前景是指页面中中间层(即背景层之上)的图层所包含的内容。例如,本申请中第二分区的前景层可用于显示静态图像,动态图像,或者延伸图像等,其中,延伸图像是指图像中部分元素可突破第二分区延伸至第一分区中限制。
界面信息是指页面中顶层(即背景层、前景层之上)的图层所包含的内容。例如,本申请中第二分区的信息层包括但不限于:日期,时间或者胶囊等内容。其中,者胶囊等用于显示电子设备运行的应用的关键信息,以打车类软件为例,胶囊中可以显示当前打到车的车牌号。通常情况下,电子设备的状态信息均由电子设备的系统级服务提供,特别的,在电子设备的厂商与第三方应用的厂商合作的情况下,也可以由第三方应用通过胶囊或者其他显示形式来提供应用的关键信息。
基于前述概念介绍可知:一方面,应用的运行界面中包含的信息及其布局均在实时变化,导致应用的运行界面对屏幕的规则度、完整度要求较高,为了保证运行界面中信息的完整显示,可采用第一分区来显示应用的运行界面。另一方面,电子设备的状态信息及其布局均无较大变化,只需预先设定状态信息的显示位置即可不受打孔区域的影响,也就是说电子设备的状态信息对屏幕的规则度、完整度要求较低,基于此,可采用第二分区来显示电子设备的状态信息。此外,为了提升第二分区和第一分区的显示效果,还可以在第二分区中显示用户自定义的或者电子设备智能适配的背景、前景和信息等。关于用户自定义和智能适配的具体实现可以参考后文的描述,在此暂不赘述。
实施本申请提供的显示方法、图形界面及电子设备后,可以带来以下有益效果:
(1)充分利用电子设备的设计区域,兼容设计屏幕和传感器,既保证传感功能的正常实现,又提供几近全屏显示的能力。具体的,在屏幕中进行打孔,将传感器设置在打孔区域处,便可以将传感器周围的区域拓展为屏幕的设计区域。
(2)弱化屏幕中传感器对显示效果的影响。具体的,将屏幕划分为包含打孔区域的第二分区和不含打孔区域的第一分区,然后分区显示不同内容,包括采用第二分区显示对屏幕的规则度完整度要求不高的内容(如电子设备的状态信息),采用第一分区显示对屏幕的规则度完整度要求较高的内容(如应用的运行界面)。
(3)支持用户自定义屏幕分区的背景、前景及信息,增强趣味性。
(4)支持智能适配屏幕分区的背景、前景及信息,既弱化屏幕分区间的割裂感以营造全屏联合显示效果,又可以聚焦关键分区的内容不影响用户的主任务交互。
接下来结合图1B来介绍本申请提供的屏幕分区显示方法所涉及的屏幕结构。
图1B示例性示出另一种屏幕结构。
如图1B所示,本申请提供的显示方法应用于电子设备100。该电子设备100的屏幕包括内屏和外屏,内屏是指电子设备100处于展开状态时所运行的屏幕,外屏是指电子设备100处于折叠状态时所运行的屏幕。其中,外屏可以被划分为多个区域,可选的,划分的多个区域包括第二分区和第一分区第二分区第一分区,第二分区为多联通区域(即有孔区域),第一分区为单联通区域(即无孔区域),第二分区中的孔用于设置传感器模组。
基于图1B所示的屏幕设计,为了既拓展屏幕大小又避免屏幕中用于设置传感器的打孔 区域影响显示效果,则将整个屏幕划分为包括打孔区域的第二分区和不包括打孔区域的第一分区。然后,通过第二分区和第一分区来分别显示不同类型的内容,包括采用第二分区显示对屏幕的规则度完整度要求不高的内容(如电子设备的状态信息),采用第一分区显示对屏幕的规则度完整度要求较高的内容(如应用的运行界面),可见该屏幕分区显示方法可以避免打孔区域处的传感器对屏幕显示内容的影响。关于具体的屏幕分区显示方法可以参考下文对图2的介绍,关于屏幕分区显示的用户界面可以参考后文图3A-图8的UI实施例。
图1B仅示例性示出本申请提供的一种屏幕设计,不应构成对本申请的限制,本申请提供的屏幕分区显示方法还可以应用在其他屏幕设计中,具体如下:
在本申请提供的其他屏幕设计中,第二分区和第一分区的划分方向除了纵向划分外还可以横向划分,屏幕的分区划分方向具体取决于传感器的打孔区域的排布方向,若打孔区域为纵向排布,则第二分区和第一分区可以纵向划分;若打孔区域为横向排布的,则第二分区和第一分区可以横向划分。
在本申请提供的其他屏幕设计中,屏幕中的打孔区域的数量还可以是一个或更多个,打孔区域的数量具体取决于对传感器的设计,若打孔区域为一个,则该一个打孔区域可用于设置一个传感器或者可用于设置集成为一体的多个传感器;若打孔区域为多个,则每个打孔区域均可用于设置一个或多个传感器。
在本申请提供的其他屏幕设计中,采用分区设计的屏幕除了外屏以外还可以是内屏,也可以是没有内外屏之分的电子设备100的屏幕(如非折叠式电子设备100的屏幕)。虽然,通常情况下,电子设备100的内屏所在面中所设置的传感器的数量较少、区域较小,即电子设备100内屏所在面的传感器几乎不影响内屏的显示效果,故无需对内屏采用本申请提供的屏幕分区显示方法。但是,在特殊情况下,若电子设备100的内屏所在面中设置的传感器的数量较多、区域较大,则可以采用本申请提供的屏幕分区显示方法。总之,对于传感器和屏幕的设计区域存在冲突的情况,均可以采用本申请提供的屏幕分区设计和屏幕分区显示方法。
基于前述对屏幕分区结构的介绍可知,在将屏幕进行分区显示不同类型内容时,可以避免打孔区域的传感器影响屏幕显示的内容。在此基础上,为了进一步提高屏幕分区显示效果,还需进一步改进分区的背景、前景及信息的显示效果等,为此,本申请提供的屏幕分区方法还包括:自定义和智能适配策略(包括特殊场景和普通场景分别对应的智能适配策略)。其中,自定义旨在满足用户的个性化设置需求;特殊场景下的智能适配策略旨在让用户可以聚焦第一分区中进行的任务,弱化第二分区对第一分区的影响;普通场景下的智能适配策略旨在带给用户全屏联合显示的视觉体验,增强视觉美感,弱化第二分区与第一分区的割裂感。本申请所述的特殊场景和普通场景的名称仅为示例,不应构成对本申请的限制,关于其本质均记载在后文的方法实施例及UI实施例中。本申请所述的特殊场景和普通场景也可以分别称作第一类场景和第二类场景,或者,第一类型场景和第二类型场景,等等。本申请对此不做限定。
在一种可实施的方式下,为了保证优先响应用户的操作,电子设备100可以将用户自定义的优先级设置为高于智能适配策略的优先级。以及,为了保证用户能够聚焦正在交互 的任务,使得任务顺畅执行,则电子设备100还可以将特殊场景下的智能适配策略的优先级设置为高于普通场景下的智能适配策略的优先级。这样,在用户自定义第二分区的显示效果的情况下,可以优先按照用户的自定义操作来控制第二分区的显示效果,在用户未自定义第二分区的显示效果的情况下则按照智能适配策略来控制第二分区的显示效果。
在用户未自定义第二分区的显示效果的情况下,若检测到特殊场景,则可以优先按照特殊场景下的智能适配策略来控制第二分区的显示效果,在未检测到特殊场景的情况下则按照普通场景下的智能适配策略来控制第二分区的显示效果。
在其他可实施的方式中,前述优先级可由开发人员或者用户根据需求来设置,例如,可以将特殊场景下的智能适配策略的优先级设置为最高,然后依次为自定义和普通场景下的智能适配策略。本申请实施例对此不作具体的限制。
接下来,结合图2并仅以优先级由高到低依次为自定义,特殊场景下的智能适配策略和普通场景下的智能适配策略来介绍本申请提供的屏幕分区显示方法。
图2示例性示出一种屏幕分区显示方法流程。该屏幕分区显示的方法流程包括以下步骤:
S21,电子设备运行屏幕。
具体的,电子设备100运行屏幕包括控制屏幕亮屏以显示内容,该屏幕包括第二分区和第一分区,关于该屏幕的结构可以参看前文对图1B的描述,在此暂不赘述。在折叠状态下,电子设备控制内屏灭屏,根据电子设备的其他状态控制外屏的显示或者灭屏。
可选的,在电子设备运行屏幕时,还可以先确定是否进行分区显示,若确定分区显示,则采用后文S22~S27-2所介绍的分区显示策略进行显示。若确定全屏显示,则按照对应的全屏显示策略进行显示,本申请实施例对全屏显示的内容不作具体限制,具体可以由待显示的桌面或其他应用而决定。其中,全屏显示的场景例如包括但不限于:显示桌面、天气或者其他应用程序的场景,本申请可以预置全屏显示的场景,或者也可以预置分区显示的场景等。
阶段一(S22~S23-1):根据预设的优先级由高到低的顺序,优先实施自定义策略。
S22,确定用户是否自定义屏幕中第二分区的显示效果。
具体的,电子设备100支持用户自定义屏幕中第二分区的显示效果,若用户已经自定义第二分区的显示效果,则电子设备100可以读取到该自定义事件,进而按照用户的自定义操作来控制第二分区的显示效果(即执行后续S23-1);若用户未自定义第二分区的显示效果,则电子设备100可以读取到未自定义事件,进而按照智能适配的策略来控制第二分区的显示效果(即执行后续S23-2)。
S23-1,若确定用户已自定义屏幕中第二分区的显示效果,则基于用户的自定义操作来控制第二分区的显示效果。
具体的,用户自定义第二分区的显示效果包括但不限于以下任意一项或多项的显示效果:背景、前景,或者信息等的显示效果。电子设备100可以根据用户对第二分区中背景,前景,或信息的个性化设置操作,在第二分区中显示设置后的效果。
特别的,在S23-1中,用户可能自定义第二分区的全部对象或部分对象的显示效果,例如仅定义了字体、粗细、颜色的显示效果,而没有自定义布局或背景的显示效果,针对用户没有自定义的显示对象,则也可以继续采用后文介绍的智能适配策略。
关于S23-1中涉及的自定义第二分区的显示效果的具体实现可以参考后文UI实施例中对图3A-图3D的描述,在此暂不赘述。
阶段二(S23-2~S24-1):根据预设的优先级由高到低的顺序,继续实施特殊场景下的智能适配策略。
S23-2,若确定用户未自定义屏幕中第二分区的显示效果,则确定第一分区是否符合特殊场景。
具体的,在用户未自定义第二分区的显示效果的情况下,则电子设备100可以采用智能适配策略代替用户的手动操作来自动设置第二分区的显示效果。本申请实施例提供的智能适配策略包括特殊场景和普通场景分别对应的智能适配策略,在特殊场景的优先级高于普通场景的情况下,则电子设备100优先检测第一分区是否符合特殊场景,若检测到符合特殊场景则按照特殊场景下的智能适配策略来控制第二分区的显示效果(即执行后续的S24-1);若确定第一分区不符合特殊场景,则按照普通场景下的智能适配策略来控制第二分区的显示效果(即执行后续的S24-2~S27-2)。
特别的,在S23-2中,确定用户未自定义屏幕中第二分区的显示效果包括:用户可能自定义第二分区的部分对象即部分对象未自定义,或者用户也可能完全未自定义任何对象。针对前者,则在S23-2~S27-2中,采用智能适配策略来调整未被用户自定义的对象。也就是说,本申请可以结合使用自定义策略和智能适配策略来共同控制第二分区的显示效果。
S24-1,若确定第一分区符合特殊场景,则采用特殊的智能适配策略控制第二分区的显示效果。
具体的,本申请所涉及的特殊场景包括但不限于:播放长视频、显示聊天界面等等。相应的,这些特殊场景分别对应的智能适配策略如下:
(1)若第一分区处于观影场景(通常指播放长视频)的场景,则控制第二分区显示黑色的背景,并且不显示动态的前景也不显示的电子设备的部分状态信息(例如日期,时间等),从而保证用户可以聚焦第一分区中播放的视频,不会分散用户的专注力,为用户营造沉浸式的观影体验。特别的,在第一分区处于观影场景下,若有需求,第二分区还可以显示胶囊。由于胶囊显示的信息相对关键,并且具备一定显示时效,这样既不会长时间显示而分散用户的专注力,并且还可以保证用户及时获取到胶囊中的提示信息。
在本申请实施例中,电子设备处于观影场景下所运行的应用还可以称为第二应用,例如,第二应用可以包括后文图4A所示的应用A。
(2)若第一分区处于聊天场景,则从第一分区中的聊天背景中提取元素将其作为第二分区的背景去显示,其中,提取的元素可能包括色彩、图案等,将图案平铺在该色彩上即可得到与聊天背景相似的背景,这样可以关联屏幕的两个分区,从而弱化屏幕分区间割裂感,增强视觉美感,带给用户全屏联合显示的视觉体验。此外,还第二分区还可以继续显示电子设备的状态信息(例如日期,时间或者胶囊等)。
在本申请实施例中,电子设备处于聊天场景下所运行的应用还可以称为第一应用,例如,第一应用可以包括后文图4B所示的应用B。
本申请提供的特殊场景仅以前述两种为例进行介绍,除此之外,若还有其他场景对第二分区显示效果存在其他特殊需求,则也可以对该场景预置对应的显示效果,本申请实施例对特殊场景的具体类型不作限制。
关于S24-1中涉及的特殊场景下的智能适配策略对应的显示效果可以参考后文UI实施例对图4A-图4B的描述,在此暂不赘述。
阶段三(S24-2~S27-1):根据预设的优先级由高到低的顺序,最后实施普通场景下的智能适配策略。
S24-2,若确定第一分区不符合特殊场景,则确定第一分区显示的应用是否属于动态模糊对应的白名单。
具体的,在确定第一分区不符合特殊场景的情况下,则开始采用普通场景下的智能适配策略来控制第二分区显示与第一分区适配的效果,该普通场景下的智能适配策略包括但不限于以下:
(1)采用动态模糊效果:将第一分区中顶层应用的内容经过动态模糊处理后作为第二分区的背景来显示;在本申请实施例中,采用动态模糊效果时,第一分区中的应用可以称为第三应用,该第三应用例如包括后文图5A所示的应用C、图5B所示的应用D等。
(2)采用应用自配置效果:将第一分区中顶层应用对第二分区自配置的背景作为第二分区的背景来显示;
(3)采用动态取色效果:从第一分区中顶层应用的背景提取素材作为第一区域的背景来显示;在本申请实施例中,采用动态取色效果时,第一分区中的应用可以称为第四应用,该第四应用例如包括后文图7所示的应用F等。
(4)采用预置默认背景的效果:将电子设备100提供的默认背景作为第二分区的背景来显示。
综合考虑到更好的将第二分区与第一分区的应用进行融合显示,以及考虑到满足应用的自配置需求,可以将普通场景下包括的几种智能适配策略按照优先级由高到低的顺序依次设置为:采用动态模糊效果,采用应用自配置效果,采用动态取色效果,采用预置默认背景的效果,优先级越高的策略越优先执行。前述优先级顺序仅为一种可选的示例,若考虑到其余需求,则可以将优先级顺序设置为其他,本申请实施例对此不作限制。
基于前述优先级顺序可知,则在S24-2中,电子设备100优先检测第二分区显示应用是否属于动态模糊对应的名单,若是,则采用动态模糊效果将第一分区中顶层应用的内容经过动态模糊处理后作为第二分区的背景来显示(即执行后续S25-1);若否,则开始判断是否满足下一个优先级所对应的智能适配策略(即执行后续S25-2~S27-2)。
需要说明的是,对图2中普通场景下的几种智能适配策略判断的顺序仅仅是一个示例,实际上,电子设备可以根据当前的场景直接和几种普通场景比较(匹配),匹配到哪一种普通场景,则采用该场景适用的策略进行界面显示,对普通场景下的几种智能适配策略的优先级设置,并不影响方法的执行顺序。
其中,第一分区中显示的应用具体为第一分区中显示的顶层应用(简称top应用),top应用是指电子设备100前台运行的应用,并且在第一分区中顶层显示运行界面的应用。
其中,动态模糊对应的白名单可以由开发人员预置在电子设备100中,或者也可以提供入口供用户自行设置等,本申请实施例对此不作限制。
可选的,为了降低电子设备的功耗,可以通过白名单措施来仅对白名单中的应用采取动态模糊效果。除此之外,也可以在排除前述特殊场景的情况下,对所有应用均采用动态模糊效果,也就是说,本申请实施例对此不作显示,具体可以根据电子设备的性能等来做设定。
S25-1,若确定第一分区显示的应用属于动态模糊对应的白名单,则将第一分区中应用的内容经过模糊处理后作为第二分区的背景来显示。
具体的,电子设备100实时获取第一分区中显示的top应用的内容,将该内容进行模糊处理后显示在第二分区中,并且动态更新经过模糊处理的内容,从而保证第二分区显示的内容跟随第一分区显示的内容的变化而动态变化。
可选的,在第二分区的面积小于第一分区的面积的情况下,则可以将第一分区中顶层应用的内容经过压缩或者截取部分后,再进行模糊处理的结果,来作为第二分区中背景。
关于S25-1中设计的采用动态模糊效果对应的显示效果可以参考后文UI实施例中对图5A-图5B的描述,在此暂不赘述。
S25-2,若确定第一分区显示的应用不属于动态模糊对应的白名单,则确定第一分区显示的应用是否自配置第二分区的显示效果。
基于前述S24-2所述的优先级顺序可知,在第一分区的显示应用(具体指top应用)不属于动态模糊对应的白名单的情况下,则电子设备100开始判断是否满足下一个优先级所对应的智能适配策略,即判断第一分区显示的应用(具体指top应用)是否自配置第二分区的显示效果,若是,则基于应用的自配置来控制第二分区的显示效果(即执行后续S26-1);若否,则开始判断是否满足下一个优先级所对应的智能适配策略(即执行后续S26-2~S27-2)。
其中,应用自配置第二分区的显示效果是指,由该应用的开发人员在开发应用时所配置的第二分区的背景或其他资源。例如,开发人员可以对第一应用配置第二分区的背景对应的色彩值,或者还可以对第一应用配置第二分区的电子设备的状态信息对应的显示形式等。
S26-1,若确定第一分区显示的应用自配置第二分区的显示效果,则基于应用的自配置来控制第二分区的显示效果。
具体的,若确定第一分区显示的应用(具体指top应用)自配置第二分区的显示效果,例如,当该应用被配置了第二分区的背景色,则在电子设备100运行该应用时,第一分区显示第一应用的运行界面,第二分区中显示的背景为该应用被配置的色彩值。又例如,当该应用被配置了第二分区的电子设备的状态信息的显示形式,则在电子设备100运行该应用时,第一分区显示第一应用的运行界面,第二分区中显示的电子设备的状态信息的显示 形式为应用自配置的形式,该形式包括但不限于字体、粗细、颜色等等。
关于S26-1中涉及的采用应用的自配置效果所对应的显示效果可以参考后文UI实施例中对图6的描述,在此暂不赘述。
S26-2,若确定第一分区显示的应用未自配置第二分区的显示效果,则确定第一分区显示的应用是否支持获取运行界面的背景。
基于前述S24-2所述的优先级顺序可知,在第一分区显示的应用(具体指top应用)未配置第二分区的显示效果的情况下,则电子设备100开始判断是否满足下一个优先级所对应的智能适配策略,即判断第一分区显示的应用(具体指top应用)是否支持获取运行界面的背景色:若是,则获取该应用的背景,并控制第二分区的背景显示对应的色彩值(即执行后续S27-1);若否,则采用预置的默认背景,来控制第二分区的背景显示对应的色彩值(即执行后续S27-2)。
其中,应用运行界面的背景是指应用运行时在第一分区显示的色彩值,该背景色可从应用的程序代码中识别到。
S27-1,若确定第一分区显示的应用支持获取背景色,则获取该应用的背景并控制第二分区的背景显示对应的色彩值。
具体的,若确定第一分区显示的应用支持获取背景,例如该应用支持读取其代码以获取背景色,则电子设备100可以获取该应用的背景并控制第二分区的背景显示对应的色彩值。
在一种可选的实施方式中,第二分区的背景对应的色彩值与读取到的第一分区的背景对应的色彩值相同,并且,随着第一分区中应用运行界面的背景刷新第二分区中的背景也会动态的随之刷新,从而增强第二分区和第一分区的融合度,带给用户一种全屏联合显示的视觉体验。
在另一种可选的实施方式中,第二分区的背景对应的色彩值与读取到的第一分区的背景对应的色彩值相近,并且,随着第一分区中应用运行界面的背景色刷新第二分区中的背景色也会动态的随之刷新,这样既可以一定程度上融合第二分区和第一分区,又可以帮助用户聚焦第一分区的重要信息。
关于S27-1中涉及的采用从应用中动态取色的策略所对应的显示效果可以参考后文UI实施例中对图7的描述,在此暂不赘述。
S27-2,若确定第一分区显示的应用不支持获取背景色,则采用预置的默认背景,来控制第二分区的背景显示对应的色彩值。
具体的,若确定第一分区显示的应用不支持获取背景,则电子设备100采取默认措施,即采用预置的默认背景作为第二分区的背景进行显示。其中,默认背景可以是纯色或者渐变色等,其具有百搭的特性,优选的可以是饱和度较低的色系。
关于S27-2中涉及的采用预置默认背景色的策略所对应的显示效果可以参考后文UI实施例中对图8的描述,在此暂不赘述。
基于前文介绍的屏幕分区显示方法,接下结合图3A-图8来一一介绍各个显示策略对应的屏幕分区显示效果。
图3A-图3D为本申请实施例提供的一组自定义屏幕分区显示效果的操作界面示意图。
图3A示例性示出一组用户自定义第二分区中文本格式的操作界面。
图3A的a示出用户界面A31,该用户界面A31为电子设备100提供的系统设置项“外屏专区”详情页。该“外屏专区”详情页是指用于自定义屏幕分区显示效果的设置页面,具体可以通过电子设备100的设置应用提供的“外屏专区”选项来打开该详情页。由于,本申请提供的屏幕分区显示方法以应用在外屏为例进行介绍,这里将用于自定义屏幕分区显示效果的设置页面称为“外屏专区”详情页,“外屏专区”这一名称仅为示例,还可以被称为“分区显示”、“屏幕分区”等其他名称,本申请实施例对此不作限制,关于“外屏专区”提供的功能则具体记载在下文中。
用户界面A31中的“外屏专区”详情页包括但不限于:选项卡A311、选项卡A312、选项卡A313和选项卡A314。
选项卡A311包括触发对外屏个性化设置的控件,选项卡A311中可以显示当前外屏样式的预览。用户可以向选项卡A311中的相应控件输入操作,以实现后续具体的个性化设置操作。
选项卡A312包括触发对外屏的锁屏卡片进行编辑的控件,选项卡A312中可以显示天气卡片、运动卡片和音乐卡片等。用户可以向选项卡A312中的相应控件输入操作,以实现的锁屏卡片设置。
选项卡A313包括触发对外屏的桌面应用进行编辑的控件,选项卡A313中可以显示当前添加的桌面应用的数量,例如24个应用。用户可以向选项卡A313中的相应控件输入操作,以实现后续的添加、删除外屏的桌面应用等。
选项卡A314包括触发对外屏其他功能进行设置的控件组,例如包括息屏显示、应用内显示、合上手机和接听与挂断等功能分别对应的设置控件。用户可以向选项卡A314中的相应控件输入操作,以实现后续具体设置操作。
电子设备100可以接收到作用于图3A的a中所示的,选项卡A314中的应用内显示的控件的操作,响应于该操作,电子设备100可以显示“应用内显示”详情页,具体如图3A的b所示。
图3A的b示出用户界面A32,该用户界面A32为电子设备100提供的“应用内显示”详情页。该“应用内显示”详情页是指用于进一步个性化设置,在显示应用界面时屏幕分区显示效果的页面。由于本申请提供的屏幕分区显示方法主要以外屏显示应用的情况为例进行介绍,这里将用于进一步个性化设置屏幕分区显示效果的页面称为“应用内显示”详情页,“应用内显示”这一名称仅为示例,还可以被称为“应用内显示分区个性化”等其他名称,本申请实施例对此不作限制,关于“应用内显示”提供的功能则具体记载在下文中。
用户界面A32中的“应用内显示”详情页包括但不限于:选项卡A321、选项卡A322、选项卡A323、选项卡A324和选项卡A325。
选项卡A321中可以预览当前外屏的分区显示效果。例如,第一分区显示应用X的界面,该应用X仅为示例,主要用于为用户展示在应用内的分区显示效果,本申请对应用X不作具体限定,第二分区的背景为用户自定义的简约背景,第二分区还显示电子设备的状态信息,例如时间和胶囊,其中胶囊包含当前的打车信息。
选项卡A322包括触发对文本格式进行编辑的控件,选项卡A322中可以显示当前正在应用的文本格式(例如楷体/适中/黑色)。用户可以向选项卡A322中的相应控件输入操作,以实现后续具体的文本格式设置操作。
选项卡A323包括触发对信息布局进行编辑的控件,选项卡A323中可以显示当前正在应用的信息布局(例如时间+胶囊)。用户可以向选项卡A323中的相应控件输入操作,以实现后续的具体的信息布局编辑操作。
选项卡A324包括触发展开背景设置项的控件,选项卡A324中还可以显示当前正在应用的背景,例如简约主题。用户可以向选项卡A324中的相应控件输入操作,以展开背景设置项实现后续选择背景的操作。
选项卡A325包括触发展开前景设置项的控件,选项卡A325中还可以显示当前正在应用的前景,若未应用正则显示未应用。用户可以向选项卡A325中的相应控件输入操作,以展开前景设置项实现后续选择前景的操作。
电子设备100可以接收到作用于图3A的b中所示的文本格式的控件(选项卡A322)上的操作,响应于该操作,电子设备100可以显示“文本格式”详情页,具体如图3A的c所示。
图3A的c示出用户界面A33,该用户界面A33为电子设备100提供的“文本格式”详情页。该“文本格式”详情页是指用于进一步个性化设置屏幕分区中文本格式的页面。
用户界面A33中的“文本格式”详情页包括但不限于:选项卡A331、选项卡A332、选项卡A333。
选项卡A331包括多个字体对应的控件,例如楷体、华文行楷或Agency FB等字体分别对应的控件。用户可以向选项卡A331中的相应控件输入操作,以选择相应的字体,处于选中状态的字体(例如楷体)则被应用在外屏的文本中,具体可被应用在本申请所述的第二分区中显示的时间、日期中。
选项卡A332包括多种粗细程度分别对应的控件,例如细、适中或粗等分别对应的控件。用户可以向选项卡A332中的相应控件输入操作,以选择相应的粗细,处于选中状态的粗细(例如适中)则被应用在外屏的文本中,具体可被应用在本申请所述的第二分区中显示的时间、日期中。
选项卡A333包括多种颜色分别对应的控件,例如、黑色、灰色、粉色、蓝牙分别对应的控件,选项卡A333还包括色卡对应的控件,以及智能取色功能对应的控件。用户可以向选项卡A333中的相应控件输入操作以选择相应的颜色,或者用户还可以向选项卡A333中的色卡对应的控件输入操作以在展开的色卡中选择相应的颜色,处于选中状态的颜色(例如黑色)则被应用在外屏的文本中,具体可被应用在本申请所述的第二分区中显示的时间、日期中。可选的,用户还可以开启智能取色功能,开启智能取色功能后,则电子 设备100采用与背景色相匹配的颜色,例如当背景色为白色时,则匹配到的文本对应的颜色可以是黑色、蓝色、绿色等等。
电子设备100可以接收到作用于图3A的c中所示的华文行楷对应的控件和粗对应的控件上的操作,响应于该操作,电子设备100可以将选中状态的字体由楷体切换为华文行楷,将选中状态的粗细程度由适中切换为粗,具体如图3A的d所示。
图3A的d示出用户界面A34,该用户界面A34为电子设备100提供的“文本格式”详情页。用户界面A33中的“文本格式”详情页包括但不限于:选项卡A341、选项卡A342、选项卡A343。此处的“文本格式”详情页与前述用户界面A33中所示的“文本格式”详情页类似,其区别在于,处于选中状态的字体与粗细程度不同。
在用户选择华文行楷和粗对应的文本格式后,若电子设备100返回上一级即返回至“应用内显示”详情页,则“应用内显示”详情页中显示的外屏显示效果中所包含的文本格式为华文行楷和粗(具体参见图3B的a)。或者,在用户打开电子设备100的外屏后,则外屏中的显示文本格式为华文行楷和粗。
本申请实施例中图3A所示的用户界面A31-用户界面A34仅为示例,在其他实施方式中,用户界面A31-用户界面A34中还可能包括更多或者更少的控件,保证提供自定义外屏显示效果(例如文本格式、信息布局、背景和前景)的操作入口即可,其不应构成对本申请的限制。
图3B示例性示出一组用户自定义第二分区中信息布局的操作界面。
图3B的a示出用户界面B31,该用户界面B31为电子设备100提供的“应用内显示”详情页,此处的“应用内显示”详情页例如是在电子设备接收到作用于图3A的d中所示的返回上一级的控件后所显示的页面。
用户界面B31中的“应用内显示”详情页包括但不限于:选项卡B311、选项卡B312、选项卡B313、选项卡B314和选项卡B315。用户界面B31中的“应用内显示”详情页与前述用户界面A32中的“应用内显示”详情页类似,关于该两个页面的类似之处可以参考前文的描述,该两个页面的不同之处包括:用户界面B31的选项卡B311中所预览的当前外屏的分区显示效果是,在第二分区中显示电子设备的状态信息,如时间和胶囊,其中时间应用的字体为华文行楷、应用的粗细程度为粗,用户界面A32的选项卡A321中所预览的时间应用的字体为楷体、应用的粗细程度为适中。
电子设备100可以接收到作用于图3B的a中所示的信息布局的控件(选项卡B313)上的操作,响应于该操作,电子设备100可以显示“信息布局”详情页,具体如图3B的b所示。
图3B的b示出用户界面B32,该用户界面B32为电子设备100提供的“信息布局”详情页。
用户界面B32中的“信息布局”详情页包括但不限于:选项卡B321、选项卡B322、选项卡B323、选项卡B324、选项卡B325和选项卡B326。这些选项卡分别对应不同的信息 布局,用户可以选择任意一个选项卡,来实现在第二分区中应用该选项卡对应的信息布局。
选项卡B321中包括具体的信息布局形式和相应的控件。该信息布局形式例如是显示时间与胶囊,且时间排布在胶囊的上方,其中,胶囊可以包含一些应用提供的关键信息,以打车类应用为例,该胶囊中可以包含已经打到的车牌号等。该相应的控件中则显示有“时间+胶囊”的提示文本。由于,当前选项卡B321处于选中状态,则电子设备100的第二分区正在应用该选项卡B321对应的信息布局,具体如图3B的a中选项卡B311所示出的信息布局形式。
选项卡B322中包括具体的信息布局形式和相应的控件。该信息布局形式例如是显示胶囊与时间,且胶囊排布在时间的上方。该相应的控件中则显示有“胶囊+时间”的提示文本。
选项卡B323中包括具体的信息布局形式和相应的控件。该信息布局形式例如是仅显示时间而隐藏胶囊,并且通过横向展开在一行里显示该时间。该相应的控件中则显示有“隐藏胶囊1”的提示文本。
选项卡B324中包括具体的信息布局形式和相应的控件。该信息布局形式例如是仅显示时间而隐藏胶囊,并且通过上下两行分别显示该时间的时刻和分钟。该相应的控件中则显示有“隐藏胶囊2”的提示文本。
选项卡B325中包括具体的信息布局形式和相应的控件。该信息布局形式例如是仅显示胶囊而隐藏时间。该相应的控件中则显示有“隐藏时间”的提示文本。
选项卡B326中包括更多控件,用户可以选择该更多控件,进一步展开更多的信息布局形式以供用户选择。
电子设备100可以接收到作用于图3B的b中所示的选项卡B323的操作,响应于该操作,电子设备100可以将处于选中状态的选项卡由选项卡B321切换至选项卡B323,并且在第二分区中显示选项卡B323对应的布局形式,具体如图3B的c、d所示。
图3B的c示出用户界面B33,该用户界面B33为电子设备100提供的“信息布局”详情页。用户界面B33中的“信息布局”详情页包括但不限于:选项卡B331、选项卡B332、选项卡B333、选项卡B334、选项卡B335和选项卡B336。此处的“信息布局”详情页与前述用户界面B32中所示的“信息布局”详情页类似,其区别在于,处于选中状态的信息布局形式不同。关于该两个页面的类似之处可以参考前文的描述,在此暂不赘述。
在用户选择选项卡B323对应的信息布局后,若电子设备100返回上一级即返回至“应用内显示”详情页,则“应用内显示”详情页中显示的外屏显示效果包含选项卡B323对应的信息布局形式(具体见图3B的d所示)。或者,在用户打开电子设备100的外屏后,则外屏中的显示效果也包含选项卡B323对应的信息布局形式。
图3B的d示出用户界面B34,该用户界面B34为电子设备100提供的“应用内显示”详情页。此处的“应用内显示”详情页例如是在电子设备接收到作用于图3B的c中所示的返回上一级的控件后所显示的页面。
用户界面B34中的“应用内显示”详情页包括但不限于:选项卡B341、选项卡B342、选项卡B343、选项卡B344和选项卡B345。用户界面B34中的“应用内显示”详情页与前述 用户界面B31中的“应用内显示”详情页类似,关于该两个页面的类似之处可以参考前文的描述,该两个页面的不同之处包括:用户界面B34的选项卡B341中所显示的当前外屏的分区显示效果是,在第二分区中显示时间而隐藏胶囊,用户界面B31的选项卡B311中所显示的当前外屏的分区显示效果是,在第二分区中显示时间和胶囊。
本申请实施例中图3B所示的用户界面B31-用户界面B34仅为示例,在其他实施方式中,用户界面B31-用户界面B34中还可能包括更多或者更少的控件,只需保证提供自定义外屏的信息布局的方式即可,其不应构成对本申请的限制。
图3C示例性示出一组用户自定义第二分区中背景的操作界面。
图3C的a示出用户界面C31,该用户界面C31为电子设备100提供的“应用内显示”详情页,该详情页包括但不限于:选项卡C311、选项卡C312、选项卡C313、选项卡C314和选项卡C315。用户界面C31中的“应用内显示”详情页与前述用户界面B34中的“应用内显示”详情页相同,具体可以参考前文的描述,在此暂不赘述。
电子设备100可以接收到作用于图3C的a中所示的背景的控件上的操作,响应于该操作,电子设备100可以显示“背景”详情页,具体如图3C的b所示。
图3C的b示出用户界面C32,该用户界面C32为电子设备100提供的“背景”详情页。该“背景”详情页包括但不限于:选项卡C321、选项卡C322、选项卡C323和选项卡C324。
选项卡C321中包括多个主题卡片。多个主题卡片中的简约主题处于被选中状态。用户可以选择其他所需的主题卡片,使得电子设备100在外屏上应用对应的主题。
选项卡C322中包括用于开启/关闭匹配ID设计功能的控件。匹配ID设计是指在外屏中应用与设备的外观设计相配套的背景,带给用户背景与外观融合显示的视觉体验。
选项卡C323中包括用于触发打开自定义色彩功能的控件。用户可以通过作用于自定义色彩功能的控件以展开自定义色彩的详细功能,进而可以选择所需的纯色或者渐变色以作为外屏的背景。
选项卡C323中包括用于触发上传图片功能的控件。用户可以通过作用于上传图片功能的控件以选择照片作为外屏的背景,或者触发电子设备100对上传的照片进行分析以获取与照片风格相匹配的图像,并将其作为外屏的背景。针对后者,用户则可以上传每日的妆容、穿搭风格的照片,进而使得电子设备100应用与妆容、穿搭相匹配的背景。
电子设备100可以接收到用于选择图3C的b中所示的卡通主题卡片的操作,响应于该操作,电子设备100可以将处于选中状态的卡片由简约主题切换至卡通主题,并且在外屏中应用卡通主题,具体如图3C的c、d所示。其中,用于选择卡通主题的卡片的操作可以是作用于卡片区的向左、向右滑动的操作。
图3C的c示出用户界面C33,该用户界面C33为电子设备100提供的“背景”详情页。该“背景”详情页包括但不限于:选项卡C331、选项卡C332、选项卡C333和选项卡C334。此处的“背景”详情页与前述用户界面C32中所示的“背景”详情页类似,其区别在于,处于选中状态的主题卡片不同。关于该两个页面的类似之处可以参考前文的描述,在此暂不赘 述。
在用户选择卡通主题对应的卡片后,若电子设备100返回上一级即返回至“应用内显示”详情页,则“应用内显示”详情页中显示的外屏显示效果包含卡通主题的背景(具体见图3C的d所示)。或者,在用户打开电子设备100的外屏后,则外屏中的显示效果也包含卡通主题的背景。
图3C的d示出用户界面C34,该用户界面C34为电子设备100提供的“应用内显示”详情页。此处的“应用内显示”详情页例如是在电子设备接收到作用于图3C的c中所示的返回上一级的控件后所显示的页面。
用户界面C34中的“应用内显示”详情页包括但不限于:选项卡C341、选项卡C342、选项卡C343、选项卡C344和选项卡C345。用户界面C34中的“应用内显示”详情页与前述用户界面C31中的“应用内显示”详情页类似,关于该两个页面的类似之处可以参考前文的描述,该两个页面的不同之处包括:用户界面C34的选项卡C341中所预览的背景为卡通主题,选项卡C344中所显示的背景也为卡通主题,而用户界面C31的选项卡C311中所预览的背景为简约主题,选项卡C314中所显示的背景为简约主题。
本申请实施例中图3C所示的用户界面C31-用户界面C34仅为示例,在其他实施方式中,用户界面C31-用户界面C34中还可能包括更多或者更少的控件,只需保证提供自定义外屏背景的方式即可,其不应构成对本申请的限制。
图3D示例性示出一组用户自定义第二分区中前景的操作界面。
图3D的a示出用户界面D31,该用户界面D31为电子设备100提供的“应用内显示”详情页,该详情页包括但不限于:选项卡D311、选项卡D312、选项卡D313、选项卡D314和选项卡D315。用户界面D31中的“应用内显示”详情页与前述用户界面C34中的“分区屏个性化”详情页相同,具体可以参考前文的描述,在此暂不赘述。
电子设备100可以接收到作用于图3D的a中所示的前景的控件上的操作,响应于该操作,电子设备100可以显示“前景”详情页,具体如图3D的b所示。
图3D的b示出用户界面D32,该用户界面D32为电子设备100提供的“前景”详情页。该“背景”详情页包括但不限于:选项卡D321、选项卡D322、选项卡D323和选项卡D324。
选项卡D321包括用于关闭/启用静态元素的控件,当前选项卡D321中的控件处于关闭状态,用户可以通过点击该控件以展开供用户选择的静态元素,用户可以选择所需的静态元素以作为外屏中第二分区的前景的进行显示。
选项卡D322包括用于关闭/启用动态元素的控件,当前选项卡D322中的控件处于关闭状态,用户可以通过点击该控件以展开供用户选择的动态元素,用户可以选择所需的动态元素以作为外屏中第二分区的前景的进行显示,该动态元素例如飘落的雪花、滴落的雨水或者是游动的小鱼等的动效。
选项卡D323包括用于关闭/启用延伸元素的控件,当前选项卡D323中的控件处于关闭状态,用户可以通过点击该控件以展开供用户选择的延伸元素,用户可以选择所需的延 伸元素以作为外屏中第二分区的前景的进行显示,该延伸元素是指主体部分在第二分区中显示,并且少部分超出第二分区延伸到第一分区中显示的元素。这样可以在第二分区显示区域受限的情况下,仍然可以完整显示用户所应用的前景中的元素。
选项卡D324包括用于触发编辑资源模板的控件。其中,资源模板是指在外屏的第二分区中显示电子设备的状态信息的模板,不同的模板对应在外屏中的显示区域可能不同。
电子设备100可以接收到作用于图3D的b中所示的延伸元素的控件上的操作,响应于该操作,电子设备100可以展开显示供用户选择的延伸元素,具体如图3D的c所示。
图3D的c示出用户界面D33,该用户界面D33为电子设备100提供的“前景”详情页。此处的“前景”详情页与前述用户界面D32中所示的“前景”详情页类似,关于该两个页面的类似之处可以参考前文的描述,在此暂不赘述。该两个页面的其区别在于,用户界面D33中展开显示供用户选择的延伸元素,用户可以通过作用于切换控件D333a/D333b上的操作来选择所需的延伸元素(例如选择花艺)。
可选的,图3D的b和c仅仅示例性示出一种前景设置详情页,除此之外,电子设备提供的前景详情页中还可以直接显示静态元素、动态元素、延伸元素对应的各个选项卡片,选项卡片中包括详细的元素内容,用户可以通过左右滑动来切换显示并选择对应的元素内容,从而无需提供开关控件,先开启相应的开关,在开关控件处于开启状态下才展开显示详细的元素内容来供用选择。
在用户选择延伸元素后,若电子设备100返回上一级即返回至“应用内显示”详情页,则“应用内显示”详情页中显示的外屏显示效果包含延伸元素对应的前景(具体见图3D的d所示)。或者,在用户打开电子设备100的外屏后,则外屏中的显示效果也包含延伸元素对应的前景。
图3D的d示出用户界面D34,该用户界面D34为电子设备100提供的“应用内显示”详情页。此处的“应用内显示”详情页例如是在电子设备接收到作用于图3D的c中所示的返回上一级的控件后所显示的页面。
用户界面D34中的“应用内显示”详情页包括但不限于:选项卡D341、选项卡D342、选项卡D343、选项卡D344和选项卡D345。用户界面D34中的“应用内显示”详情页与前述用户界面D31中的“应用内显示”详情页类似,关于该两个页面的类似之处可以参考前文的描述,该两个页面的不同之处包括:用户界面D34的选项卡D341中预览的前景为花艺,选项卡D345中所显示的前景也为花艺,用户界面D31的选项卡D311中预览效果没有前景,的选项卡D315中所显示的前景为未应用。
本申请实施例中图3D所示的用户界面D31-用户界面D34仅为示例,在其他实施方式中,用户界面D31-用户界面D34中还可能包括更多或者更少的控件,只需保证提供自定义外屏前景的方式即可,其不应构成对本申请的限制。
前述图3A-图3D仅以电子设备100的内屏所显示的各个设置界面为例,来介绍本申请实施例提供的一组自定义屏幕分区显示效果的操作界面示意图。此外,在自定义屏幕分区显示效果后,若打开电子设备100的外屏,则外屏中的显示效果与内屏中各个设置界面中所显示预览效果相同,即在每个自定义操作完成后,若返回至“应用内显示”详情页,该“应 用内显示”详情页中显示的外屏显示效果为实际上外屏所显示的效果,本申请暂未将实际外屏显示效果进行一一展示。
图4A-图4B为本申请实施例提供的一组特殊场景下屏幕分区显示的界面示意图。
图4A示例性示出一组观影场景下屏幕分区显示的界面。
图4A的a示出用户界面A41,该用户界面A41为电子设备100外屏显示的主界面。该主界面包括第二分区和第一分区,第二分区和第一分区联合显示系统主题的背景,即前述简约主题的背景,并且第一分区显示有应用图标,第二分区显示有时间和胶囊,该时间和胶囊对应的信息布局为电子设备100默认应用的“时间+胶囊”,该时间的文本格式也为电子设备默认应用的“楷体/适中/黑色”。
电子设备100接收到作用于图4A的a中所示的应用A的图标上的操作后,响应于该操作,电子设备在第一分区中显示应用A的运行界面,之后电子设备100确定此前用户未自定义第二分区的显示效果,并且当前第一分区属于特殊场景中的观影场景,则电子设备100按照该特殊场景下的屏幕分区显示策略在第二分区中显示预置的效果,具体如下文描述的图4A的b所示的用户界面A42。
图4A的b示出用户界面A42,该用户界面A42为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用A的运行界面且该运行界面中播放应用A提供的影片,第二分区则按照特殊场景中观影场景对应的策略来显示黑色背景和胶囊,并且隐藏电子设备的状态信息,例如隐藏时间等。从而保证用户可以聚焦第一分区中播放的影片,不会分散用户的专注力,为用户营造沉浸式的观影体验。
在本申请实施例中,图4A中b所示的第二分区中显示的背景还可以称为第五背景。
图4B示例性示出一组聊天场景下屏幕分区显示的界面。
图4B的a示出用户界面B41,该用户界面B41为电子设备100外屏显示的主界面。该主界面与前述用户界面A41中的主界面相同,关于对该主界面的具体介绍可以参考前文的描述在此暂不赘述。
电子设备100接收到作用于图4B的a中所示的应用B的图标上的操作后,响应于该操作在第一分区中显示应用B的运行界面,之后电子设备100确定此前用户未自定义第二分区的显示效果,并且当前第一分区属于特殊场景中的聊天场景,则电子设备100按照该特殊场景下的屏幕分区显示策略在第二分区中显示预置的效果,具体如下文描述的图4B的b所示的用户界面B42。
图4B的b示出用户界面B42,该用户界面B42为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用B的运行界面且该运行界面具体为聊天界面,第二分区显示的背景为从第一分区中的聊天背景中提取元素后生成的。其中,提取的元素例如包括颜色和图案等,将图案平铺在该颜色上即可得到与聊天背景相似的背景,这样可以关联屏幕的两个分区,从而弱化屏幕分区间割裂感,增强视觉美感,带给用户全屏联合显示的视觉体验。此外,还第二分区还可以继续显示电子设备的状态信息(例如时间或者胶囊等)。
在本申请实施例中,图4B中b所示的第一分区中的聊天界面还可以称为第一聊天页面,第二分区中显示的背景还可以称为第一背景,该第一背景包含的图像元素和色彩元素是从该第一聊天页面的背景中提取后生成的。并且,该第二分区中显示的时间、日期、胶囊提示等信息还可以称为第一信息。并且在显示该第一信息之前,电子设备可以接收到用户输入的用于自定义第一信息显示效果的第二操作,该第二操作例如包括前文介绍的图3A-图3D所示的一种或多种操作。
可以理解的是,图4B仅以一个聊天页面为例进行介绍,若电子设备在显示第一聊天页面后,还接收到用于切换至第二聊天页面的第一操作,则电子设备会在该第一分区显示应用B提供的第二聊天页面,并且,在第二分区显示第二背景,该第二背景包含的图像元素和色彩元素是从该第二聊天页面的背景中提取后生成的。
图5A-图5B为本申请实施例提供的一组普通场景下采用动态模糊策略的屏幕分区显示的界面示意图。
图5A示例性示出一组采用动态模糊策略对应的屏幕分区显示的界面。
图5A的a示出用户界面A51,该用户界面A51为电子设备100外屏显示的主界面。该主界面与前述用户界面A41中的主界面相同,关于对该主界面的具体介绍可以参考前文的描述在此暂不赘述。
电子设备100接收到作用于图5A的a中所示的应用C的图标上的操作后,响应于该操作在第一分区中显示应用C的运行界面,之后电子设备100确定第一分区未处于特殊场景后则开始检测第一分区中的应用C是否属于动态模糊的白名单,若是则电子设备100在第二分区中显示动态模糊效果,具体如下文描述的图5A的b、c所示的用户界面。
图5A的b示出用户界面A52,该用户界面A52为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用C的运行界面且该运行界面中显示应用C提供的歌曲播放界面,第二分区则按照普通场景中动态模糊对应的策略来显示动态模糊的背景,该动态模糊的背景是电子设备100实时获取第一分区中显示的应用C的内容,并且将该内容经过模糊处理后显示在第二分区中。
图5A的c示出用户界面A53,该用户界面A53为电子设备100外屏显示的界面。该用户界面A53与前述用户界面A52相似,不同之处在于,歌曲播放界面发生变化,具体包括用户界面A53中第一分区的唱片图标相对于用户界面A52中第一分区的唱片图标旋转了一定角度,相应的用户界面A53中第二分区的经过模糊处理的唱片图标相对于用户界面A52中第二分区经过模糊处理的唱片图标也旋转了相同的角度。这样,既可以保证第二分区的背景与第一分区中的应用的内容同步动态刷新,又因为具有模糊效果而不影响用户关注第一分区的关键内容,给用户营造全屏联合显示的视觉体验,提升显示美感。
图5B示例性示出另一组采用动态模糊策略对应的屏幕分区显示的界面。
图5B的a示出用户界面B51,该用户界面B51为电子设备100外屏显示的主界面。该主界面与前述用户界面A41中的主界面相同,关于对该主界面的具体介绍可以参考前文的描述在此暂不赘述。
电子设备100接收到作用于图5B的a中所示的应用D的图标上的操作后,响应于该操作在第一分区中显示应用D的运行界面,之后电子设备100确定第一分区未处于特殊场景后则开始检测第一分区中的应用D是否属于动态模糊的白名单,若是,则电子设备100在第二分区中显示动态模糊效果,具体如下文描述的图5B的b、c所示的用户界面。
图5B的b示出用户界面B52,该用户界面B52为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用D的运行界面且该运行界面显示应用D提供的图像,第二分区则按照普通场景中动态模糊对应的策略来显示动态模糊的背景,该动态模糊的背景是电子设备100实时获取第一分区中显示的应用D的内容,并且将该内容经过模糊处理后显示在第二分区中。
在电子设备100接收到作用于图5B的b中所示的图像上的滑动操作后,响应于该操作,则在第一分区中切换显示下一张图像,并且在第二分区中也相应刷新动态模糊的背景,具体如下文描述的图5B的c所示的用户界面。
图5B的c示出用户界面B53,该用户界面B53为电子设备100外屏显示的界面。该用户界面B53与前述用户界面B52相似,不同之处在于,切换显示了不同的图像,具体包括用户界面B53中第一分区显示的图像由用户界面B52中第一分区显示的正脸图像切换为侧脸图像,相应的用户界面B53中第二分区的经过模糊处理的图像也由用户界面B52中第二分区经过模糊处理的正脸图像切换为侧脸图像。这样,既可以保证第二分区的背景跟随第一分区中的应用的内容同步动态刷新,又因为具有模糊效果而不影响用户关注第一分区的关键内容,给用户营造全屏联合显示的视觉体验,提升显示美感。
可以理解的是,图5A-图5B仅以两个应用为例来介绍动态模糊策略多对应的显示效果,除此之外,本申请还可以将更多的应用加入动态模糊的白名单内,例如可以将提供短视频、图像、歌曲类的应用均加入至动态模糊的白名单内,这样可以更好的将第二分区与第一分区的应用进行融合。
可选的,图5A-图5B仅以对第二分区的全部背景进行模糊处理为例进行示出,除此之外,还可以仅选取第二分区中靠近挖孔区域的背景进行模糊处理,其余部分则清晰显示。以挖孔部分为第二分区的下侧为例,可以仅将第二分区下侧的1/3处的内容进行模糊处理等。
在本申请实施例中,图5A中b所示的第一分区中的应用D的运行界面还可以称为第一页面,第二分区中显示的背景还可以称为第八背景,该第八背景为,经过模糊处理后的第一页面的部分或全部内容,并且,该第二分区中显示的时间、日期、胶囊提示等信息还可以称为第四信息。并且,在显示该第四信息之前,电子设备可以接收到用户输入的用于自定义第四信息显示效果的第四操作,该第四操作例如包括前文介绍的图3A-图3D所示的一种或多种操作。
可以理解的是,图5A仅以应用D的一个页面为例进行介绍,若电子设备在显示第一页面后,还接收到用于切换至第二页面的操作,则电子设备会在该第一分区显示应用D提供的第二页面,并且在第二分区显示第九背景,该第九背景为经过模糊处理后的第二页面的部分或全部内容。
图6为本申请实施例提供的一组普通场景下采用应用自配置策略的屏幕分区显示的界 面示意图。
图6的a示出用户界面61,该用户界面61为电子设备100外屏显示的主界面。该主界面与前述用户界面A41中的主界面相同,关于对该主界面的具体介绍可以参考前文的描述在此暂不赘述。
电子设备100接收到作用于图6的a中所示的应用E的图标上的操作后,响应于该操作在第一分区中显示应用E的运行界面,之后电子设备100确定第一分区未处于特殊场景,且第一分区中的应用E不属于动态模糊的白名单,则电子设备100检测应用E是否自配置第二分区的显示效果,若是,则按照应用E的自配置在第二分区中显示相应的效果,具体如下文描述的图6的b所示的用户界面。
图6的b示出用户界面62,该用户界面62为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用E的运行界面,第二分区则按照应用E自配置的背景来显示,该自配置的背景例如是与应用E的运行界面相同的背景色。除此之外,应用E还可以将第二分区的背景配置为其他颜色包括但不限于纯色、渐变等,本申请暂不一一示例。
图7为本申请实施例提供的一组普通场景下采用动态取色策略的屏幕分区显示的界面示意图。
图7的a示出用户界面71,该用户界面71为电子设备100外屏显示的主界面。该主界面与前述用户界面A41中的主界面相同,关于对该主界面的具体介绍可以参考前文的描述在此暂不赘述。
电子设备100接收到作用于图7的a中所示的应用F的图标上的操作后,响应于该操作在第一分区中显示应用F的运行界面,之后电子设备100确定第一分区未处于特殊场景,且第一分区中的应用F既不属于动态模糊的白名单也没有自配置第二分区的显示效果,则检测应用F是否支持动态取色,若是则实时获取应用F的运行界面的背景色,然后基于获取的背景色在第二分区中显示相应的背景,具体如下文描述的图7的b、c所示的用户界面。
图7的b示出用户界面72,该用户界面72为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用F的运行界面,第二分区显示的背景是基于应用F运行界面的背景而得到的,例如获取到的应用F的运行界面的背景色为深灰色,则在第二分区中显示与之相同的深灰色,除此之外,还可以将第二分区的背景配置为与应用F中的深灰色相近的浅灰色,或者深灰色到浅灰色的渐变色等,本申请暂不一一示例。
在电子设备100接收到作用于图7的b中所示的7号的点击操作后,响应于该操作,则在第一分区中切换显示7号的日程详情页,并且还跟随日程详情页的背景色在第二分区中也相应刷新背景,具体如下文描述的图7的c所示的用户界面。
图7的c示出用户界面73,该用户界面73为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用F的运行界面,此处应用F的运行界面的背景色由前述深灰色切换为白色,电子设备100可以获取到切换后的白色,并将第二分区的背景色切换为白色。这样,既可以保证第二分区的背景跟随第一分区中的背景同步动态刷新,给用户营造全屏联合显示的视觉体验,提升显示美感。
在本申请实施例中,图7中a所示的用于启动应用F(又称第四应用)的操作还可以称为第三操作。图7中a所示的第一分区的显示的界面还可以称为第三页面,第二分区中显示的背景还可以称为第十背景,该第十背景的颜色与该第三页面的背景颜色相同或者相近。并且,该第二分区中显示的时间、日期、胶囊提示等信息还可以称为第五信息。并且,在显示该第u信息之前,电子设备可以接收到用户输入的用于自定义第五信息显示效果的第五操作,该第五操作例如包括前文介绍的图3A-图3D所示的一种或多种操作。
可以理解的是,图7仅以应用F的一个页面为例进行介绍,若电子设备在显示第三页面后,还接收到用于切换至第四页面的操作,则电子设备会在该第一分区显示应用F提供的第四页面,并且在第二分区显示第十一背景,该第十一背景的颜色与该第四页面的背景颜色相同或者相近。
图8为本申请实施例提供的一组普通场景下采用默认背景策略的屏幕分区显示的界面示意图。
图8的a示出用户界面81,该用户界面81为电子设备100外屏显示的主界面。该主界面与前述用户界面A41中的主界面类似,关于对该主界面的具体介绍可以参考前文的描述在此暂不赘述。
电子设备100接收到作用于图8的a中所示的应用G的图标上的操作后,响应于该操作在第一分区中显示应用G的运行界面,之后电子设备100确定第一分区未处于特殊场景,且第一分区中的应用F既不属于动态模糊的白名单也没有自配置第二分区的显示效果也不支持动态取色,则采用默认背景作为第二分区的背景进行显示,具体如下文描述的图8的b所示的用户界面。
图8的b示出用户界面82,该用户界面82为电子设备100外屏显示的界面。该界面包括第二分区和第一分区,第一分区显示应用G的运行界面,第二分区显示的背景是电子设备100提供的默认背景,该默认背景例如是饱和度较低的灰色,这样的百搭色可与第一分区中显示的各种颜色相适配。除此之外,还可以将第二分区的默认背景配置为渐变色等,本申请暂不一一示例。
接下来介绍本申请涉及的电子设备100的形态及硬件架构,电子设备100可以是搭载或者其它操作系统的便携式终端设备,例如手机、平板电脑、桌面型计算机、膝上型计算机、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmented reality,AR)设备、虚拟现实(virtual reality,VR)设备、人工智能(artificial intelligence,AI)设备、可穿戴式设备、车载设备、智能家居设备和/或智慧城市设备,等等。
图9示出了电子设备100的硬件架构示意图。
如图9所示,电子设备100可以包括:处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,传感器模块180,显示屏194等。其中传感器模块180可以包括压力传感器180A,和触摸传感器180K等。
可以理解的是,本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processing unit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了系统的效率。
在一些实施例中,处理器110可以包括一个或多个接口。接口可以包括通用串行总线(universal serial bus,USB)接口等。USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电,也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机,通过耳机播放音频。该接口还可以用于连接其他电子设备,例如AR设备等。
可以理解的是,本申请实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在本申请另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
电子设备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的正整数。
内部存储器121可以包括一个或多个随机存取存储器(random access memory,RAM)和一个或多个非易失性存储器(non-volatile memory,NVM)。内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,从而执行电子设备100的各种功能应用以及数据处理。内部存储器 121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像视频播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据,电话本等)等。
外部存储器接口120可以用于连接外部的非易失性存储器,实现扩展电子设备100的存储能力。外部的非易失性存储器通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部的非易失性存储器中。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A,电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194,电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中,作用于相同触摸位置,但不同触摸操作强度的触摸操作,可以对应不同的操作指令。例如:当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时,执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时,执行新建短消息的指令。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
应理解,本申请提供的上述方法实施例中的各步骤可以通过处理器中的硬件的集成逻辑电路或者软件形式的指令完成。结合本申请实施例所公开的方法步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。
本申请还提供一种电子设备,该电子设备可以包括:存储器和处理器。其中,存储器可用于存储计算机程序;处理器可用于调用所述存储器中的计算机程序,以使得该电子设备执行上述任意一个实施例中的方法。
本申请还提供一种计算机程序产品,所述计算机程序产品包括:计算机程序(也可以称为代码,或指令),当所述计算机程序被运行时,使得计算机执行上述任一个实施例中电子设备执行的方法。
本申请还提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序(也可以称为代码,或指令)。当所述计算机程序被运行时,使得计算机执行上述任一个实施例中电子设备执行的方法。
本申请的各实施方式可以任意进行组合,以实现不同的技术效果。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产 品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk)等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,该流程可以由计算机程序来指令相关的硬件完成,该程序可存储于计算机可读取存储介质中,该程序在执行时,可包括如上述各方法实施例的流程。而前述的存储介质包括:ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。
总之,以上所述仅为本发明技术方案的实施例而已,并非用于限定本发明的保护范围。凡根据本发明的揭露,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (20)

  1. 一种屏幕分区显示方法,其特征在于,所述方法应用于包括外屏的电子设备,所述外屏为所述电子设备在折叠状态下运行的屏幕,所述外屏包括第一分区和第二分区,所述第一分区包括打孔区域,所述第二分区不包括打孔区域,所述方法包括:
    运行第一应用时,在所述第一分区显示所述第一应用提供的第一聊天页面,在所述第二分区显示第一背景,所述第一背景包含的图像元素和/或色彩元素属于所述第一聊天页面的背景;
    响应于第一操作,在所述第一分区显示所述第一应用提供的第二聊天页面,在所述第二分区显示第二背景,所述第二背景包含的图像元素和/或色彩元素属于所述第二聊天页面的背景。
  2. 根据权利要求1所述的方法,其特征在于,在所述第二分区显示第一背景时,所述方法还包括:
    在所述第二分区显示第一信息,所述第一信息包括以下任一项或多项:时间、日期和胶囊提示。
  3. 根据权利要求2所述的方法,其特征在于,在所述第二分区显示第一信息之前,所述方法还包括:
    接收到第二操作,所述第二操作用于设置以下任意一项或多项:所述第一信息的文本格式,所述第一信息的布局形式。
  4. 根据权利要求1-3中任一项所述的方法,其特征在于,在所述第二分区显示第一背景之前,所述方法还包括:
    所述电子设备未接收用于自定义所述第二分区的背景的操作。
  5. 根据权利要求1-4中任一项所述的方法,其特征在于,所述方法还包括:
    运行第二应用时,在所述第一分区显示所述第二应用提供的视频播放页面,在所述第二分区显示第五背景,所述第五背景的颜色为黑色。
  6. 根据权利要求5所述的方法,其特征在于,所述方法包括:
    在所述第一分区显示所述第二应用提供的视频播放的情况下,在所述第二分区不显示时间、日期。
  7. 根据权利要求5或6所述的方法,其特征在于,所述方法包括:
    在所述第一分区显示所述第二应用提供的视频播放页面的情况下,在所述第二分区显示提示胶囊。
  8. 根据权利要求5-7中任一项所述的方法,其特征在于,在所述第二分区显示第五背景 之前,所述方法还包括:
    所述电子设备未接收用于自定义所述第二分区的背景的操作。
  9. 根据权利要求1-8中任一项所述的方法,其特征在于,所述方法还包括:
    运行第三应用时,
    在所述第一分区显示所述第三应用提供的第一页面,在所述第二分区显示第八背景;所述第八背景为,经过模糊处理后的所述第一页面的部分或全部内容;
    在所述第一分区显示所述第三应用提供的第二页面,在所述第二分区显示第九背景;所述第九背景为,经过模糊处理后的所述第二页面的部分或全部内容。
  10. 根据权利要求9所述的方法,其特征在于,在所述第二分区显示第八背景或第九背景时,所述方法还包括:
    在所述第二分区显示第四信息,所述第四信息包括以下任一项或多项:时间、日期和胶囊提示。
  11. 根据权利要求9或10所述的方法,其特征在于,在所述第二分区显示第四信息之前,所述方法还包括:
    接收到第四操作,所述第四操作用于设置以下任意一项或多项:所述第四信息的文本格式,所述第四信息的布局形式。
  12. 根据权利要求9-11中任一项所述的方法,其特征在于,在所述第二分区显示第八背景之前,所述方法还包括:
    确定所述第三应用属于白名单中的应用,所述白名单应用不包括聊天类应用和视频类应用。
  13. 根据权利要求9-12中任一项所述的方法,其特征在于,所述方法包括:
    响应于第三操作,运行第四应用;
    在所述第一分区显示所述第四应用提供的第三页面,在所述第二分区显示第十背景;所述第十背景的颜色与所述第三页面的背景的颜色相同;
    在所述第一分区显示所述第四应用提供的第四页面,在所述第二分区显示第十一背景;所述第十一背景的颜色与所述第四页面的背景的颜色相同。
  14. 根据权利要求9-13中任一项所述的方法,其特征在于,在所述第二分区显示第十背景之前,所述方法包括:
    确定所述第四应用不属于所述白名单中的应用。
  15. 根据权利要求13或14所述的方法,其特征在于,在所述第二分区显示第十背景或第十一背景时,所述方法还包括:
    在所述第二分区显示第五信息,所述第五信息包括以下任一项或多项:时间、日期和胶囊提示。
  16. 根据权利要求13-15中任一项所述的方法,其特征在于,在所述第二分区显示第四信息之前,所述方法还包括:
    接收到第五操作,所述第五操作用于设置以下任意一项或多项:所述第五信息的文本格式,所述第五信息的布局形式。
  17. 根据权利要求1-16中任一项所述的方法,其特征在于,所述第一分区的面积大于所述第二分区的面积。
  18. 根据权利要求1-17中任一项所述的方法,其特征在于,
    当所述打孔区域位于所述外屏的上侧/下侧,则所述第一分区和所述第二分区是将所述外屏横向划分的两个区域;
    当所述打孔区域位于所述外屏的左侧/右侧,则所述第一分区和所述第二分区是将所述外屏纵向划分的两个区域。
  19. 一种电子设备,其特征在于,所述电子设备包括一个或多个存储器、一个或多个处理器和外屏;所述存储器与所述一个或多个处理器耦合,所述存储器用于存储计算机程序代码,所述计算机程序代码包括计算机指令,所述一个或多个处理器调用所述计算机指令以使得所述电子设备执行如权利要求1-18中任一项所述的方法。
  20. 一种计算机可读存储介质,包括指令,其特征在于,当所述指令在电子设备上运行时,使得所述电子设备执行如权利要求1-19中任一项所述的方法。
PCT/CN2024/083969 2024-03-27 2024-03-27 屏幕分区显示方法、图形界面及电子设备 Pending WO2025199780A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202480046293.9A CN121605470A (zh) 2024-03-27 2024-03-27 屏幕分区显示方法、图形界面及电子设备
PCT/CN2024/083969 WO2025199780A1 (zh) 2024-03-27 2024-03-27 屏幕分区显示方法、图形界面及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2024/083969 WO2025199780A1 (zh) 2024-03-27 2024-03-27 屏幕分区显示方法、图形界面及电子设备

Publications (1)

Publication Number Publication Date
WO2025199780A1 true WO2025199780A1 (zh) 2025-10-02

Family

ID=97218294

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2024/083969 Pending WO2025199780A1 (zh) 2024-03-27 2024-03-27 屏幕分区显示方法、图形界面及电子设备

Country Status (2)

Country Link
CN (1) CN121605470A (zh)
WO (1) WO2025199780A1 (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109284049A (zh) * 2018-09-27 2019-01-29 Oppo广东移动通信有限公司 显示状态的切换方法、装置、终端及存储介质
US20200320906A1 (en) * 2019-04-03 2020-10-08 Samsung Electronics Co., Ltd. Mobile device with a foldable display and method of providing user interfaces on the foldable display
CN112748894A (zh) * 2019-10-30 2021-05-04 北京小米移动软件有限公司 挖孔屏显示方法及装置
CN115268738A (zh) * 2021-04-30 2022-11-01 华为技术有限公司 显示控制方法,电子设备及计算机存储介质
US20230359316A1 (en) * 2022-05-06 2023-11-09 Apple Inc. Devices, Methods, and Graphical User Interfaces for Updating a Session Region
CN117311555A (zh) * 2023-09-25 2023-12-29 上海传英信息技术有限公司 交互方法、智能终端及存储介质
CN117472479A (zh) * 2022-07-20 2024-01-30 华为技术有限公司 显示方法和电子设备

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109284049A (zh) * 2018-09-27 2019-01-29 Oppo广东移动通信有限公司 显示状态的切换方法、装置、终端及存储介质
US20200320906A1 (en) * 2019-04-03 2020-10-08 Samsung Electronics Co., Ltd. Mobile device with a foldable display and method of providing user interfaces on the foldable display
CN112748894A (zh) * 2019-10-30 2021-05-04 北京小米移动软件有限公司 挖孔屏显示方法及装置
CN115268738A (zh) * 2021-04-30 2022-11-01 华为技术有限公司 显示控制方法,电子设备及计算机存储介质
US20230359316A1 (en) * 2022-05-06 2023-11-09 Apple Inc. Devices, Methods, and Graphical User Interfaces for Updating a Session Region
CN117472479A (zh) * 2022-07-20 2024-01-30 华为技术有限公司 显示方法和电子设备
CN117311555A (zh) * 2023-09-25 2023-12-29 上海传英信息技术有限公司 交互方法、智能终端及存储介质

Also Published As

Publication number Publication date
CN121605470A (zh) 2026-03-03

Similar Documents

Publication Publication Date Title
CN111263002B (zh) 一种显示方法和电子设备
US20090064021A1 (en) User interface elements cloning and transitions
CN114997186B (zh) 翻译控件的控制方法及电子设备
CN113805744A (zh) 窗口的显示方法和电子设备
WO2025209372A1 (zh) 壁纸显示方法和电子设备
US20250383895A1 (en) Wallpaper Display Method and Electronic Device
CN116743908B (zh) 壁纸显示方法及相关装置
WO2023083184A1 (zh) 桌面管理方法、图形用户界面及电子设备
WO2021253922A1 (zh) 字体切换方法及电子设备
EP4421629B1 (en) Foldable electronic device, and display method for foldable screen
CN121605470A (zh) 屏幕分区显示方法、图形界面及电子设备
CN119690551B (zh) 一种应用程序多窗口的显示方法以及电子设备
CN117893639B (zh) 图片处理方法及相关装置
CN119248387B (zh) 界面显示方法、电子设备和存储介质
CN119248393B (zh) 一种壁纸显示方法及电子设备
CN119376833B (zh) 显示方法、电子设备及可读存储介质
WO2025255751A1 (zh) 屏幕分区显示方法、图形界面及电子设备
WO2026020928A1 (zh) 一种图片预览方法、电子设备、存储介质及程序产品
WO2026066715A1 (zh) 显示样式设置方法及电子设备
CN121078166A (zh) 显示信息的处理方法、电子设备及可读存储介质
CN121349346A (zh) 壁纸显示方法和电子设备
CN121078165A (zh) 显示信息的处理方法、电子设备及可读存储介质
WO2025044459A1 (zh) 窗口的显示方法及电子设备
WO2025092101A9 (zh) 一种图片处理的方法和电子设备
CN119376833A (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: 24931960

Country of ref document: EP

Kind code of ref document: A1