WO2024012102A1 - Interface display method and apparatus, electronic device and storage medium - Google Patents

Interface display method and apparatus, electronic device and storage medium Download PDF

Info

Publication number
WO2024012102A1
WO2024012102A1 PCT/CN2023/098917 CN2023098917W WO2024012102A1 WO 2024012102 A1 WO2024012102 A1 WO 2024012102A1 CN 2023098917 W CN2023098917 W CN 2023098917W WO 2024012102 A1 WO2024012102 A1 WO 2024012102A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
target
display
target interface
display screen
Prior art date
Application number
PCT/CN2023/098917
Other languages
French (fr)
Chinese (zh)
Inventor
莫博宇
Original Assignee
Oppo广东移动通信有限公司
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 Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Publication of WO2024012102A1 publication Critical patent/WO2024012102A1/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Definitions

  • the present application relates to the technical field of electronic equipment, and more specifically, to an interface display method, device, electronic equipment, and storage medium.
  • this application proposes an interface display method, device, electronic device and storage medium to solve the above problems.
  • embodiments of the present application provide an interface display method, which is applied to an electronic device.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the method includes: when the folding display screen is in an unfolded state, displaying a first interface in the first display area and displaying a second interface in the second display area; in response to the folding display The screen is switched from the unfolded state to the folded state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface; displaying the first target interface and hide the second target interface.
  • embodiments of the present application provide an interface display method, which is applied to an electronic device.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas.
  • the method includes : When the folding display screen is in an unfolded state, corresponding interfaces are displayed in each of the plurality of display areas; in response to the folding display screen switching from the unfolded state to a folded state, from the plurality of display areas Determine the first target interface among the interfaces corresponding to the area, and determine the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas as the second target interface; display the first target interface and hide all Describe the second target interface.
  • inventions of the present application provide an interface display device for use in electronic equipment.
  • the electronic equipment includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the device includes: a first interface display module, configured to display a first interface in the first display area and display a second interface in the second display area when the folding display screen is in an unfolded state. Interface; an interface determination module, configured to determine one of the first interface and the second interface as the first target interface in response to the folding display screen switching from the unfolded state to the folded state, and determine the other One serves as the second target interface; the second interface display module is used to display the first target interface and hide the second target interface.
  • inventions of the present application provide an interface display device for use in electronic equipment.
  • the electronic equipment includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas.
  • the device includes : an interface display module, configured to display corresponding interfaces in each of the plurality of display areas when the folding display screen is in an expanded state; an interface determination module, configured to display the corresponding interface from the unfolded state in response to the folding display screen The state is switched to the folded state, the first target interface is determined from the interfaces corresponding to the multiple display areas, and the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas are determined as the second target.
  • Interface an interface hiding module, used to display the first target interface and hide the second target interface.
  • embodiments of the present application provide an electronic device, including a memory and a processor.
  • the memory is coupled to the processor, and the memory stores instructions that are executed when the instructions are executed by the processor.
  • the processor executes the above method.
  • embodiments of the present application provide a computer-readable storage medium, the computer-readable storage medium stores program code, and the program code can be called by a processor to execute the above method.
  • Figure 1 shows a schematic structural diagram of an electronic device in a folded state according to an embodiment of the present application
  • Figure 2 shows a schematic structural diagram of the electronic device provided by the embodiment of the present application in an unfolded state
  • FIG. 3 shows a schematic flowchart of an interface display method provided by an embodiment of the present application
  • Figure 4 shows a schematic diagram of the electronic device provided by the embodiment of the present application in a fully unfolded state
  • Figure 5 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state
  • Figure 6 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state
  • Figure 7 shows a first schematic diagram of the electronic device provided by the embodiment of the present application in a folded state
  • Figure 8 shows a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • Figure 9 shows a second schematic diagram of the electronic device provided by the embodiment of the present application in a folded state
  • Figure 10 shows a third schematic diagram of the electronic device provided by the embodiment of the present application in a folded state
  • FIG 11 shows a schematic flow chart of step S240 of the display method of the interface shown in Figure 8 of the present application;
  • Figure 12 shows a fourth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state
  • Figure 13 shows a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • Figure 14 shows a fifth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state
  • Figure 15 shows a schematic flow chart of step S240 of the display method of the interface shown in Figure 13 of the present application;
  • Figure 16 shows a sixth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state
  • Figure 17 shows a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • Figure 18 shows a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • Figure 19 shows a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • Figure 20 shows a schematic flowchart of an interface display method provided by an embodiment of the present application
  • Figure 21 shows a schematic flowchart of an interface display method according to an embodiment of the present application.
  • Figure 22 shows a module block diagram of a display device of an interface provided by an embodiment of the present application
  • Figure 23 shows a module block diagram of a display device of an interface provided by an embodiment of the present application.
  • Figure 24 shows a block diagram of an electronic device used to perform an interface display method according to an embodiment of the present application
  • Figure 25 shows a storage unit used to save or carry the program code that implements the interface display method according to the embodiment of the present application.
  • the display area of the foldable display screen when it is in the unfolded state is larger than the display area of the foldable display screen when it is in the folded state. Based on this, when the folding display screen is in the unfolded state, if the folding display screen uses left and right split screens to display two different interfaces, it means that the electronic device displays two different interfaces through a display area with a larger display area. (such as left and right split-screen display), at this time, it can be ensured that the two different interfaces are displayed completely and well; when the folding display is switched from the unfolded state to the folded state, the electronic device will still maintain two different interfaces.
  • Split-screen display means that the electronic device will display two different interfaces through a smaller display area (such as upper and lower split-screen display), which will cause the two interfaces to be unable to be displayed completely or not displayed well, causing user discomfort. Not a great experience.
  • the inventor discovered after long-term research and proposed the interface display method, device, electronic device and storage medium provided by the embodiment of the present application.
  • the interface display method, device, electronic device and storage medium provided by the embodiment of the present application.
  • the embodiment of the present application provides an interface display method, which is applied to an electronic device.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the method includes: when the folding display screen is in an unfolded state, displaying a first interface in the first display area and displaying a second interface in the second display area; in response to the folding display screen being in an unfolded state; The expanded state is switched to the folded state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface; the first target interface is displayed and hidden The second target interface.
  • the method includes: displaying a first target control in a first target area of the first target interface; and displaying and hiding the second target interface in response to a touch operation acting on the first target control.
  • the first target interface includes: displaying a first target control in a first target area of the first target interface; and displaying and hiding the second target interface in response to a touch operation acting on the first target control.
  • displaying the second target interface and hiding the first target interface includes: responding to a touch operation acting on the first target control In response to the touch operation on the second target control, the second target interface is displayed, and the second target control is displayed in the second target area of the second target interface; in response to the touch operation on the second target control, the second target control is displayed. A target interface and hiding the second target interface.
  • displaying the first target interface and hiding the second target interface includes: displaying the first target interface and a first sub-interface, wherein the first sub-interface is the The reduced interface of the second target interface, the display area corresponding to the first target interface is larger than the display area corresponding to the first sub-interface; after the first target interface is displayed and the second target interface is hidden , further comprising: displaying the second target interface and hiding the first target interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface.
  • the second target interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target interface is displayed and the first target interface is hidden. , including: responding to the first target interface and the first The drag operation of the dividing line between the sub-interfaces displays the second target interface and the second sub-interface, wherein the second sub-interface is a reduced interface of the first target interface, and the second target interface The corresponding display area is larger than the corresponding display area of the second sub-interface; in response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target interface is displayed and hiding the first target interface, further including: in response to a drag operation acting on the dividing line between the second target interface and the second sub-interface, displaying the first target interface and hiding the Second target interface.
  • the first sub-interface includes a reduced interface of the second target interface, and the reduced interface of the second target interface includes a part of the second target interface, or the second The reduced interface of the target interface includes a proportionally reduced global interface of the second target interface.
  • determining one of the first interface and the second interface as the first target interface, and determining The other as a second target interface includes: in response to the folding display screen switching from the unfolded state to the folded state, obtaining the arrangement relationship of the first display area and the second display area; based on the According to the arrangement relationship, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface.
  • obtaining the arrangement relationship of the first display area and the second display area includes: responding to The folding display screen is switched from the unfolded state to the folded state, and the coordinate information of the first display area and the coordinate information of the second display area are obtained; based on the coordinate information of the first display area and the The coordinate information of the second display area is used to obtain the arrangement relationship between the first display area and the second display area.
  • determining one of the first interface and the second interface as the first target interface, and determining The other serves as the second target interface including: in response to the folding display screen switching from the unfolded state to the folded state, obtaining the positional relationship between the operation focus and the first display area and the second display area. ; Based on the position relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
  • obtaining the positional relationship between the operation focus and the first display area and the second display area includes: : In response to the folding display screen switching from the unfolded state to the folded state, obtain the coordinate range corresponding to the first display area, the coordinate range corresponding to the second display area, and the coordinate information corresponding to the focus ; Calculate the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and calculate the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area; based on the The relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area, determine the relationship between the operation focus and the coordinate range corresponding to the second display area.
  • the positional relationship between the first display area and the second display area In response to the folding display screen switching from the unfolded state to the folded state, obtain the coordinate range corresponding to the first display area, the coordinate range corresponding to
  • the first interface corresponds to a first application program
  • the second interface corresponds to a second application program
  • the Determining one of the first interface and the second interface as the first target interface, and determining the other as the second target interface includes: responding to the folding display screen switching from the unfolded state to the folded state. status, obtain the startup time relationship between the first application program and the second application program; based on the startup time relationship, determine one of the first interface and the second interface as the first target interface, and determining the other as the second target interface.
  • the electronic device further includes a target display screen, the target display screen is arranged opposite the folding display screen, the first target interface is displayed and the second target interface is hidden
  • the method includes: obtaining the folding direction of the folding display screen; determining a display screen to be displayed from the folding display screen and the target display screen based on the folding direction; displaying the first display screen through the display screen to be displayed. A target interface and hiding the second target interface.
  • determining the display screen to be displayed from the folding display screen and the target display screen based on the folding direction includes: if the folding direction is the first direction, then The target display screen is determined as the display screen to be displayed, wherein the first direction represents a direction in which one of the first display area and the second display area is folded toward the other; or if the If the folding direction is a second direction, the folding display screen is determined as the display screen to be displayed, wherein the second direction represents that one of the first display area and the second display area is The direction in which one folds away from the other.
  • displaying the first target interface and hiding the second target interface includes: displaying the first target interface and completely hiding the second target interface; or displaying the first target interface.
  • the target interface and at the same time display the identification information used to identify the second target interface; or display the first target interface and simultaneously display the control for switching the second target interface; or display the first target interface and At the same time, a reduced interface of the second target interface is displayed.
  • An embodiment of the present application provides an interface display method, which is applied to an electronic device.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas.
  • the method includes: When the folding display screen is in an expanded state, corresponding interfaces are displayed in each of the multiple display areas; in response to the folding display screen switching from the expanded state to the folded state, corresponding interfaces are displayed from the multiple display areas.
  • Determine a first target interface in the interface and determine the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas as the second target interface; display the first target interface and hide the second target interface. target interface.
  • the method includes: displaying at least two target controls in the first target area of the first target interface; displaying the all target controls in response to a touch operation acting on one of the at least two target controls. Describe an interface corresponding to a target control and hide the first target interface.
  • the electronic device 100 may be, but is not limited to, a mobile phone, a tablet computer, a game console, a smart wearable device, a vehicle-mounted device and other electronic devices.
  • the electronic device 100 in this embodiment will be described taking a mobile phone as an example.
  • the electronic device 100 includes a foldable case assembly 110, a foldable display screen 120 and electronic components (not shown in the figure).
  • the electronic components are arranged in the foldable case assembly 110.
  • the foldable display screen 120 is laid on the foldable case assembly 110.
  • the foldable case assembly 110 is used to carry the foldable display screen 120 and protect electronic components at the same time.
  • Electronic components may include, but are not limited to, a central processing unit, a memory, a camera, a receiver, a fingerprint module, etc. Specific electronic components may not be limited in the embodiments of this application.
  • the foldable housing assembly 110 includes a first housing 111 , a second housing 112 and a rotating shaft mechanism 113 .
  • the first housing 111 and the second housing 112 are respectively connected to both sides of the rotating shaft mechanism 113 .
  • the second housing 112 can be folded or unfolded relative to the first housing 111 through the rotating shaft mechanism 113, so that the foldable housing assembly 110 drives the folding display screen 120 to fold or unfold, and the foldable housing assembly 110 and the folding display screen 120 are overlapped.
  • the electronic device 100 has a relatively large volume and is convenient for displaying information.
  • the folding display screen 120 includes a first display part 121 connected to the first housing 111 , a second display part 122 connected to the second housing 112 , and a first display part 121 connected to the first display part 121 . and the bent display portion 123 of the second display portion 122 .
  • the first display part 121, the second display part 122 pair and the bent display part 123 can form multiple display areas (for example, form two display areas, form three display areas, form four display areas... form N display areas).
  • the first display part 121 and the second display part 122 are folded or unfolded relative to the first housing 111 and the second housing 112 respectively.
  • the bending display part 123 is bent or flattened as the first display part 121 and the second display part 122 are folded or unfolded.
  • the first display part 121 , the second display part 122 and the bending display part 123 may be an integral structure, so that the folding display screen 120 is a one-piece folding display screen; or, in some other embodiments, , the bending display part 123 is a bendable flexible part, and the first display part 121 and the second display part 122 may be non-flexible parts.
  • the first display part 121 and the second display part 122 are connected through the bending display part 123 Fold or unfold relative to each other.
  • the first display part 121 and the second display part 122 are separated from each other, so that the electronic device 100 presents an outward-folding screen structure.
  • the user can also observe the display content of the foldable display screen 120 when it is folded, which improves the convenience of using the electronic device 100 .
  • the first housing 111 and the second housing 112 are overlapped, the first display part 121 and the second display part 122 are close to each other, so that the electronic device 100 presents an inward-folding screen structure. , so as to protect the folding display 120 from scratch damage.
  • the above-mentioned naming of the first display part 121 , the second display part 122 and the bending display part 123 is only provided for convenience of description and does not serve as a structural limitation of the folding display screen 120 .
  • the first display part 121, the second display part 122 and the bending display part 123 may not have obvious boundaries, or the folding display screen 120 may appear in other divided structures, for example, the folding display screen 120 includes the first display part 121 And a second display part 122 connected to the first display part 121.
  • the first display part 121 and the second display part 122 can rotate relatively to fold or unfold.
  • FIG. 3 is a schematic flowchart of an interface display method provided by an embodiment of the present application. This method is used to realize that when the folding display screen displays two interfaces in split screen, if the folding display screen switches from the unfolded state to the folded state, one of the two interfaces is displayed and the other interface is hidden. The usability of split-screen is still maintained on small screens to improve the user experience.
  • the interface display method is applied to the interface display device 200 shown in FIG. 22 and the electronic device 100 configured with the interface display device 200 (FIG. 24). The following will take an electronic device as an example to illustrate the specific process of this embodiment.
  • the electronic devices applied in this embodiment may include smart phones, tablet computers, wearable electronic devices, etc., which are not limited here.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the process shown in Figure 3 will be described in detail below.
  • the interface The display method may specifically include the following steps:
  • Step S110 When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
  • the electronic device includes a folding display screen, the folding display screen has a displayable area, and the displayable area may include a first display area and a second display area.
  • the sum of the display area corresponding to the first display area and the display area corresponding to the second display area is consistent with the display area corresponding to the displayable area. That is to say, the displayable area only includes the first display area and the display area. Second display area.
  • the sum of the display area corresponding to the first display area and the display area corresponding to the second display area is smaller than the display area corresponding to the displayable area. That is to say, the displayable area includes the first display area and In addition to the second display area, more other display areas may also be included, which are not limited here.
  • the first display area and the second display area can be displayed side by side, for example, the first display area is located on the left side of the second display area, or the second display area is located on the left side of the first display area; the first display area and the second display area can be arranged side by side up and down. Display, for example, the first display area is located on the upper side of the second display area, or the second display area is located on the upper side of the first display area.
  • the display area of the first display area and the display area of the second display area may be the same or different, and are not limited here.
  • the state of the folding display screen can be detected, for example, whether the folding display screen is in an unfolded state can be detected.
  • the electronic device can detect the bending angle of the folding display screen, and determine the state of the folding display screen based on the detected bending angle. For example, determine the folding angle of the folding display screen based on the detected bending angle. Whether the display is expanded.
  • the electronic device can use the above-mentioned angle detection module to detect the bending angle of the folding display screen. It can be understood that since the folding display screen can be folded or unfolded relative to the first housing and the second housing, the above-mentioned angle detection module for detecting the angle between the first housing and the second housing can be used.
  • the group detects the bending angle of the folding display screen, and determines whether the folding display screen is in an unfolded state based on the bending angle of the folding display screen.
  • the electronic device can detect the impedance value of the variable-impedance material disposed in the bendable area to determine the bending angle of the foldable display screen.
  • the resistance of the material is different. It can be understood that the above-mentioned variable impedance material provided in the bendable area is subjected to different pressures when the folding display screen is bent to different angles, and the resistance value of the material is different.
  • the resistance value of the material can be different according to different The corresponding relationship between the angle and different impedance values, as well as the detected impedance value of the above material, determines the bending angle of the folding display screen, and determines whether the folding display screen is in an unfolded state based on the bending angle of the folding display screen.
  • the electronic device can detect the repulsive force between the magnet provided on the first display part and the magnet provided on the second display part, so that the electronic device can detect the repulsive force between the magnet between the first display part and the second display part. , determine the bending angle of the folding display. It can be understood that the closer the magnets disposed on the first display part and the magnets disposed on the second display part are, the greater the repulsive force between the magnets detected by the electronic device will be. The smaller the bending angle formed by the screen, the magnets are closest to each other when the folding display is folded relative to each other. Therefore, the bending angle of the folding display can be determined based on the repulsion detected above, and the bending angle of the folding display can be determined based on the above. Whether the folding display is in the unfolded state.
  • the specific detection of the bending angle of the folding display screen can also include other more methods, which may not be limited in the embodiments of the present application.
  • the folding display screen when it is determined that the folding display screen is in the unfolded state, it may be detected whether instruction information for instructing split-screen display is received, wherein, if instruction information for instructing split-screen display is received, Then, in response to the instruction information, the first interface can be displayed in the first display area, and the second interface can be displayed in the second display area.
  • the instruction information instructing split-screen display can be generated based on the touch operation on the folding display screen, can be generated based on the voice information input to the electronic device, and can be generated when the current time meets the preset time. , can be generated when the current environment meets the preset environment, etc., and are not limited here.
  • the first interface and the second interface may correspond to the same application program.
  • the application program corresponding to the first interface may be word, and the application program corresponding to the second interface may also be word.
  • the first interface and the second interface may correspond to different applications.
  • the application program corresponding to the first interface may be a video application program, and the application program corresponding to the second interface may be an audio application program. Programs, etc. are not limited here.
  • FIG. 4 shows a schematic diagram of the electronic device provided by the embodiment of the present application in a fully expanded state.
  • the electronic device 100 can display a first interface A and a second interface B in a fully unfolded state.
  • FIG. 5 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state.
  • the electronic device 100 can display a first interface A and a second interface B when in an unfolded state.
  • FIG. 6 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state.
  • the electronic device 100 can display a first interface A and a second interface B in an unfolded state.
  • Step S120 In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
  • the electronic device while the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state.
  • the first interface when it is detected that the folding display screen remains in the unfolded state, the first interface can continue to be displayed in the first display area and the second interface is displayed in the second display area; when it is detected that the folding display screen switches from the unfolded state to In the folded state, one of the first interface and the second interface can be determined as the first target interface, and the other can be determined as the second target interface.
  • the bending angle of the folding display screen may be detected, and whether the folding display screen switches from the unfolded state to the folded state is determined based on the detected bending angle.
  • the electronic device when the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it may be detected whether an instruction for instructing the folding display screen to fold is received.
  • the folding display screen when determining to receive the instruction for folding When the display screen receives a folding instruction, the folding display screen can be controlled to switch from the unfolded state to the folded state in response to the instruction.
  • the electronic device may be preset and stored with preset rules.
  • preset rules When it is determined that the folding display screen switches from the unfolded state to the folded state, one of the first interface and the second interface can be determined as the first target interface and the other as the second target interface based on the preset rules.
  • determining one of the first interface and the second interface as the first target interface and determining the other as the second target interface may include: determining the first interface as the first target interface and the second interface.
  • the second interface is determined as the second target interface; or, the second interface is determined as the first target interface and the first interface is determined as the second target interface.
  • Step S130 Display the first target interface and hide the second target interface.
  • the first target interface when the first target interface and the second target interface are determined, the first target interface can be displayed and the second target interface can be hidden.
  • the first target interface when the foldable display screen of the electronic device is in the folded state, and the display area corresponding to the displayable area of the electronic device is small, the first target interface can be displayed and the second target interface can be hidden to ensure that one of the two interfaces is One interface can be displayed completely and well, and the other of the two interfaces can be hidden (not closed) so that the display can be quickly switched subsequently to maintain the usability of the split-screen display.
  • hiding the second target interface means that the second target interface is not completely displayed, but the second target interface is still in a running state.
  • displaying the first target interface and hiding the second target interface may include: displaying the first target interface and completely hiding the second target interface; displaying the first target interface and simultaneously displaying an identification for identifying the second target interface. information (such as the icon of the second application program corresponding to the second target interface); display the first target interface and simultaneously display the control for switching the second target interface; display the first target interface and simultaneously display the reduced interface of the second target interface etc., no limitation is made here.
  • FIG. 7 shows a first schematic diagram of the electronic device provided by the embodiment of the present application in a folded state.
  • the first interface A is determined as the first target interface
  • the second interface B is determined as the second target interface.
  • the electronic device 100 can Display the first interface A and hide the second interface B.
  • An interface display method provided by an embodiment of the present application displays a first interface in a first display area and a second interface in a second display area when the folding display screen is in an unfolded state.
  • the expanded state is switched to the collapsed state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface, the first target interface is displayed and the second target interface is hidden, thereby passing
  • the folding display screen displays two interfaces in a split screen, if the folding display screen switches from the unfolded state to the folded state, one of the two interfaces will be folded to display and the other interface will be hidden, so that the user can still view the screen on a small screen. Maintain the availability of split-screen to improve user experience.
  • FIG. 8 is a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • the method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the process shown in Figure 8 will be described in detail below.
  • the method for displaying the interface may specifically include the following steps:
  • Step S210 When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
  • Step S220 In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
  • steps S210 to S220 please refer to steps S110 to S120, which will not be described again here.
  • Step S230 Display the first target control in the first target area of the first target interface.
  • the first target interface when the first target interface and the second target interface are determined, the first target interface can be displayed, and the first target control can be displayed in the first target area of the first target interface, where the first target interface can be displayed.
  • a target control is used to trigger switching between showing and hiding the interface.
  • the first target area when the first target interface is displayed, the first target area may be determined from the first target interface. It is better that the first target area does not affect the display of the content of the first target interface.
  • the first target area can be close to the edge of the first target interface.
  • the first target area can be close to the left side of the first target interface.
  • the edge may be close to the right edge of the first target interface, may be close to the top edge of the first target interface, may be close to the bottom edge of the first target interface, etc., and is not limited here.
  • the first target control when the first target area is determined from the first target interface, the first target control may be displayed in the first target area.
  • the shape, size, color and other parameters of the first target control are not limited.
  • the first target control can be a control shaped like a button/handle.
  • FIG. 9 shows a second schematic diagram of the electronic device provided by the embodiment of the present application in a folded state.
  • the first interface A is determined as the first target interface
  • the second interface B is determined as the second target interface.
  • the electronic device 100 can Display the first interface A, and display the first target control C in the first target area of the first interface A.
  • Step S240 In response to the touch operation on the first target control, display the second target interface and hide the first target interface.
  • the touch operation acting on the first target control may be detected.
  • the display can continue to be maintained. the first target interface, and displays the first target control in the first target area of the first target interface; when a touch operation acting on the first target control is detected, the touch operation acting on the first target control can be responded to , switching the first target interface from display to hiding, and switching the second target interface from hiding to display, that is, displaying the second target interface and hiding the first target interface.
  • the touch operation acting on the first target control may include: a click operation acting on the first target control, a pressing operation acting on the first target control, a sliding operation acting on the first target control, etc., No limitation is made here.
  • FIG. 10 shows a third schematic diagram of the electronic device provided by the embodiment of the present application in a folded state.
  • the first interface A is determined as the first target interface
  • the second interface B is determined as the second target interface.
  • the electronic device 100 responds A touch operation on the first target control displays the second target interface B and hides the first target interface A.
  • FIG. 11 is a schematic flowchart of step S240 of the method for displaying the interface shown in FIG. 8 of the present application.
  • the process shown in Figure 11 will be described in detail below.
  • the method may specifically include the following steps:
  • Step S241 In response to the touch operation on the first target control, display the second target interface, and display the second target control in the second target area of the second target interface.
  • displaying the second target interface and hiding the first target interface in response to a touch operation acting on the first target control may include: displaying the second target interface in response to a touch operation acting on the first target control, And display the second target control in the second target area of the second target interface.
  • the second target control is used to trigger switching between display and hidden interfaces.
  • the second target area when the second target interface is displayed, the second target area may be determined from the second target interface. It is better that the second target area does not affect the display of the content of the second target interface.
  • the second target area can be close to the edge of the second target interface.
  • the second target area can be close to the left side of the second target interface.
  • the edge may be close to the right edge of the second target interface, may be close to the top edge of the second target interface, may be close to the bottom edge of the second target interface, etc., and is not limited here.
  • the second target control when the second target area is determined from the second target interface, the second target control may be displayed in the second target area.
  • the shape, size, color and other parameters of the second target control are not limited.
  • the second target control can be a control shaped like a button/handle.
  • FIG. 12 shows a fourth schematic diagram of an electronic device in a folded state according to an embodiment of the present application.
  • the first interface A is determined as the first target interface
  • the second interface B is determined as the second target interface.
  • the electronic device 100 can In response to the touch operation on the first target control, the second target interface B is displayed and the second target control D is displayed in the second target area of the second target interface B.
  • Step S242 In response to the touch operation on the second target control, display the first target interface and hide the second target interface.
  • the touch operation acting on the second target control may be detected.
  • the second target interface can continue to be displayed, and the second target control is displayed in the second target area of the second target interface; when a touch operation acting on the second target control is detected;
  • the second target interface can be switched from display to hiding, and the first target interface can be switched from hiding to display, that is, display The first target interface and hides the second target interface.
  • the touch operation acting on the second target control may include: a click operation acting on the second target control, a pressing operation acting on the second target control, a sliding operation acting on the second target control, etc., No limitation is made here.
  • An embodiment of the present application provides an interface display method. Compared with the interface display method shown in Figure 3, this embodiment also displays a first target interface and displays the first target in the first target area of the first target interface. Control, in response to a touch operation acting on the first target control, displays the second target interface and hides the first target interface, so that by displaying the target interface and displaying the target control at the same time, the target interface can be quickly switched to display or hide. , to improve the efficiency of split-screen applications.
  • FIG. 13 is a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • the method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the process shown in Figure 13 will be described in detail below.
  • the method for displaying the interface may specifically include the following steps:
  • Step S310 When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
  • Step S320 In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
  • steps S310 to S320 please refer to steps S110 to S120, which will not be described again here.
  • Step S330 Display the first target interface and a first sub-interface, wherein the first sub-interface is a reduced interface of the second target interface, and the corresponding display area of the first target interface is larger than the first sub-interface.
  • the first target interface and the first sub-interface can be displayed at the same time, where the first sub-interface is a reduced interface of the second target interface.
  • the display area corresponding to the first target interface is larger than the display area corresponding to the first sub-interface.
  • the size of the first sub-interface can be set in advance, and the first target interface and the first sub-interface are displayed at the same time.
  • the first sub-interface has no display impact on the first target interface, that is, the first target interface can be displayed completely and well, and the first sub-interface is used as a prompt for the existence of the second target interface.
  • the first target interface and the first sub-interface can be displayed side by side, for example, the first target interface is located on the left side of the first sub-interface, or the first target interface is located on the right side of the first sub-interface;
  • the first target interface and the first sub-interface may be displayed side by side, for example, the first target interface is located above the first sub-interface, or the first target interface is located below the first sub-interface, etc., which are not limited here.
  • the reduced interface of the second target interface may refer to a part of the second target interface, or may refer to a scaled-down overall interface of the second target interface, which is not limited here.
  • the reduction interface of the second target interface can be a narrow slit, and the ratio of the reduction interface of the second target interface to the display width of the first target interface can be less than a preset ratio (such as 1/5, 1/7, etc.)
  • the ratio of the reduced interface of the second target interface to the display height of the first target interface may be smaller than a preset ratio, etc., which is not limited here.
  • FIG. 14 shows a fifth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state.
  • the first interface A is determined as the first target interface
  • the second interface B is determined as the second target interface.
  • the electronic device 100 can Display the first target interface A and the first sub-interface B'.
  • Step S340 In response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, display the second target interface and hide the first target interface.
  • the first target interface and the first sub-interface when displayed at the same time, the first target interface and the first sub-interface may be separated by a dividing line.
  • a drag operation acting on the dividing line between the first target interface and the first sub-interface may be detected.
  • the first target interface and the first sub-interface can continue to be displayed; when the drag operation acting on the first target interface and the first sub-interface is detected;
  • the first target interface can be switched from display in response to the dragging operation on the dividing line between the first target interface and the first sub-interface. to hide, and switch the second target interface from hiding to display, that is, display the second target interface and hide the first target interface.
  • the drag operation acting on the dividing line between the first target interface and the first sub-interface the drag operation acting on the dividing line between the first target interface and the first sub-interface along the target direction ;A drag operation that acts on the dividing line between the first target interface and the first sub-interface and drags it at the target speed, and acts on the dividing line between the first target interface and the first sub-interface and drags it along the target direction at the target speed.
  • the drag operation of the ground, etc. is not limited here.
  • the second target interface may be displayed and the first target interface may be hidden in response to a target touch operation acting on the first sub-interface.
  • the target touch operation may include: click operation, short press operation, long press operation, sliding operation, etc., which are not limited here.
  • FIG. 15 is a schematic flowchart of step S340 of the method for displaying the interface shown in FIG. 13 of the present application.
  • the process shown in Figure 15 will be described in detail below.
  • the method may specifically include the following steps:
  • Step S341 In response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, display the second target interface and the second sub-interface, wherein the second sub-interface It is a reduced interface of the first target interface, and the display area corresponding to the second target interface is larger than the display area corresponding to the second sub-interface.
  • displaying the second target interface and hiding the first target interface may include: responding to acting on the first target interface and The drag operation of the dividing line between the first sub-interface displays the second target interface and the second sub-interface, wherein the second sub-interface is a reduced interface of the first target interface, and the corresponding display area of the second target interface is larger than that of the first sub-interface.
  • the display area corresponding to the two sub-interfaces may include: responding to acting on the first target interface and The drag operation of the dividing line between the first sub-interface displays the second target interface and the second sub-interface, wherein the second sub-interface is a reduced interface of the first target interface, and the corresponding display area of the second target interface is larger than that of the first sub-interface.
  • the size of the second sub-interface can be preset. During the process of displaying the second target interface and the second sub-interface at the same time, the second sub-interface has no display impact on the second target interface, that is, the second target interface It can be displayed completely and well, and the second sub-interface is used as a reminder of the existence of the first target interface.
  • the second target interface and the second sub-interface can be displayed side by side, for example, the second target interface is located on the left side of the second sub-interface, or the second target interface is located on the right side of the second sub-interface;
  • the second target interface and the second sub-interface may be displayed side by side, for example, the second target interface is located above the second sub-interface, or the second target interface is located below the second sub-interface, etc., which are not limited here.
  • FIG. 16 shows a sixth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state.
  • the electronic device 100 switches from the unfolded state to the folded state, the first interface A is determined as the first target interface, and the second interface B is determined as the second target interface.
  • the electronic device 100 can In response to a drag operation on the dividing line between the first target interface A and the first sub-interface B', the second target interface B and the second sub-interface A' are displayed.
  • Step S342 In response to the drag operation acting on the dividing line between the second target interface and the second sub-interface, display the first target interface and hide the second target interface.
  • the second target interface and the second sub-interface when displayed at the same time, the second target interface and the second sub-interface can be divided into Line separation.
  • a drag operation acting on the dividing line between the second target interface and the second sub-interface may be detected.
  • the second target interface and the second sub-interface can continue to be displayed; when the drag operation acting on the second sub-interface is detected;
  • the second target interface can be switched from display in response to the dragging operation on the dividing line between the second target interface and the second sub-interface. to hide, and switch the first target interface from hiding to display, that is, display the first target interface and hide the second target interface.
  • the drag operation acting on the dividing line between the second target interface and the second sub-interface : the drag operation acting on the dividing line between the second target interface and the second sub-interface along the target direction ;A drag operation that acts on the dividing line between the second target interface and the second sub-interface and drags it at the target speed, and acts on the dividing line between the second target interface and the second sub-interface and drags it along the target direction at the target speed.
  • the drag operation of the ground, etc. is not limited here.
  • An embodiment of the present application provides an interface display method. Compared with the interface display method shown in Figure 3, this embodiment also displays a first target interface and a first sub-interface, where the first sub-interface is the second target.
  • the reduced interface of the interface, and the display area corresponding to the first target interface is larger than the display area corresponding to the first sub-interface, in response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target is displayed interface and hides the first target interface, so that by displaying the target interface and displaying the reduced interfaces of other target interfaces at the same time, the target interface can be quickly switched to display or hidden to improve the efficiency of split-screen applications.
  • FIG. 17 is a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • the method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the process shown in Figure 17 will be described in detail below.
  • the method for displaying the interface may specifically include the following steps:
  • Step S410 When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
  • step S410 For the specific description of step S410, please refer to step S110, which will not be described again here.
  • Step S420 In response to the folding display screen switching from the unfolded state to the folded state, obtain the arrangement relationship between the first display area and the second display area.
  • the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state.
  • the arrangement relationship between the first display area and the second display area can be obtained.
  • the coordinate information corresponding to the first display area can be obtained, and the coordinate information corresponding to the second display area can be obtained. Based on the coordinate information corresponding to the first display area and the coordinate information corresponding to the second display area, the first display area can be obtained. The arrangement relationship between the display area and the second display area.
  • the display position corresponding to the first display area can be obtained, and the display position corresponding to the second display area can be obtained. Based on the display position corresponding to the first display area and the display position corresponding to the second display area, the first display position can be obtained. The arrangement relationship between the display area and the second display area.
  • the arrangement relationship between the first display area and the second display area may include: the first display area is located on the left side of the second display area; the first display area is located on the right side of the second display area; the first display area The area is located on the upper side of the second display area; the first display area is located on the lower side of the second display area, etc., which are not limited here.
  • Step S430 Based on the arrangement relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
  • the arrangement relationship between the first display area and the second display area when the arrangement relationship between the first display area and the second display area is obtained, it can be determined from the first interface and the second interface based on the arrangement relationship between the first display area and the second display area.
  • the interface displayed on the left has a higher priority than the interface displayed on the right. Therefore, if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located on the left side of the second display area (second interface), then the first interface can be determined as the first target interface, and determine the second interface as the second target interface; if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located in the second display area (second interface) On the right side, the first interface can be determined as the second target interface, and the second interface can be determined as the first target interface.
  • the interface displayed on the upper side has a higher priority than the interface displayed on the lower side. Therefore, if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located above the second display area (second interface), then the first interface can be determined as the first target interface, and determine the second interface as the second target interface; if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located in the second display area (second interface) On the lower side, the first interface can be determined as the second target interface, and the second interface can be determined as the first target interface.
  • Step S440 Display the first target interface and hide the second target interface.
  • step S440 please refer to step S130, which will not be described again here.
  • the interface display method provided by an embodiment of the present application also obtains the arrangement relationship between the first display area and the second display area. Based on the arrangement relationship, from the first display area Determining one of the interface and the second interface as the first target interface and determining the other as the second target interface can improve the accuracy of displaying or hiding the interface.
  • FIG. 18 is a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • the method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the process shown in Figure 18 will be described in detail below.
  • the method for displaying the interface may specifically include the following steps:
  • Step S510 When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
  • step S510 For the specific description of step S510, please refer to step S110, which will not be described again here.
  • Step S520 In response to the folding display screen switching from the unfolded state to the folded state, obtain the positional relationship between the operation focus and the first display area and the second display area.
  • the electronic device while the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state.
  • the positional relationship between the operation focus and the first display area and the second display area can be obtained.
  • the operation focus may include the point corresponding to the cursor, the point corresponding to the touch operation, the gaze point, etc., which is not limited here.
  • the coordinate range corresponding to the first display area can be obtained, the coordinate range corresponding to the second display area can be obtained, and the coordinate information corresponding to the operation focus can be obtained, and the coordinate information corresponding to the operation focus can be calculated to correspond to the first display area
  • the relationship between the coordinate range, and the calculation of the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area, based on the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and the operation focus The relationship between the corresponding coordinate information and the coordinate range corresponding to the second display area determines the positional relationship between the operation focus and the first display area and the second display area.
  • the positional relationship between the operation focus and the first display area and the second display area may include: the operation focus is located in the first display area but not in the second display area; or, the operation focus is located in the second display area. within and not within the second display area.
  • Step S530 Based on the position relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
  • the positional relationship between the operation focus and the first display area and the second display area when the positional relationship between the operation focus and the first display area and the second display area is obtained, the positional relationship between the operation focus and the first display area and the second display area can be obtained from the first interface.
  • One of the two interfaces is determined as the first target interface, and the other is determined as the second target interface.
  • the electronic device generally defaults to a priority of the interface where the operation focus is located, higher than the priority of the interface where the operation focus is not. Therefore, if it is determined based on the positional relationship between the operation focus and the first display area and the second display area that the operation focus is located in the first display area (first interface) and is not located in the second display area (second interface), then the operation focus can be The first interface is determined as the first target interface, and the second interface is determined as the second target interface; if it is determined based on the positional relationship between the operation focus and the first display area and the second display area that the operation focus is located in the second display area (second interface) and is not located in the first display area (first interface), the second interface can be determined as the first target interface, and the first interface can be determined as the second target interface.
  • prompt information can be output, wherein the prompt information is used to prompt the user to select the first target interface from the first interface and the second interface. interface, and the interface selected as the second target interface.
  • Step S540 Display the first target interface and hide the second target interface.
  • step S540 please refer to step S130, which will not be described again here.
  • the interface display method provided by an embodiment of the present application is compared with the interface display method shown in Figure 3. This embodiment also obtains the positional relationship between the operation focus and the first display area and the second display area. Based on the positional relationship , determining one of the first interface and the second interface as the first target interface, and determining the other as the second target interface, thereby improving the accuracy of displaying or hiding the interface.
  • FIG. 19 is a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • the method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the process shown in Figure 19 will be described in detail below.
  • the method for displaying the interface may specifically include the following steps:
  • Step S610 When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
  • step S610 For the specific description of step S610, please refer to step S110, which will not be described again here.
  • Step S620 In response to the folding display switching from the unfolded state to the folded state, obtain the first application and The startup time relationship of the second application.
  • the first interface corresponds to the first application program
  • the second interface corresponds to the second application program
  • the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state.
  • the startup time relationship between the first application program and the second application program can be obtained.
  • the startup time of the first application program can be obtained, and the startup time of the second application program can be obtained. Based on the startup time of the first application program and the startup time of the second application program, the first application program and the second application program can be obtained. The relationship between the startup time of the two applications.
  • the electronic device when the electronic device starts the first application, it can determine whether to start the second application to obtain a judgment result, and determine the startup time relationship between the first application and the second application based on the judgment result. Wherein, if the judgment result indicates that the second application program has not been started, it can be determined that the startup time of the first application program is earlier than the startup time of the second application program; if the judgment result represents that the second application program has been started, it can be determined that the first application program has been started. The program's startup time is later than the second application's startup time.
  • the startup time relationship between the first application program and the second application program may include: the startup time of the first application program is earlier than the startup time of the second application program; or, the startup time of the first application program is later than The launch time of the second application.
  • Step S630 Based on the startup time relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
  • the first interface and the second interface can be obtained based on the startup time relationship between the first application program and the second application program.
  • One of them is determined as the first target interface, and the other is determined as the second target interface.
  • the electronic device may default to a priority of an application program that is started later than a priority application that is started earlier. Therefore, if it is determined based on the startup time relationship between the first application and the second application that the startup time of the first application is later than the startup time of the second application, the first interface corresponding to the first application can be determined as the first target interface, and determine the second interface corresponding to the second application program as the second target interface; if it is determined based on the startup time relationship between the first application program and the second application program that the startup time of the first application is earlier than that of the second application program At the startup time, the first interface corresponding to the first application program can be determined as the second target interface, and the second interface corresponding to the second application program can be determined as the first target interface.
  • Step S640 Display the first target interface and hide the second target interface.
  • step S640 please refer to step S130, which will not be described again here.
  • the interface display method provided by an embodiment of the present application is compared with the interface display method shown in Figure 3. This embodiment also obtains the first application program corresponding to the first interface and the second application program corresponding to the second interface.
  • Startup time relationship based on the startup time relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface, thereby improving the accuracy of displaying or hiding the interface. sex.
  • FIG. 20 is a schematic flowchart of an interface display method provided by an embodiment of the present application.
  • the method is applied to an electronic device.
  • the electronic device includes a folding display screen and a target display screen.
  • the target display screen and the folding display screen are arranged oppositely.
  • the displayable area of the folding display screen includes a first display area and a second display area.
  • the process shown in Figure 20 will be described in detail below.
  • the method for displaying the interface may specifically include the following steps:
  • Step S710 When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
  • Step S720 In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
  • step S710 to step S720 please refer to step S110 to step S120, which will not be described again here.
  • Step S730 Obtain the folding direction of the folding display screen.
  • the electronic device further includes a target display screen, which is arranged opposite to the folding display screen.
  • the target display screen can be a folding display screen, a liquid crystal display screen, an OLED display screen, etc. , no limitation is made here.
  • the display area of the displayable area of the target display screen and the display area of the displayable area of the folding display screen may be the same or different.
  • the display area of the displayable area of the target display screen may be smaller than the display area of the folding display screen. The display area of the display area.
  • the folding direction of the folding display screen when the folding display screen switches from the unfolded state to the folded state, the folding direction of the folding display screen can be obtained.
  • the folding direction of the folding display screen may include a first direction and a second direction, wherein the first direction represents a direction in which one of the first display area and the second display area is folded toward the other, and the The two directions represent the direction in which one of the first display area and the second display area is folded away from the other. Therefore, when the folding display screen switches from the unfolded state to the folded state, it is possible to obtain whether the folding direction of the folding display screen is the first direction or the second direction.
  • Step S740 Based on the folding direction, determine a display screen to be displayed from the folding display screen and the target display screen.
  • the display screen to be displayed can be determined from the folding display screen and the target display screen based on the folding direction.
  • the electronic device may be preset and stored with a mapping relationship table.
  • the mapping relationship table includes the corresponding relationship between the first direction, the second direction, the folding display screen and the target display screen.
  • the corresponding relationship may include the first direction corresponding to the target display screen, and the second direction corresponding to the folding display screen.
  • the target display screen can be determined as the display screen to be displayed.
  • the folding display screen can be determined as the display screen to be displayed.
  • Step S750 Display the first target interface and hide the second target interface through the display screen to be displayed.
  • the first target interface when the display screen to be displayed is determined, can be displayed through the display screen to be displayed and the second target interface can be hidden.
  • the display screen to be displayed is a folding display screen
  • the first target interface can be displayed in the folded display area through the folding display screen and the second target interface can be hidden
  • the display screen to be displayed is a target display screen
  • the first target interface can be displayed in the folded display area
  • the first target interface is displayed through the target display screen and the second target interface is hidden.
  • the interface display method provided by an embodiment of the present application is compared with the interface display method shown in Figure 3.
  • the electronic device of this embodiment also includes a target display screen arranged opposite to the folding display screen, and also obtains the folding display screen.
  • the folding direction based on the folding direction, determines the display screen to be displayed from the folding display screen and the target display screen, displays the first target interface and hides the second target interface through the display screen to be displayed, thereby improving the display of the target interface Diversity improves user experience.
  • FIG. 21 is a schematic flowchart of an interface display method according to an embodiment of the present application. This method is used to realize that when the folding display screen displays multiple interfaces in split screen, if the folding display screen switches from the unfolded state to the folded state, one of the multiple interfaces is displayed and the other interface is hidden. The usability of split-screen is still maintained on small screens to improve the user experience.
  • the interface display method is applied to the interface display device 300 shown in FIG. 23 and the electronic device 100 configured with the interface display device 300 (FIG. 24). The following will take an electronic device as an example to illustrate the specific process of this embodiment.
  • the electronic devices applied in this embodiment may include smart phones, tablet computers, wearable electronic devices, etc., which are not limited here.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas.
  • the process shown in Figure 21 will be described in detail below.
  • the display method of the interface can be Includes the following steps:
  • Step S810 When the folding display screen is in an unfolded state, corresponding interfaces are displayed in each of the multiple display areas.
  • the electronic device includes a folding display screen, the folding display screen has a displayable area, and the displayable area may include multiple display areas, where the number of display areas is at least three. That is to say, the displayable area may include a first display area, a second display area... and an Nth display area, where N is an integer greater than or equal to 3.
  • multiple display areas may each display a corresponding interface.
  • multiple display areas may each correspond to an application program, and each display an interface of the corresponding application program.
  • Step S820 In response to the folding display screen switching from the unfolded state to the folded state, determine a first target interface from the interfaces corresponding to the multiple display areas, and remove the first target interface from the interfaces corresponding to the multiple display areas. The interface outside the first target interface is determined as the second target interface.
  • the electronic device while the electronic device displays corresponding interfaces in each of the multiple display areas, it can detect whether the folding display screen switches from the unfolded state to the folded state. Among them, when it is detected that the folding display screen remains in the unfolded state, it can continue to display corresponding interfaces in multiple display areas; when it is detected that the folding display screen switches from the unfolded state to the folded state, it can continue to display the corresponding interfaces from the multiple display areas.
  • One of the interfaces corresponding to the area is determined as the first target interface, and the other interface is determined as the second target interface.
  • determining the first target interface from the interfaces corresponding to the multiple display areas, and determining the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas as the second target interface may include: Any interface among the interfaces corresponding to the display areas is determined as the first target interface, and all remaining interfaces are determined as the second target interface.
  • Step S830 Display the first target interface and hide the second target interface.
  • the first target interface and the second target interface when the first target interface and the second target interface are determined, the first target interface can be displayed and the second target interface can be hidden.
  • the second target interface since the second target interface includes multiple interfaces, that is, it is equivalent to displaying one interface and hiding multiple interfaces.
  • the first target interface when the first target interface and the second target interface are determined, the first target interface may be displayed, and at least two target controls may be displayed in the first target area of the first target interface, wherein the Each of at least two target controls is used to trigger switching to display a corresponding interface.
  • the first target area when the first target interface is displayed, the first target area may be determined from the first target interface. It is better that the first target area does not affect the display of the content of the first target interface.
  • the first target area can be close to the edge of the first target interface.
  • the first target area can be close to the left side of the first target interface.
  • the edge may be close to the right edge of the first target interface, may be close to the top edge of the first target interface, may be close to the bottom edge of the first target interface, etc., and is not limited here.
  • At least two target controls may be displayed in the first target area.
  • the shape, size, color and other parameters of the at least two target controls are not limited.
  • the at least two target controls may be controls shaped like buttons/handles.
  • touch operations acting on the at least two target controls may be detected.
  • the first target interface can continue to be displayed, and at least two target controls can be displayed in the first target area of the first target interface.
  • Target control when a touch operation acting on any one of the at least two target controls is detected, you can respond to the touch operation acting on the one target control from the second target interface (multiple interfaces) Determine an interface corresponding to the one target control, display the interface corresponding to the one target control, and hide the first target interface.
  • displaying at least two target controls in the first target area may include: directly displaying the at least two target controls in the first display area; or, displaying the at least two target controls in the form of a set in the first display area.
  • the target control for example, displays a button that combines at least two target controls in the first display area, and when a click operation on the button is detected, the at least two target controls are displayed.
  • An interface display method provided by an embodiment of the present application displays corresponding interfaces in multiple display areas when the folding display screen is in an unfolded state.
  • multiple display areas are displayed.
  • the first target interface is determined among the interfaces corresponding to the display area, and the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas are determined as the second target interface, the first target interface is displayed and the second target interface is hidden, thereby
  • the folding display screen displays multiple interfaces in split screens, if the folding display screen switches from the unfolded state to the folded state, one of the multiple interfaces is displayed and the other interface is hidden, so that the display can be realized on a small screen.
  • the usability of split-screen is still maintained to improve the user experience.
  • FIG. 22 shows a module block diagram of a display device of an interface provided by an embodiment of the present application.
  • the display device 200 of this interface is applied to the above-mentioned electronic device.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area.
  • the interface display device 200 includes: a first interface display module 210, an interface determination module 220, and a second interface display module 230, wherein:
  • the first interface display module 210 is configured to display a first interface in the first display area and a second interface in the second display area when the folding display screen is in an unfolded state.
  • the interface determination module 220 is configured to determine one of the first interface and the second interface as the first target interface in response to the folding display screen switching from the unfolded state to the folded state, and determine the other as the second target interface.
  • the interface determination module 220 includes: an arrangement relationship acquisition sub-module and a first interface determination sub-module, wherein:
  • An arrangement relationship acquisition submodule is configured to acquire an arrangement relationship between the first display area and the second display area in response to the folding display screen switching from the unfolded state to the folded state.
  • a first interface determination submodule configured to determine one of the first interface and the second interface as the first target interface based on the arrangement relationship, and determine the other as the second target. interface.
  • the interface determination module 220 includes: a location relationship acquisition sub-module and a second interface determination sub-module, wherein:
  • a positional relationship acquisition submodule configured to acquire the positional relationship between the operation focus and the first display area and the second display area in response to the folding display screen switching from the unfolded state to the folded state.
  • a second interface determination submodule configured to determine one of the first interface and the second interface as the first target interface based on the position relationship, and determine the other as the second target. interface.
  • the interface determination module 220 includes: a startup time relationship acquisition submodule and a third interface determination submodule, wherein:
  • a startup time relationship acquisition submodule is configured to acquire a startup time relationship between the first application program and the second application program in response to the folding display screen switching from the unfolded state to the folded state.
  • a third interface determination submodule is configured to determine one of the first interface and the second interface as the first target interface and determine the other as the second target interface based on the startup time relationship.
  • the second interface display module 230 is used to display the first target interface and hide the second target interface.
  • the second interface display module 230 includes: a first target control display sub-module, wherein:
  • the first target control display submodule is used to display the first target control in the first target area of the first target interface.
  • the second interface display module 230 also includes: a first interface display sub-module, wherein:
  • the first interface display submodule is configured to display the second target interface and hide the first target interface in response to a touch operation on the first target control.
  • the first interface display sub-module includes: a second target control display unit and a first interface display unit, wherein:
  • a second target control display unit is configured to display the second target interface in response to a touch operation on the first target control, and display a second target control in a second target area of the second target interface.
  • a first interface display unit is configured to display the first target interface and hide the second target interface in response to a touch operation on the second target control.
  • the second interface display module 230 includes: a second interface display sub-module, wherein:
  • the second interface display sub-module is used to display the first target interface and the first sub-interface, wherein the first sub-interface is a reduced interface of the second target interface, and the corresponding display of the first target interface The area is larger than the corresponding display area of the first sub-interface.
  • the second interface display module 230 also includes: a third interface display sub-module, wherein:
  • a third interface display submodule configured to display the second target interface and hide the first target interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface.
  • the third interface display sub-module includes: a second interface display unit and a third interface display unit, wherein:
  • a second interface display unit configured to display the second target interface and the second sub-interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, wherein the The second sub-interface is a reduced interface of the first target interface, and the display area corresponding to the second target interface is larger than the display area corresponding to the second sub-interface.
  • a third interface display unit is configured to display the first target interface and hide the second target interface in response to a drag operation acting on the dividing line between the second target interface and the second sub-interface.
  • the electronic device further includes a target display screen, which is set opposite to the folding display screen.
  • the second interface display module 230 includes: a folding direction acquisition sub-module, a display screen determination sub-module and a fourth interface. Show submodules where:
  • the folding direction acquisition submodule is used to obtain the folding direction of the folding display screen.
  • a display screen determination submodule is configured to determine a display screen to be displayed from the folding display screen and the target display screen based on the folding direction.
  • the display screen determination sub-module includes: a first display screen determination unit and a second display screen determination unit, wherein:
  • a first display screen determining unit configured to determine the target display screen as the display screen to be displayed if the folding direction is a first direction, wherein the first direction represents the first display area A direction in which one of the second display area and the second display area is folded toward the other.
  • a second display screen determining unit configured to determine the folded display screen as the display screen to be displayed if the folding direction is a second direction, wherein the second direction represents the first display area and the direction in which one of the second display areas is folded away from the other.
  • a fourth interface display submodule is used to display the first target interface and hide the second target interface through the display screen to be displayed.
  • FIG. 23 shows a module block diagram of a display device of an interface provided by an embodiment of the present application.
  • the display device 300 of this interface is applied to the above-mentioned electronic device.
  • the electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas. The following will be described with reference to the block diagram shown in Figure 23.
  • the interface display device 300 includes: an interface display module 310, an interface determination module 320, and an interface hiding module 330, wherein:
  • the interface display module 310 is configured to display corresponding interfaces in each of the multiple display areas when the folding display screen is in an unfolded state.
  • the interface determination module 320 is configured to determine a first target interface from the interfaces corresponding to the multiple display areas in response to the folding display screen switching from the unfolded state to the folded state, and corresponding the multiple display areas. Among the interfaces, the interfaces other than the first target interface are determined as the second target interface.
  • the interface hiding module 330 is used to display the first target interface and hide the second target interface.
  • the interface hiding module 330 includes: a target control display sub-module and an interface hiding sub-module, wherein:
  • the target control display sub-module is configured to display at least two target controls in the first target area of the first target interface.
  • the interface hiding submodule is configured to respond to a touch operation on one of the at least two target controls, display the interface corresponding to the one target control and hide the first target interface.
  • the coupling between modules may be electrical, mechanical or other forms of coupling.
  • each functional module in each embodiment of the present application can be integrated into one processing module, or each module can exist physically alone, or two or more modules can be integrated into one module.
  • the above integrated modules can be implemented in the form of hardware or software function modules.
  • FIG. 24 shows a structural block diagram of an electronic device 100 provided by an embodiment of the present application.
  • the electronic device 100 may be a smart phone, a tablet computer, an e-book, or other electronic device capable of running applications.
  • the electronic device 100 in the present application may include one or more of the following components: a processor 130, a memory 140, and one or more application programs, wherein one or more application programs may be stored in the memory 140 and configured to be Or multiple processors 130 execute, and one or more programs are configured to execute the method as described in the foregoing method embodiments.
  • the processor 130 may include one or more processing cores.
  • the processor 130 uses various interfaces and lines to connect various parts of the entire electronic device 100, and executes by running or executing instructions, programs, code sets or instruction sets stored in the memory 140, and calling data stored in the memory 140.
  • Various functions and processing data of the electronic device 100 may use at least one of digital signal processing (Digital Signal Processing, DSP), field-programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA).
  • DSP Digital Signal Processing
  • FPGA field-programmable gate array
  • PLA programmable logic array
  • the processor 130 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processor (Graphics Processing Unit, GPU), a modem, and the like.
  • the CPU mainly handles the operating system, user interface, and applications; the GPU is responsible for rendering and drawing the content to be displayed; and the modem is used to handle wireless communications.
  • the above-mentioned modem may not be integrated into the processor 130 and may be implemented solely through a communication chip.
  • the memory 140 may include random access memory (RAM) or read-only memory (Read-Only Memory). Memory 140 may be used to store instructions, programs, codes, sets of codes, or sets of instructions.
  • the memory 140 may include a program storage area and a data storage area, where the program storage area may store instructions for implementing an operating system and instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.) , instructions for implementing each of the following method embodiments, etc.
  • the storage data area can also store data created during use of the electronic device 100 (such as phone book, audio and video data, chat record data), etc.
  • Figure 25 shows a structural block diagram of a computer-readable storage medium provided by an embodiment of the present application.
  • Program code is stored in the computer-readable medium 400, and the program code can be called by the processor to execute the method described in the above method embodiment.
  • Computer-readable storage medium 400 may be electronic memory such as flash memory, EEPROM (electrically erasable programmable read-only memory), EPROM, hard disk, or ROM.
  • the computer-readable storage medium 400 includes non-transitory computer-readable storage medium.
  • the computer-readable storage medium 400 has storage space for the program code 410 that performs any method steps in the above-mentioned methods. These program codes can be read from or written into one or more computer program products.
  • Program code 410 may, for example, be compressed in a suitable form.
  • the interface display method, device, electronic device and storage medium provided by the embodiments of the present application display the first interface in the first display area when the folding display screen is in the unfolded state, and display the first interface in the second display area.
  • the area displays the second interface, and in response to the folding display screen switching from the unfolded state to the folded state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface, and a second target interface is displayed.
  • One target interface and hide the second target interface so that when the folding display screen displays two interfaces in split screen, if the folding display screen switches from the unfolded state to the folded state, one of the two interfaces is folded and displayed. Hiding another interface can maintain the usability of split-screen on small screens to improve the user experience.

Abstract

Disclosed in the present application are an interface display method and apparatus, an electronic device and a storage medium. When two interfaces are displayed on split screens of a folding display screen, if the folding display screen switches from an unfolded state to a folded state, one of the two interfaces is folded for performing display and the other interface is hidden, so that split-screen availability can be still preserved on a small screen, so as to improve the usage experience of a user.

Description

界面的显示方法、装置、电子设备以及存储介质Interface display method, device, electronic equipment and storage medium
相关申请的交叉引用Cross-references to related applications
本申请要求于2022年07月11日提交的申请号为CN202210813099.1的中国申请的优先权,其在此出于所有目的通过引用将其全部内容并入本文。This application claims priority from Chinese application No. CN202210813099.1, filed on July 11, 2022, the entire content of which is hereby incorporated by reference for all purposes.
技术领域Technical field
本申请涉及电子设备技术领域,更具体地,涉及一种界面的显示方法、装置、电子设备以及存储介质。The present application relates to the technical field of electronic equipment, and more specifically, to an interface display method, device, electronic equipment, and storage medium.
背景技术Background technique
随着科学技术的发展,电子设备的使用越来越广泛,功能越来越多,已经成为人们日常生活中的必备之一。目前,电子设备逐渐开始配置有折叠显示屏,且在折叠显示屏处于展开状态的情况下,若折叠显示屏采用左右分屏进行两个不同界面的显示时,那么,在折叠显示屏从展开状态切换为折叠状态时,会依然保持两个不同的界面进行分屏显示。With the development of science and technology, electronic devices are used more and more widely and have more and more functions, and they have become one of the necessities in people's daily life. At present, electronic devices are gradually beginning to be equipped with folding displays, and when the folding display is in the unfolded state, if the folding display uses left and right split screens to display two different interfaces, then when the folding display changes from the unfolded state When switching to the folded state, two different interfaces will still be displayed in split screen.
发明内容Contents of the invention
鉴于上述问题,本申请提出了一种界面的显示方法、装置、电子设备以及存储介质,以解决上述问题。In view of the above problems, this application proposes an interface display method, device, electronic device and storage medium to solve the above problems.
第一方面,本申请实施例提供了一种界面的显示方法,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括第一显示区域和第二显示区域,所述方法包括:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面;响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面;显示所述第一目标界面并隐藏所述第二目标界面。In a first aspect, embodiments of the present application provide an interface display method, which is applied to an electronic device. The electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. , the method includes: when the folding display screen is in an unfolded state, displaying a first interface in the first display area and displaying a second interface in the second display area; in response to the folding display The screen is switched from the unfolded state to the folded state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface; displaying the first target interface and hide the second target interface.
第二方面,本申请实施例提供了一种界面的显示方法,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括多个显示区域,所述方法包括:在所述折叠显示屏处于展开状态的情况下,在所述多个显示区域各自显示对应的界面;响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述多个显示区域对应的界面中确定第一目标界面,并将所述多个显示区域对应的界面中除所述第一目标界面外的界面确定为第二目标界面;显示所述第一目标界面并隐藏所述第二目标界面。In a second aspect, embodiments of the present application provide an interface display method, which is applied to an electronic device. The electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas. The method includes : When the folding display screen is in an unfolded state, corresponding interfaces are displayed in each of the plurality of display areas; in response to the folding display screen switching from the unfolded state to a folded state, from the plurality of display areas Determine the first target interface among the interfaces corresponding to the area, and determine the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas as the second target interface; display the first target interface and hide all Describe the second target interface.
第三方面,本申请实施例提供了一种界面的显示装置,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括第一显示区域和第二显示区域,所述装置包括:第一界面显示模块,用于在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面;界面确定模块,用于响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面;第二界面显示模块,用于显示所述第一目标界面并隐藏所述第二目标界面。In a third aspect, embodiments of the present application provide an interface display device for use in electronic equipment. The electronic equipment includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. , the device includes: a first interface display module, configured to display a first interface in the first display area and display a second interface in the second display area when the folding display screen is in an unfolded state. Interface; an interface determination module, configured to determine one of the first interface and the second interface as the first target interface in response to the folding display screen switching from the unfolded state to the folded state, and determine the other One serves as the second target interface; the second interface display module is used to display the first target interface and hide the second target interface.
第四方面,本申请实施例提供了一种界面的显示装置,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括多个显示区域,所述装置包括:界面显示模块,用于在所述折叠显示屏处于展开状态的情况下,在所述多个显示区域各自显示对应的界面;界面确定模块,用于响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述多个显示区域对应的界面中确定第一目标界面,并将所述多个显示区域对应的界面中除所述第一目标界面外的界面确定为第二目标界面;界面隐藏模块,用于显示所述第一目标界面并隐藏所述第二目标界面。In a fourth aspect, embodiments of the present application provide an interface display device for use in electronic equipment. The electronic equipment includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas. The device includes : an interface display module, configured to display corresponding interfaces in each of the plurality of display areas when the folding display screen is in an expanded state; an interface determination module, configured to display the corresponding interface from the unfolded state in response to the folding display screen The state is switched to the folded state, the first target interface is determined from the interfaces corresponding to the multiple display areas, and the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas are determined as the second target. Interface; an interface hiding module, used to display the first target interface and hide the second target interface.
第五方面,本申请实施例提供了一种电子设备,包括存储器和处理器,所述存储器耦接到所述处理器,所述存储器存储指令,当所述指令由所述处理器执行时所述处理器执行上述方法。In a fifth aspect, embodiments of the present application provide an electronic device, including a memory and a processor. The memory is coupled to the processor, and the memory stores instructions that are executed when the instructions are executed by the processor. The processor executes the above method.
第六方面,本申请实施例提供了一种计算机可读取存储介质,所述计算机可读取存储介质中存储有程序代码,所述程序代码可被处理器调用执行上述方法。In a sixth aspect, embodiments of the present application provide a computer-readable storage medium, the computer-readable storage medium stores program code, and the program code can be called by a processor to execute the above method.
附图说明Description of drawings
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present application. For those skilled in the art, other drawings can also be obtained based on these drawings without exerting creative efforts.
图1示出了本申请实施例提供的电子设备在折叠状态下的结构示意图;Figure 1 shows a schematic structural diagram of an electronic device in a folded state according to an embodiment of the present application;
图2示出了本申请实施例提供的电子设备在展开状态下的结构示意图;Figure 2 shows a schematic structural diagram of the electronic device provided by the embodiment of the present application in an unfolded state;
图3示出了本申请一实施例提供的界面的显示方法的流程示意图;Figure 3 shows a schematic flowchart of an interface display method provided by an embodiment of the present application;
图4示出了本申请实施例提供的电子设备在处于完全展开状态下的示意图;Figure 4 shows a schematic diagram of the electronic device provided by the embodiment of the present application in a fully unfolded state;
图5示出了本申请实施例提供的电子设备在向内处于展开状态下的示意图;Figure 5 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state;
图6示出了本申请实施例提供的电子设备在向外处于展开状态下的示意图; Figure 6 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state;
图7示出了本申请实施例提供的电子设备在处于折叠状态的第一种示意图;Figure 7 shows a first schematic diagram of the electronic device provided by the embodiment of the present application in a folded state;
图8示出了本申请一实施例提供的界面的显示方法的流程示意图;Figure 8 shows a schematic flowchart of an interface display method provided by an embodiment of the present application;
图9示出了本申请实施例提供的电子设备在处于折叠状态的第二种示意图;Figure 9 shows a second schematic diagram of the electronic device provided by the embodiment of the present application in a folded state;
图10示出了本申请实施例提供的电子设备在处于折叠状态的第三种示意图;Figure 10 shows a third schematic diagram of the electronic device provided by the embodiment of the present application in a folded state;
图11示出了本申请的图8所示的界面的显示方法的步骤S240的流程示意图;Figure 11 shows a schematic flow chart of step S240 of the display method of the interface shown in Figure 8 of the present application;
图12示出了本申请实施例提供的电子设备在处于折叠状态的第四种示意图;Figure 12 shows a fourth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state;
图13示出了本申请一实施例提供的界面的显示方法的流程示意图;Figure 13 shows a schematic flowchart of an interface display method provided by an embodiment of the present application;
图14示出了本申请实施例提供的电子设备在处于折叠状态的第五种示意图;Figure 14 shows a fifth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state;
图15示出了本申请的图13所示的界面的显示方法的步骤S240的流程示意图;Figure 15 shows a schematic flow chart of step S240 of the display method of the interface shown in Figure 13 of the present application;
图16示出了本申请实施例提供的电子设备在处于折叠状态的第六种示意图;Figure 16 shows a sixth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state;
图17示出了本申请一实施例提供的界面的显示方法的流程示意图;Figure 17 shows a schematic flowchart of an interface display method provided by an embodiment of the present application;
图18示出了本申请一实施例提供的界面的显示方法的流程示意图;Figure 18 shows a schematic flowchart of an interface display method provided by an embodiment of the present application;
图19示出了本申请一实施例提供的界面的显示方法的流程示意图;Figure 19 shows a schematic flowchart of an interface display method provided by an embodiment of the present application;
图20示出了本申请一实施例提供的界面的显示方法的流程示意图;Figure 20 shows a schematic flowchart of an interface display method provided by an embodiment of the present application;
图21示出了本申请一实施例通过的界面的显示方法的流程示意图;Figure 21 shows a schematic flowchart of an interface display method according to an embodiment of the present application;
图22示出了本申请一实施例提供的界面的显示装置的模块框图;Figure 22 shows a module block diagram of a display device of an interface provided by an embodiment of the present application;
图23示出了本申请一实施例提供的界面的显示装置的模块框图;Figure 23 shows a module block diagram of a display device of an interface provided by an embodiment of the present application;
图24示出了本申请实施例用于执行根据本申请实施例的界面的显示方法的电子设备的框图;Figure 24 shows a block diagram of an electronic device used to perform an interface display method according to an embodiment of the present application;
图25示出了本申请实施例的用于保存或者携带实现根据本申请实施例的界面的显示方法的程序代码的存储单元。Figure 25 shows a storage unit used to save or carry the program code that implements the interface display method according to the embodiment of the present application.
具体实施方式Detailed ways
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。In order to enable those in the technical field to better understand the solution of the present application, the technical solution in the embodiment of the present application will be clearly and completely described below in conjunction with the drawings in the embodiment of the present application.
其中,折叠显示屏在处于展开状态时的可显示区域相较于折叠显示屏处于折叠状态时的可显示区域的显示面积更大。基于此,在折叠显示屏处于展开状态的情况下,若折叠显示屏采用左右分屏进行两个不同界面的显示时,表征该电子设备通过较大显示面积的显示区域进行两个不同界面的显示(如左右分屏显示),此时,可以保证两个不同界面均完整且良好的显示;在折叠显示屏从展开状态切换为折叠状态的情况下,电子设备会依然保持两个不同觉得界面进行分屏显示,表征该电子设备会通过较小显示面积的显示区域进行两个不同界面的显示(如上下分屏显示),会导致两个界面都无法显示完整或者无法显示良好,造成用户的使用体验不高。The display area of the foldable display screen when it is in the unfolded state is larger than the display area of the foldable display screen when it is in the folded state. Based on this, when the folding display screen is in the unfolded state, if the folding display screen uses left and right split screens to display two different interfaces, it means that the electronic device displays two different interfaces through a display area with a larger display area. (such as left and right split-screen display), at this time, it can be ensured that the two different interfaces are displayed completely and well; when the folding display is switched from the unfolded state to the folded state, the electronic device will still maintain two different interfaces. Split-screen display means that the electronic device will display two different interfaces through a smaller display area (such as upper and lower split-screen display), which will cause the two interfaces to be unable to be displayed completely or not displayed well, causing user discomfort. Not a great experience.
针对上述问题,发明人经过长期的研究发现,并提出了本申请实施例提供的界面的显示方法、装置、电子设备以及存储介质,通过在折叠显示屏分屏显示两个界面的情况下,若折叠显示屏从展开状态切换为折叠状态,则从两个界面中折其一进行显示并隐藏另一界面,可以实现在小屏上依然保持分屏的可用性,以提升用户的使用体验。其中,具体的界面的显示方法在后续的实施例中进行详细的说明。In response to the above problems, the inventor discovered after long-term research and proposed the interface display method, device, electronic device and storage medium provided by the embodiment of the present application. By displaying two interfaces in split screen on the folding display screen, if When the folding display is switched from the unfolded state to the folded state, one of the two interfaces is folded to display and the other interface is hidden, which can maintain the usability of the split screen on a small screen to improve the user experience. The specific interface display method will be described in detail in subsequent embodiments.
本申请的实施方式提供了一种界面的显示方法,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括第一显示区域和第二显示区域,所述方法包括:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面;响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面;显示所述第一目标界面并隐藏所述第二目标界面。The embodiment of the present application provides an interface display method, which is applied to an electronic device. The electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The method includes: when the folding display screen is in an unfolded state, displaying a first interface in the first display area and displaying a second interface in the second display area; in response to the folding display screen being in an unfolded state; The expanded state is switched to the folded state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface; the first target interface is displayed and hidden The second target interface.
根据本申请的实施方式,包括:在所述第一目标界面的第一目标区域显示第一目标控件;响应作用于所述第一目标控件的触控操作,显示所述第二目标界面并隐藏所述第一目标界面。According to an embodiment of the present application, the method includes: displaying a first target control in a first target area of the first target interface; and displaying and hiding the second target interface in response to a touch operation acting on the first target control. The first target interface.
根据本申请的实施方式,所述响应作用于所述第一目标控件的触控操作,显示所述第二目标界面并隐藏所述第一目标界面,包括:响应作用于所述第一目标控件的触控操作,显示所述第二目标界面,并在所述第二目标界面的第二目标区域显示第二目标控件;响应作用于所述第二目标控件的触控操作,显示所述第一目标界面并隐藏所述第二目标界面。According to an embodiment of the present application, in response to a touch operation acting on the first target control, displaying the second target interface and hiding the first target interface includes: responding to a touch operation acting on the first target control In response to the touch operation on the second target control, the second target interface is displayed, and the second target control is displayed in the second target area of the second target interface; in response to the touch operation on the second target control, the second target control is displayed. A target interface and hiding the second target interface.
根据本申请的实施方式,所述显示所述第一目标界面并隐藏所述第二目标界面,包括:显示所述第一目标界面和第一子界面,其中,所述第一子界面为所述第二目标界面的缩小界面,所述第一目标界面对应的显示面积大于所述第一子界面对应的显示面积;在所述显示所述第一目标界面并隐藏所述第二目标界面之后,还包括:响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面。According to an embodiment of the present application, displaying the first target interface and hiding the second target interface includes: displaying the first target interface and a first sub-interface, wherein the first sub-interface is the The reduced interface of the second target interface, the display area corresponding to the first target interface is larger than the display area corresponding to the first sub-interface; after the first target interface is displayed and the second target interface is hidden , further comprising: displaying the second target interface and hiding the first target interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface.
根据本申请的实施方式,所述响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面,包括:响应作用于所述第一目标界面和所述第一 子界面之间的分割线的拖动操作,显示所述第二目标界面和第二子界面,其中,所述第二子界面为所述第一目标界面的缩小界面,所述第二目标界面对应的显示面积大于所述第二子界面对应的显示面积;在响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面之后,还包括:响应作用于所述第二目标界面和所述第二子界面之间的分割线的拖动操作,显示所述第一目标界面并隐藏所述第二目标界面。According to an embodiment of the present application, in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target interface is displayed and the first target interface is hidden. , including: responding to the first target interface and the first The drag operation of the dividing line between the sub-interfaces displays the second target interface and the second sub-interface, wherein the second sub-interface is a reduced interface of the first target interface, and the second target interface The corresponding display area is larger than the corresponding display area of the second sub-interface; in response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target interface is displayed and hiding the first target interface, further including: in response to a drag operation acting on the dividing line between the second target interface and the second sub-interface, displaying the first target interface and hiding the Second target interface.
根据本申请的实施方式,所述第一子界面包括所述第二目标界面的缩小界面,所述第二目标界面的缩小界面包括所述第二目标界面的部分界面,或者,所述第二目标界面的缩小界面包括所述第二目标界面按比例全局缩小后的界面。According to an embodiment of the present application, the first sub-interface includes a reduced interface of the second target interface, and the reduced interface of the second target interface includes a part of the second target interface, or the second The reduced interface of the target interface includes a proportionally reduced global interface of the second target interface.
根据本申请的实施方式,所述响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,包括:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域和所述第二显示区域的排列关系;基于所述排列关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。According to an embodiment of the present application, in response to the folding display screen switching from the unfolded state to the folded state, determining one of the first interface and the second interface as the first target interface, and determining The other as a second target interface includes: in response to the folding display screen switching from the unfolded state to the folded state, obtaining the arrangement relationship of the first display area and the second display area; based on the According to the arrangement relationship, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface.
根据本申请的实施方式,所述响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域和所述第二显示区域的排列关系,包括:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域的坐标信和所述第二显示区域的坐标信息;基于所述第一显示区域的坐标信息和所述第二显示区域的坐标信息,获取所述第一显示区域和所述第二显示区域的排列关系。According to an embodiment of the present application, in response to the folding display screen switching from the unfolded state to the folded state, obtaining the arrangement relationship of the first display area and the second display area includes: responding to The folding display screen is switched from the unfolded state to the folded state, and the coordinate information of the first display area and the coordinate information of the second display area are obtained; based on the coordinate information of the first display area and the The coordinate information of the second display area is used to obtain the arrangement relationship between the first display area and the second display area.
根据本申请的实施方式,所述响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,包括:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取操作焦点与所述第一显示区域和所述第二显示区域的位置关系;基于所述位置关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。According to an embodiment of the present application, in response to the folding display screen switching from the unfolded state to the folded state, determining one of the first interface and the second interface as the first target interface, and determining The other serves as the second target interface, including: in response to the folding display screen switching from the unfolded state to the folded state, obtaining the positional relationship between the operation focus and the first display area and the second display area. ; Based on the position relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
根据本申请的实施方式,所述响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取操作焦点与所述第一显示区域和所述第二显示区域的位置关系,包括:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域对应的坐标范围、所述第二显示区域对应的坐标范围以及所述焦点对应的坐标信息;计算所述操作焦点对应的坐标信息与所述第一显示区域对应的坐标范围的关系,以及计算所述操作焦点对应的坐标信息与所述第二显示区域对应的坐标范围的关系;基于所述操作焦点对应的坐标信息与第一显示区域对应的坐标范围的关系,以及所述操作焦点对应的坐标信息与所述第二显示区域对应的坐标范围的关系,确定所述操作焦点与所述第一显示区域和所述第二显示区域的位置关系。According to an embodiment of the present application, in response to the folding display screen switching from the unfolded state to the folded state, obtaining the positional relationship between the operation focus and the first display area and the second display area includes: : In response to the folding display screen switching from the unfolded state to the folded state, obtain the coordinate range corresponding to the first display area, the coordinate range corresponding to the second display area, and the coordinate information corresponding to the focus ; Calculate the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and calculate the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area; based on the The relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area, determine the relationship between the operation focus and the coordinate range corresponding to the second display area. The positional relationship between the first display area and the second display area.
根据本申请的实施方式,所述第一界面对应第一应用程序,所述第二界面对应第二应用程序,所述响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,包括:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一应用程序和所述第二应用程序的启动时间关系;基于所述启动时间关系,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。According to an embodiment of the present application, the first interface corresponds to a first application program, the second interface corresponds to a second application program, and in response to the folding display screen switching from the unfolded state to the folded state, the Determining one of the first interface and the second interface as the first target interface, and determining the other as the second target interface includes: responding to the folding display screen switching from the unfolded state to the folded state. status, obtain the startup time relationship between the first application program and the second application program; based on the startup time relationship, determine one of the first interface and the second interface as the first target interface, and determining the other as the second target interface.
根据本申请的实施方式,所述电子设备还包括目标显示屏,所述目标显示屏与所述折叠显示屏相背设置,所述显示所述第一目标界面并隐藏所述第二目标界面,包括:获取所述折叠显示屏的折叠方向;基于所述折叠方向,从所述折叠显示屏和所述目标显示屏中确定待显示的显示屏;通过所述待显示的显示屏显示所述第一目标界面并隐藏所述第二目标界面。According to an embodiment of the present application, the electronic device further includes a target display screen, the target display screen is arranged opposite the folding display screen, the first target interface is displayed and the second target interface is hidden, The method includes: obtaining the folding direction of the folding display screen; determining a display screen to be displayed from the folding display screen and the target display screen based on the folding direction; displaying the first display screen through the display screen to be displayed. A target interface and hiding the second target interface.
根据本申请的实施方式,所述基于所述折叠方向,从所述折叠显示屏和所述目标显示屏中确定待显示的显示屏,包括:若所述折叠方向为第一方向,则将所述目标显示屏确定为所述待显示的显示屏,其中,所述第一方向表征所述第一显示区域和所述第二显示区域的一者被朝向另一者折叠的方向;或者若所述折叠方向为第二方向,则将所述折叠显示屏确定为所述待显示的显示屏,其中,所述第二方向表征所述第一显示区域和所述第二显示区域的一者被背向另一者折叠的方向。According to an embodiment of the present application, determining the display screen to be displayed from the folding display screen and the target display screen based on the folding direction includes: if the folding direction is the first direction, then The target display screen is determined as the display screen to be displayed, wherein the first direction represents a direction in which one of the first display area and the second display area is folded toward the other; or if the If the folding direction is a second direction, the folding display screen is determined as the display screen to be displayed, wherein the second direction represents that one of the first display area and the second display area is The direction in which one folds away from the other.
根据本申请的实施方式,所述显示所述第一目标界面并隐藏所述第二目标界面,包括:显示所述第一目标界面并完全隐藏所述第二目标界面;或者显示所述第一目标界面并同时显示用于标识所述第二目标界面的标识信息;或者显示所述第一目标界面并同时显示用于切换所述第二目标界面的控件;或者显示所述第一目标界面并同时显示所述第二目标界面的缩小界面。According to an embodiment of the present application, displaying the first target interface and hiding the second target interface includes: displaying the first target interface and completely hiding the second target interface; or displaying the first target interface. The target interface and at the same time display the identification information used to identify the second target interface; or display the first target interface and simultaneously display the control for switching the second target interface; or display the first target interface and At the same time, a reduced interface of the second target interface is displayed.
本申请的实施方式提供了一种界面的显示方法,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括多个显示区域,所述方法包括:在所述折叠显示屏处于展开状态的情况下,在所述多个显示区域各自显示对应的界面;响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述多个显示区域对应的界面中确定第一目标界面,并将所述多个显示区域对应的界面中除所述第一目标界面外的界面确定为第二目标界面;显示所述第一目标界面并隐藏所述第二目标界面。 An embodiment of the present application provides an interface display method, which is applied to an electronic device. The electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas. The method includes: When the folding display screen is in an expanded state, corresponding interfaces are displayed in each of the multiple display areas; in response to the folding display screen switching from the expanded state to the folded state, corresponding interfaces are displayed from the multiple display areas. Determine a first target interface in the interface, and determine the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas as the second target interface; display the first target interface and hide the second target interface. target interface.
根据本申请的实施方式,包括:在所述第一目标界面的第一目标区域显示至少两个目标控件;响应作用于所述至少两个目标控件中的一个目标控件的触控操作,显示所述一个目标控件对应的界面并隐藏所述第一目标界面。According to an embodiment of the present application, the method includes: displaying at least two target controls in the first target area of the first target interface; displaying the all target controls in response to a touch operation acting on one of the at least two target controls. Describe an interface corresponding to a target control and hide the first target interface.
下面将针对可用于本申请实施例提供的界面的显示方法的应用环境进行说明。The following will describe the application environment that can be used for the display method of the interface provided by the embodiment of the present application.
请参阅图1,电子设备100可以但不限于为手机、平板电脑、游戏机、智能穿戴设备、车载设备等电子装置。本实施方式的电子设备100以手机为例进行说明。Referring to FIG. 1 , the electronic device 100 may be, but is not limited to, a mobile phone, a tablet computer, a game console, a smart wearable device, a vehicle-mounted device and other electronic devices. The electronic device 100 in this embodiment will be described taking a mobile phone as an example.
电子设备100包括可折叠壳体组件110、折叠显示屏120以及电子组件(图中未示出),电子组件设置于可折叠壳体组件110内,折叠显示屏120铺设于可折叠壳体组件110上。可折叠壳体组件110用于对折叠显示屏120进行承载,同时对电子组件进行防护。电子组件可以,但不限于包括中央处理器、存储器、摄像头、受话器、指纹模组等,具体的电子组件在本申请实施例中可以不作为限定。The electronic device 100 includes a foldable case assembly 110, a foldable display screen 120 and electronic components (not shown in the figure). The electronic components are arranged in the foldable case assembly 110. The foldable display screen 120 is laid on the foldable case assembly 110. superior. The foldable case assembly 110 is used to carry the foldable display screen 120 and protect electronic components at the same time. Electronic components may include, but are not limited to, a central processing unit, a memory, a camera, a receiver, a fingerprint module, etc. Specific electronic components may not be limited in the embodiments of this application.
可折叠壳体组件110包括第一壳体111、第二壳体112以及转轴机构113,第一壳体111和第二壳体112分别连接于转轴机构113的两侧。第二壳体112能够通过转轴机构113相对第一壳体111折叠或展开,使可折叠壳体组件110带动折叠显示屏120折叠或展开,可折叠壳体组件110及折叠显示屏120呈叠合状时,电子设备100的体积相对较小,便于收纳及携带,可折叠壳体组件110及折叠显示屏120呈展开状时,电子设备100的体积相对较大,便于进行信息的展示。The foldable housing assembly 110 includes a first housing 111 , a second housing 112 and a rotating shaft mechanism 113 . The first housing 111 and the second housing 112 are respectively connected to both sides of the rotating shaft mechanism 113 . The second housing 112 can be folded or unfolded relative to the first housing 111 through the rotating shaft mechanism 113, so that the foldable housing assembly 110 drives the folding display screen 120 to fold or unfold, and the foldable housing assembly 110 and the folding display screen 120 are overlapped. When the foldable housing assembly 110 and the foldable display screen 120 are in the unfolded shape, the electronic device 100 has a relatively large volume and is convenient for displaying information.
请参阅图2,本实施方式中,折叠显示屏120包括连接于第一壳体111的第一显示部121、连接于第二壳体112的第二显示部122和连接于第一显示部121和第二显示部122的弯折显示部123。其中,第一显示部121、第二显示部122对以及弯折显示部123可对应形成多个显示区域(例如,形式两个显示区域、形成三个显示区域、形成四个显示区域……形成N个显示区域)。第一显示部121和第二显示部122分别随第一壳体111和第二壳体112相对地折叠或展开。弯折显示部123随第一显示部121与第二显示部122的折叠或展开而弯折或展平。在一些实施方式中,第一显示部121、第二显示部122以及弯折显示部123可以为一体结构,使折叠显示屏120为整片式的折叠显示屏;或者,在其他的一些实施方式中,弯折显示部123为可弯折的柔性部分,而第一显示部121、第二显示部122可以为非柔性部分,第一显示部121、第二显示部122通过弯折显示部123相对地折叠或展开。在本实施方式中,第一壳体111与第二壳体112呈叠合状时,第一显示部121与第二显示部122相背离,使电子设备100呈现为外折屏幕的结构,使用户在折叠的情况下同样能够观察折叠显示屏120的显示内容,提高了电子设备100使用的便利性。在其他的一些实施方式中,第一壳体111与第二壳体112呈叠合状时,第一显示部121与第二显示部122相靠近,使电子设备100呈现为内折屏幕的结构,以使折叠显示屏120免于刮花损坏。Please refer to FIG. 2 . In this embodiment, the folding display screen 120 includes a first display part 121 connected to the first housing 111 , a second display part 122 connected to the second housing 112 , and a first display part 121 connected to the first display part 121 . and the bent display portion 123 of the second display portion 122 . Among them, the first display part 121, the second display part 122 pair and the bent display part 123 can form multiple display areas (for example, form two display areas, form three display areas, form four display areas... form N display areas). The first display part 121 and the second display part 122 are folded or unfolded relative to the first housing 111 and the second housing 112 respectively. The bending display part 123 is bent or flattened as the first display part 121 and the second display part 122 are folded or unfolded. In some embodiments, the first display part 121 , the second display part 122 and the bending display part 123 may be an integral structure, so that the folding display screen 120 is a one-piece folding display screen; or, in some other embodiments, , the bending display part 123 is a bendable flexible part, and the first display part 121 and the second display part 122 may be non-flexible parts. The first display part 121 and the second display part 122 are connected through the bending display part 123 Fold or unfold relative to each other. In this embodiment, when the first casing 111 and the second casing 112 are overlapped, the first display part 121 and the second display part 122 are separated from each other, so that the electronic device 100 presents an outward-folding screen structure. The user can also observe the display content of the foldable display screen 120 when it is folded, which improves the convenience of using the electronic device 100 . In some other embodiments, when the first housing 111 and the second housing 112 are overlapped, the first display part 121 and the second display part 122 are close to each other, so that the electronic device 100 presents an inward-folding screen structure. , so as to protect the folding display 120 from scratch damage.
应当理解的是,上述的第一显示部121、第二显示部122以及弯折显示部123的命名仅为便于描述而设置,并不作为折叠显示屏120的结构限制,在实际的应用场景中,第一显示部121、第二显示部122以及弯折显示部123可以没有明显的界限,或者,折叠显示屏120可以以其他的划分结构出现,例如,折叠显示屏120包括第一显示部121以及连接于该第一显示部121的第二显示部122,该第一显示部121及该第二显示部122能够相对转动以折叠或展开。It should be understood that the above-mentioned naming of the first display part 121 , the second display part 122 and the bending display part 123 is only provided for convenience of description and does not serve as a structural limitation of the folding display screen 120 . In actual application scenarios, , the first display part 121, the second display part 122 and the bending display part 123 may not have obvious boundaries, or the folding display screen 120 may appear in other divided structures, for example, the folding display screen 120 includes the first display part 121 And a second display part 122 connected to the first display part 121. The first display part 121 and the second display part 122 can rotate relatively to fold or unfold.
请参阅图3,图3示出了本申请一实施例提供的界面的显示方法的流程示意图。该方法用于通过在折叠显示屏分屏显示两个界面的情况下,若折叠显示屏从展开状态切换为折叠状态,则从两个界面中折其一进行显示并隐藏另一界面,可以实现在小屏上依然保持分屏的可用性,以提升用户的使用体验。在具体的实施例中,该界面的显示方法应用于如图22所示的界面的显示装置200以及配置有界面的显示装置200的电子设备100(图24)。下面将以电子设备为例,说明本实施例的具体流程,当然,可以理解的,本实施例所应用的电子设备可以包括智能手机、平板电脑、穿戴式电子设备等,在此不做限定。于本实施例中,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域,下面将针对图3所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 3 , which is a schematic flowchart of an interface display method provided by an embodiment of the present application. This method is used to realize that when the folding display screen displays two interfaces in split screen, if the folding display screen switches from the unfolded state to the folded state, one of the two interfaces is displayed and the other interface is hidden. The usability of split-screen is still maintained on small screens to improve the user experience. In a specific embodiment, the interface display method is applied to the interface display device 200 shown in FIG. 22 and the electronic device 100 configured with the interface display device 200 (FIG. 24). The following will take an electronic device as an example to illustrate the specific process of this embodiment. Of course, it can be understood that the electronic devices applied in this embodiment may include smart phones, tablet computers, wearable electronic devices, etc., which are not limited here. In this embodiment, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The process shown in Figure 3 will be described in detail below. The interface The display method may specifically include the following steps:
步骤S110:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。Step S110: When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
在本实施例中,电子设备包括折叠显示屏,该折叠显示屏具有可显示区域,该可显示区域可以包括第一显示区域和第二显示区域。作为一种方式,该第一显示区域对应的显示面积和第二显示区域对应的显示面积之和与可显示区域对应的显示面积一致,也就是说,该可显示区域仅包括第一显示区域和第二显示区域。作为又一种方式,该第一显示区域对应的显示面积和第二显示区域对应的显示面积之和小于可显示区域对应的显示面积,也就是说,该可显示区域除了包括第一显示区域和第二显示区域之外,还可以包括其他更多的显示区域,在此不做限定。In this embodiment, the electronic device includes a folding display screen, the folding display screen has a displayable area, and the displayable area may include a first display area and a second display area. As a method, the sum of the display area corresponding to the first display area and the display area corresponding to the second display area is consistent with the display area corresponding to the displayable area. That is to say, the displayable area only includes the first display area and the display area. Second display area. As another way, the sum of the display area corresponding to the first display area and the display area corresponding to the second display area is smaller than the display area corresponding to the displayable area. That is to say, the displayable area includes the first display area and In addition to the second display area, more other display areas may also be included, which are not limited here.
其中,以折叠显示屏的可显示区域包括第一显示区域和第二显示区域为例,该第一显示区域和第二显 示区域可以左右并排显示,例如,第一显示区域位于第二显示区域的左侧,或者,第二显示区域位于第一显示区域的左侧;该第一显示区域和第二显示区域可以上下并排显示,例如,第一显示区域位于第二显示区域的上侧,或者第二显示区域位于第一显示区域的上侧。该第一显示区域的显示面积和第二显示区域的显示面积可以相同,也可以不相同,在此不做限定。Among them, taking the displayable area of the folding display screen including a first display area and a second display area as an example, the first display area and the second display area The display areas can be displayed side by side, for example, the first display area is located on the left side of the second display area, or the second display area is located on the left side of the first display area; the first display area and the second display area can be arranged side by side up and down. Display, for example, the first display area is located on the upper side of the second display area, or the second display area is located on the upper side of the first display area. The display area of the first display area and the display area of the second display area may be the same or different, and are not limited here.
在一些实施方式中,可以对折叠显示屏所处的状态进行检测,例如,可以对折叠显示屏是否处于展开状态进行检测。作为一种可实施的方式,电子设备可以对折叠显示屏的弯折角度进行检测,并基于检测到的弯折角度确定折叠显示屏所处的状态,例如,基于检测到的弯折角度确定折叠显示屏是否处于展开状态。In some implementations, the state of the folding display screen can be detected, for example, whether the folding display screen is in an unfolded state can be detected. As an implementable manner, the electronic device can detect the bending angle of the folding display screen, and determine the state of the folding display screen based on the detected bending angle. For example, determine the folding angle of the folding display screen based on the detected bending angle. Whether the display is expanded.
作为一种方式,电子设备可以利用上述角度检测模组检测折叠显示屏的弯折角度。可以理解的,由于折叠显示屏可随第一壳体和第二壳体相对地折叠或展开,从而可以利用上述用于检测第一壳体以及第二壳体之间所成角度的角度检测模组,检测折叠显示屏的弯折角度,以及基于折叠显示屏的弯折角度确定折叠显示屏是否处于展开状态。As a method, the electronic device can use the above-mentioned angle detection module to detect the bending angle of the folding display screen. It can be understood that since the folding display screen can be folded or unfolded relative to the first housing and the second housing, the above-mentioned angle detection module for detecting the angle between the first housing and the second housing can be used. The group detects the bending angle of the folding display screen, and determines whether the folding display screen is in an unfolded state based on the bending angle of the folding display screen.
作为另一种方式,电子设备可以检测设置于上述可弯折区域的阻抗可变的材料的阻抗值,以确定折叠显示屏的弯折角度,其中,上述材料所受压力不同时,由于压阻效应,该材料的阻值不同。可以理解的,上述设置于可弯折区域的阻抗可变的材料,在折叠显示屏弯折至不同的角度时,该材料所受压力不同,则该材料的阻抗值不同,因此,可以根据不同角度与不同阻抗值的对应关系,以及检测到的上述材料的阻抗值,确定出折叠显示屏的弯折角度,以及基于折叠显示屏的弯折角度确定折叠显示屏是否处于展开状态。As another way, the electronic device can detect the impedance value of the variable-impedance material disposed in the bendable area to determine the bending angle of the foldable display screen. When the pressure on the above-mentioned material is different, due to the piezoresistive Effect, the resistance of the material is different. It can be understood that the above-mentioned variable impedance material provided in the bendable area is subjected to different pressures when the folding display screen is bent to different angles, and the resistance value of the material is different. Therefore, the resistance value of the material can be different according to different The corresponding relationship between the angle and different impedance values, as well as the detected impedance value of the above material, determines the bending angle of the folding display screen, and determines whether the folding display screen is in an unfolded state based on the bending angle of the folding display screen.
作为又一种方式,电子设备可以检测设置于第一显示部的磁铁与设置于第二显示部的磁铁之间的斥力,从而可以根据第一显示部与第二显示部之间的磁铁的斥力,确定出折叠显示屏的弯折角度。可以理解的,设置于第一显示部的磁铁与设置于第二显示部的磁铁相距越近时,电子设备检测到的上述磁铁之间斥力越大,而上述磁铁相距越近,则表示折叠显示屏所形成的弯折角度越小,在折叠显示屏相对折叠时,上述磁铁相距最近,因此可以根据上述检测的斥力确定出折叠显示屏的弯折角度,以及基于折叠显示屏的弯折角度确定折叠显示屏是否处于展开状态。As another way, the electronic device can detect the repulsive force between the magnet provided on the first display part and the magnet provided on the second display part, so that the electronic device can detect the repulsive force between the magnet between the first display part and the second display part. , determine the bending angle of the folding display. It can be understood that the closer the magnets disposed on the first display part and the magnets disposed on the second display part are, the greater the repulsive force between the magnets detected by the electronic device will be. The smaller the bending angle formed by the screen, the magnets are closest to each other when the folding display is folded relative to each other. Therefore, the bending angle of the folding display can be determined based on the repulsion detected above, and the bending angle of the folding display can be determined based on the above. Whether the folding display is in the unfolded state.
当然,具体检测折叠显示屏的弯折角度还可以包括其他更多的方式,在本申请实施例中可以不作为限定。Of course, the specific detection of the bending angle of the folding display screen can also include other more methods, which may not be limited in the embodiments of the present application.
在一些实施方式中,在确定折叠显示屏处于展开状态的情况下,可以检测是否接收到用于指示进行分屏显示的指令信息,其中,若接收到用于指示进行分屏显示的指令信息,则可以响应于该指令信息,在第一显示区域显示第一界面,并在第二显示区域显示第二界面。作为一种可实施的方式,该指示进行分屏显示的指令信息可以基于作用于折叠显示屏的触控操作生成,可以基于输入电子设备的语音信息生成,可以在当前时间满足预设时间时生成,可以在当前环境满足预设环境时生成等,在此不做限定。In some embodiments, when it is determined that the folding display screen is in the unfolded state, it may be detected whether instruction information for instructing split-screen display is received, wherein, if instruction information for instructing split-screen display is received, Then, in response to the instruction information, the first interface can be displayed in the first display area, and the second interface can be displayed in the second display area. As an implementable method, the instruction information instructing split-screen display can be generated based on the touch operation on the folding display screen, can be generated based on the voice information input to the electronic device, and can be generated when the current time meets the preset time. , can be generated when the current environment meets the preset environment, etc., and are not limited here.
作为一种方式,该第一界面和第二界面可以对应相同的应用程序,例如,第一界面对应的应用程序可以为word,第二界面对应的应用程序也可以为word。作为又一种方式,该第一界面和第二界面可以对应不相同的应用程序,例如,第一界面对应的应用程序可以为视频类应用程序,第二界面对应的应用程序可以为音频类应用程序等,在此不做限定。As a method, the first interface and the second interface may correspond to the same application program. For example, the application program corresponding to the first interface may be word, and the application program corresponding to the second interface may also be word. As another way, the first interface and the second interface may correspond to different applications. For example, the application program corresponding to the first interface may be a video application program, and the application program corresponding to the second interface may be an audio application program. Programs, etc. are not limited here.
请参阅图4,图4示出了本申请实施例提供的电子设备在处于完全展开状态下的示意图。如图4所示,该电子设备100在完全展开状态下可以显示有第一界面A和二界面B。Please refer to FIG. 4 , which shows a schematic diagram of the electronic device provided by the embodiment of the present application in a fully expanded state. As shown in FIG. 4 , the electronic device 100 can display a first interface A and a second interface B in a fully unfolded state.
请参阅图5,图5示出了本申请实施例提供的电子设备在向内处于展开状态下的示意图。如图5所示,该电子设备100在向内处于展开状态下可以显示第一界面A和第二界面B。Please refer to FIG. 5 . FIG. 5 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state. As shown in FIG. 5 , the electronic device 100 can display a first interface A and a second interface B when in an unfolded state.
请参阅图6,图6示出了本申请实施例提供的电子设备在向外处于展开状态下的示意图。如图6所示,该电子设备100在向外处于展开状态下可以显示第一界面A和第二界面B。Please refer to FIG. 6 . FIG. 6 shows a schematic diagram of the electronic device provided by the embodiment of the present application in an unfolded state. As shown in FIG. 6 , the electronic device 100 can display a first interface A and a second interface B in an unfolded state.
步骤S120:响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。Step S120: In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
在本实施例中,电子设备在第一显示区域显示第一界面,并在第二显示区域显示第二界面的过程中,可以对折叠显示屏是否从展开状态切换为折叠状态进行检测。其中,在检测到折叠显示屏保持展开时状态时,则可以继续保持在第一显示区域显示第一界面,并在第二显示区域显示第二界面;在检测到折叠显示屏从展开状态切换为折叠状态时,则可以从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。In this embodiment, while the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state. Among them, when it is detected that the folding display screen remains in the unfolded state, the first interface can continue to be displayed in the first display area and the second interface is displayed in the second display area; when it is detected that the folding display screen switches from the unfolded state to In the folded state, one of the first interface and the second interface can be determined as the first target interface, and the other can be determined as the second target interface.
在一些实施方式中,可以对折叠显示屏的弯折角度进行检测,并基于检测到的弯折角度确定折叠显示屏是否从展开状态切换为折叠状态。In some implementations, the bending angle of the folding display screen may be detected, and whether the folding display screen switches from the unfolded state to the folded state is determined based on the detected bending angle.
在一些实施方式中,电子设备在第一显示区域显示第一界面,并在第二显示区域显示第二界面的过程中,可以对是否接收到用于指示折叠显示屏进行折叠的指令进行检测。其中,在确定接收到用于指示折叠 显示屏进行折叠的指令时,则可以响应于该指令,控制折叠显示屏从展开状态切换为折叠状态。In some implementations, when the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it may be detected whether an instruction for instructing the folding display screen to fold is received. Among them, when determining to receive the instruction for folding When the display screen receives a folding instruction, the folding display screen can be controlled to switch from the unfolded state to the folded state in response to the instruction.
作为一种可实施的方式,电子设备可以预先设置并存储有预设规则。在确定折叠显示屏从展开状态切换为折叠状态时,则可以基于预设规则从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。As an implementable method, the electronic device may be preset and stored with preset rules. When it is determined that the folding display screen switches from the unfolded state to the folded state, one of the first interface and the second interface can be determined as the first target interface and the other as the second target interface based on the preset rules.
在一些实施方式中,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面可以包括:将第一界面确定为第一目标界面并将第二界面确定为第二目标界面;或者,将第二界面确定为第一目标界面并将第一界面确定为第二目标界面。In some embodiments, determining one of the first interface and the second interface as the first target interface and determining the other as the second target interface may include: determining the first interface as the first target interface and the second interface. The second interface is determined as the second target interface; or, the second interface is determined as the first target interface and the first interface is determined as the second target interface.
步骤S130:显示所述第一目标界面并隐藏所述第二目标界面。Step S130: Display the first target interface and hide the second target interface.
在本实施例中,在确定第一目标界面和第二目标界面的情况下,则可以显示第一目标界面并隐藏第二目标界面。其中,电子设备在折叠显示屏处于折叠状态的情况下,其可显示区域对应的显示面积较小,则可以通过显示第一目标界面并隐藏第二目标界面的方式,保证两个界面中的其中一个界面可以完整且良好的显示,两个界面中的另一个界面可以隐藏(非关闭),以便后续可以快速的切换显示,以保持分屏显示的可用性。In this embodiment, when the first target interface and the second target interface are determined, the first target interface can be displayed and the second target interface can be hidden. Among them, when the foldable display screen of the electronic device is in the folded state, and the display area corresponding to the displayable area of the electronic device is small, the first target interface can be displayed and the second target interface can be hidden to ensure that one of the two interfaces is One interface can be displayed completely and well, and the other of the two interfaces can be hidden (not closed) so that the display can be quickly switched subsequently to maintain the usability of the split-screen display.
其中,隐藏第二目标界面表征该第二目标界面没有完整的显示,但是该第二目标界面仍处于运行状态。在一些实施方式中,显示第一目标界面并隐藏第二目标界面可以包括:显示第一目标界面并完全隐藏第二目标界面;显示第一目标界面并同时显示用于标识第二目标界面的标识信息(如第二目标界面对应的第二应用程序的图标);显示第一目标界面并同时显示用于切换第二目标界面的控件;显示第一目标界面并同时显示第二目标界面的缩小界面等,在此不做限定。Wherein, hiding the second target interface means that the second target interface is not completely displayed, but the second target interface is still in a running state. In some implementations, displaying the first target interface and hiding the second target interface may include: displaying the first target interface and completely hiding the second target interface; displaying the first target interface and simultaneously displaying an identification for identifying the second target interface. information (such as the icon of the second application program corresponding to the second target interface); display the first target interface and simultaneously display the control for switching the second target interface; display the first target interface and simultaneously display the reduced interface of the second target interface etc., no limitation is made here.
请参阅图7,图7示出了本申请实施例提供的电子设备在处于折叠状态的第一种示意图。如图7所示,电子设备100在从展开状态切换为折叠状态时,第一界面A被确定为第一目标界面,第二界面B被确定为第二目标界面,此时,电子设备100可以显示第一界面A,并隐藏第二界面B。Please refer to FIG. 7 , which shows a first schematic diagram of the electronic device provided by the embodiment of the present application in a folded state. As shown in Figure 7, when the electronic device 100 switches from the unfolded state to the folded state, the first interface A is determined as the first target interface, and the second interface B is determined as the second target interface. At this time, the electronic device 100 can Display the first interface A and hide the second interface B.
本申请一实施例提供的界面的显示方法,在折叠显示屏处于展开状态的情况下,在第一显示区域显示第一界面,并在第二显示区域显示第二界面,响应于折叠显示屏从展开状态切换为折叠状态,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,显示第一目标界面并隐藏第二目标界面,从而通过在折叠显示屏分屏显示两个界面的情况下,若折叠显示屏从展开状态切换为折叠状态,则从两个界面中折其一进行显示并隐藏另一界面,可以实现在小屏上依然保持分屏的可用性,以提升用户的使用体验。An interface display method provided by an embodiment of the present application displays a first interface in a first display area and a second interface in a second display area when the folding display screen is in an unfolded state. In response to the folding display screen being in an unfolded state, The expanded state is switched to the collapsed state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface, the first target interface is displayed and the second target interface is hidden, thereby passing When the folding display screen displays two interfaces in a split screen, if the folding display screen switches from the unfolded state to the folded state, one of the two interfaces will be folded to display and the other interface will be hidden, so that the user can still view the screen on a small screen. Maintain the availability of split-screen to improve user experience.
请参阅图8,图8示出了本申请一实施例提供的界面的显示方法的流程示意图。该方法应用于电子设备,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域。下面将针对图8所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 8 , which is a schematic flowchart of an interface display method provided by an embodiment of the present application. The method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The process shown in Figure 8 will be described in detail below. The method for displaying the interface may specifically include the following steps:
步骤S210:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。Step S210: When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
步骤S220:响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。Step S220: In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
其中,步骤S210-步骤S220的具体描述请参阅步骤S110-步骤S120,在此不再赘述。For detailed descriptions of steps S210 to S220, please refer to steps S110 to S120, which will not be described again here.
步骤S230:在所述第一目标界面的第一目标区域显示第一目标控件。Step S230: Display the first target control in the first target area of the first target interface.
在本实施例中,在确定第一目标界面和第二目标界面的情况下,则可以显示第一目标界面,并在第一目标界面的第一目标区域显示第一目标控件,其中,该第一目标控件用于触发切换显示和隐藏的界面。In this embodiment, when the first target interface and the second target interface are determined, the first target interface can be displayed, and the first target control can be displayed in the first target area of the first target interface, where the first target interface can be displayed. A target control is used to trigger switching between showing and hiding the interface.
在一些实施方式中,在显示第一目标界面的情况下,则可以从第一目标界面中确定第一目标区域。该第一目标区域以不影响第一目标界面的内容的显示为佳,例如,该第一目标区域可以靠近第一目标界面的边缘位置,如第一目标区域可以靠近第一目标界面的左侧边缘、可以靠近第一目标界面的右侧边缘、可以靠近第一目标界面的顶部边缘、可以靠近第一目标界面的底部边缘等,在此不做限定。In some implementations, when the first target interface is displayed, the first target area may be determined from the first target interface. It is better that the first target area does not affect the display of the content of the first target interface. For example, the first target area can be close to the edge of the first target interface. For example, the first target area can be close to the left side of the first target interface. The edge may be close to the right edge of the first target interface, may be close to the top edge of the first target interface, may be close to the bottom edge of the first target interface, etc., and is not limited here.
在一些实施方式中,在从第一目标界面中确定第一目标区域的情况下,则可以在第一目标区域显示第一目标控件。该第一目标控件的形状、大小、颜色等参数不做限定。作为一种方式,该第一目标控件可以为形状类似按钮/把手的控件。In some implementations, when the first target area is determined from the first target interface, the first target control may be displayed in the first target area. The shape, size, color and other parameters of the first target control are not limited. As a way, the first target control can be a control shaped like a button/handle.
请参阅图9,图9示出了本申请实施例提供的电子设备在处于折叠状态的第二种示意图。如图9所示,电子设备100在从展开状态切换为折叠状态时,第一界面A被确定为第一目标界面,第二界面B被确定为第二目标界面,此时,电子设备100可以显示第一界面A,并在第一界面A的第一目标区域显示第一目标控件C。Please refer to FIG. 9 , which shows a second schematic diagram of the electronic device provided by the embodiment of the present application in a folded state. As shown in Figure 9, when the electronic device 100 switches from the unfolded state to the folded state, the first interface A is determined as the first target interface, and the second interface B is determined as the second target interface. At this time, the electronic device 100 can Display the first interface A, and display the first target control C in the first target area of the first interface A.
步骤S240:响应作用于所述第一目标控件的触控操作,显示所述第二目标界面并隐藏所述第一目标界面。Step S240: In response to the touch operation on the first target control, display the second target interface and hide the first target interface.
在本实施例中,在第一目标界面的第一目标区域显示第一目标控件的过程中,可以对作用于该第一目标控件的触控操作进行检测。其中,在未检测到作用于第一目标控件的触控操作时,则可以继续保持显示 第一目标界面,并在第一目标界面的第一目标区域显示第一目标控件;在检测到作用于第一目标控件的触控操作时,则可以响应作用于第一目标控件的触控操作,将第一目标界面从显示切换为隐藏,并将第二目标界面从隐藏切换为显示,即,显示第二目标界面并隐藏第一目标界面。In this embodiment, during the process of displaying the first target control in the first target area of the first target interface, the touch operation acting on the first target control may be detected. Among them, when the touch operation on the first target control is not detected, the display can continue to be maintained. the first target interface, and displays the first target control in the first target area of the first target interface; when a touch operation acting on the first target control is detected, the touch operation acting on the first target control can be responded to , switching the first target interface from display to hiding, and switching the second target interface from hiding to display, that is, displaying the second target interface and hiding the first target interface.
在一些实施方式中,作用于第一目标控件的触控操作可以包括:作用于第一目标控件的点击操作,作用于第一目标控件的按压操作,作用于第一目标控件的滑动操作等,在此不做限定。In some embodiments, the touch operation acting on the first target control may include: a click operation acting on the first target control, a pressing operation acting on the first target control, a sliding operation acting on the first target control, etc., No limitation is made here.
请参阅图10,图10示出了本申请实施例提供的电子设备在处于折叠状态的第三种示意图。如图10所示,电子设备100在从展开状态切换为折叠状态时,第一界面A被确定为第一目标界面,第二界面B被确定为第二目标界面,此时,电子设备100响应作用于所述第一目标控件的触控操作,显示所述第二目标界面B并隐藏所述第一目标界面A。Please refer to FIG. 10 , which shows a third schematic diagram of the electronic device provided by the embodiment of the present application in a folded state. As shown in Figure 10, when the electronic device 100 switches from the unfolded state to the folded state, the first interface A is determined as the first target interface, and the second interface B is determined as the second target interface. At this time, the electronic device 100 responds A touch operation on the first target control displays the second target interface B and hides the first target interface A.
请参阅图11,图11示出了本申请的图8所示的界面的显示方法的步骤S240的流程示意图。下面将针对图11所示的流程进行详细的阐述,所述方法具体可以包括以下步骤:Please refer to FIG. 11 , which is a schematic flowchart of step S240 of the method for displaying the interface shown in FIG. 8 of the present application. The process shown in Figure 11 will be described in detail below. The method may specifically include the following steps:
步骤S241:响应作用于所述第一目标控件的触控操作,显示所述第二目标界面,并在所述第二目标界面的第二目标区域显示第二目标控件。Step S241: In response to the touch operation on the first target control, display the second target interface, and display the second target control in the second target area of the second target interface.
在一些实施方式中,响应作用于第一目标控件的触控操作,显示第二目标界面并隐藏第一目标界面可以包括:响应作用于第一目标控件的触控操作,显示第二目标界面,并在第二目标界面的第二目标区域显示第二目标控件。其中,该第二目标控件用于触发切换显示和隐藏的界面。In some embodiments, displaying the second target interface and hiding the first target interface in response to a touch operation acting on the first target control may include: displaying the second target interface in response to a touch operation acting on the first target control, And display the second target control in the second target area of the second target interface. Wherein, the second target control is used to trigger switching between display and hidden interfaces.
在一些实施方式中,在显示第二目标界面的情况下,则可以从第二目标界面中确定第二目标区域。该第二目标区域以不影响第二目标界面的内容的显示为佳,例如,该第二目标区域可以靠近第二目标界面的边缘位置,如第二目标区域可以靠近第二目标界面的左侧边缘、可以靠近第二目标界面的右侧边缘、可以靠近第二目标界面的顶部边缘、可以靠近第二目标界面的底部边缘等,在此不做限定。In some implementations, when the second target interface is displayed, the second target area may be determined from the second target interface. It is better that the second target area does not affect the display of the content of the second target interface. For example, the second target area can be close to the edge of the second target interface. For example, the second target area can be close to the left side of the second target interface. The edge may be close to the right edge of the second target interface, may be close to the top edge of the second target interface, may be close to the bottom edge of the second target interface, etc., and is not limited here.
在一些实施方式中,在从第二目标界面中确定第二目标区域的情况下,则可以在第二目标区域显示第二目标控件。该第二目标控件的形状、大小、颜色等参数不做限定。作为一种方式,该第二目标控件可以为形状类似按钮/把手的控件。In some implementations, when the second target area is determined from the second target interface, the second target control may be displayed in the second target area. The shape, size, color and other parameters of the second target control are not limited. As a way, the second target control can be a control shaped like a button/handle.
请参阅图12,图12示出了本申请实施例提供的电子设备在处于折叠状态的第四种示意图。如图12所示,电子设备100在从展开状态切换为折叠状态时,第一界面A被确定为第一目标界面,第二界面B被确定为第二目标界面,此时,电子设备100可以响应作用于所述第一目标控件的触控操作,显示所述第二目标界面B并在第二目标界面B的第二目标区域显示第二目标控件D。Please refer to FIG. 12 , which shows a fourth schematic diagram of an electronic device in a folded state according to an embodiment of the present application. As shown in Figure 12, when the electronic device 100 switches from the unfolded state to the folded state, the first interface A is determined as the first target interface, and the second interface B is determined as the second target interface. At this time, the electronic device 100 can In response to the touch operation on the first target control, the second target interface B is displayed and the second target control D is displayed in the second target area of the second target interface B.
步骤S242:响应作用于所述第二目标控件的触控操作,显示所述第一目标界面并隐藏所述第二目标界面。Step S242: In response to the touch operation on the second target control, display the first target interface and hide the second target interface.
在本实施例中,在第二目标界面的第二目标区域显示第二目标控件的过程中,可以对作用于该第二目标控件的触控操作进行检测。其中,在未检测到作用于第二目标控件的触控操作时,则可以继续保持显示第二目标界面,并在第二目标界面的第二目标区域显示第二目标控件;在检测到作用于第二目标控件的触控操作时,则可以响应作用于第二目标控件的触控操作,将第二目标界面从显示切换为隐藏,并将第一目标界面从隐藏切换为显示,即,显示第一目标界面并隐藏第二目标界面。In this embodiment, during the process of displaying the second target control in the second target area of the second target interface, the touch operation acting on the second target control may be detected. Wherein, when a touch operation acting on the second target control is not detected, the second target interface can continue to be displayed, and the second target control is displayed in the second target area of the second target interface; when a touch operation acting on the second target control is detected; When a touch operation is performed on the second target control, in response to the touch operation on the second target control, the second target interface can be switched from display to hiding, and the first target interface can be switched from hiding to display, that is, display The first target interface and hides the second target interface.
在一些实施方式中,作用于第二目标控件的触控操作可以包括:作用于第二目标控件的点击操作,作用于第二目标控件的按压操作,作用于第二目标控件的滑动操作等,在此不做限定。In some embodiments, the touch operation acting on the second target control may include: a click operation acting on the second target control, a pressing operation acting on the second target control, a sliding operation acting on the second target control, etc., No limitation is made here.
本申请一实施例提供的界面的显示方法,相较于图3所示的界面的显示方法,本实施例还显示第一目标界面,并在第一目标界面的第一目标区域显示第一目标控件,响应作用于第一目标控件的触控操作,显示第二目标界面并隐藏第一目标界面,从而通过在显示目标界面的同时显示目标控件的方式,可以实现目标界面的快速切换显示或隐藏,以提升分屏应用的效率。An embodiment of the present application provides an interface display method. Compared with the interface display method shown in Figure 3, this embodiment also displays a first target interface and displays the first target in the first target area of the first target interface. Control, in response to a touch operation acting on the first target control, displays the second target interface and hides the first target interface, so that by displaying the target interface and displaying the target control at the same time, the target interface can be quickly switched to display or hide. , to improve the efficiency of split-screen applications.
请参阅图13,图13示出了本申请一实施例提供的界面的显示方法的流程示意图。该方法应用于电子设备,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域。下面将针对图13所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 13 , which is a schematic flowchart of an interface display method provided by an embodiment of the present application. The method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The process shown in Figure 13 will be described in detail below. The method for displaying the interface may specifically include the following steps:
步骤S310:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。Step S310: When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
步骤S320:响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。Step S320: In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
其中,步骤S310-步骤S320的具体描述请参阅步骤S110-步骤S120,在此不再赘述。For detailed descriptions of steps S310 to S320, please refer to steps S110 to S120, which will not be described again here.
步骤S330:显示所述第一目标界面和第一子界面,其中,所述第一子界面为所述第二目标界面的缩小界面,所述第一目标界面对应的显示面积大于所述第一子界面对应的显示面积。Step S330: Display the first target interface and a first sub-interface, wherein the first sub-interface is a reduced interface of the second target interface, and the corresponding display area of the first target interface is larger than the first sub-interface. The display area corresponding to the sub-interface.
在本实施例中,在确定第一目标界面和第二目标界面的情况下,则可以同时显示第一目标界面和第一子界面,其中,该第一子界面为第二目标界面的缩小界面,该第一目标界面对应的显示面积大于第一子界面对应的显示面积。其中,该第一子界面的大小可以预先设置,在同时显示第一目标界面和第一子界面的 过程中,该第一子界面对第一目标界面不存在显示影响,即该第一目标界面可以完整且良好的显示,该第一子界面用于作为第二目标界面存在的提示。In this embodiment, when the first target interface and the second target interface are determined, the first target interface and the first sub-interface can be displayed at the same time, where the first sub-interface is a reduced interface of the second target interface. , the display area corresponding to the first target interface is larger than the display area corresponding to the first sub-interface. Wherein, the size of the first sub-interface can be set in advance, and the first target interface and the first sub-interface are displayed at the same time. During the process, the first sub-interface has no display impact on the first target interface, that is, the first target interface can be displayed completely and well, and the first sub-interface is used as a prompt for the existence of the second target interface.
在一些实施方式中,该第一目标界面和第一子界面可以左右并排显示,例如,第一目标界面位于第一子界面的左边,或者,第一目标界面位于第一子界面的右边;该第一目标界面和第一子界面可以上下并排显示,例如,第一目标界面位于第一子界面的上边,或者,第一目标界面位于第一子界面的下边等,在此不做限定。In some implementations, the first target interface and the first sub-interface can be displayed side by side, for example, the first target interface is located on the left side of the first sub-interface, or the first target interface is located on the right side of the first sub-interface; The first target interface and the first sub-interface may be displayed side by side, for example, the first target interface is located above the first sub-interface, or the first target interface is located below the first sub-interface, etc., which are not limited here.
在一些实施方式中,第二目标界面的缩小界面可以是指该第二目标界面的部分界面,或者,可以是指该第二目标界面按比例全局缩小后的界面,在此不做限定。例如,该第二目标界面的缩小界面可以为一条窄缝、该第二目标界面的缩小界面与第一目标界面的显示宽度的比例可以小于预设比例(如1/5、1/7等)、该第二目标界面的缩小界面与第一目标界面的显示高度的比例可以小于预设比例等,在此不做限定。In some implementations, the reduced interface of the second target interface may refer to a part of the second target interface, or may refer to a scaled-down overall interface of the second target interface, which is not limited here. For example, the reduction interface of the second target interface can be a narrow slit, and the ratio of the reduction interface of the second target interface to the display width of the first target interface can be less than a preset ratio (such as 1/5, 1/7, etc.) The ratio of the reduced interface of the second target interface to the display height of the first target interface may be smaller than a preset ratio, etc., which is not limited here.
请参阅图14,图14示出了本申请实施例提供的电子设备在处于折叠状态的第五种示意图。如图14所示,电子设备100在从展开状态切换为折叠状态时,第一界面A被确定为第一目标界面,第二界面B被确定为第二目标界面,此时,电子设备100可以显示所述第一目标界面A和第一子界面B’。Please refer to FIG. 14 , which shows a fifth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state. As shown in Figure 14, when the electronic device 100 switches from the unfolded state to the folded state, the first interface A is determined as the first target interface, and the second interface B is determined as the second target interface. At this time, the electronic device 100 can Display the first target interface A and the first sub-interface B'.
步骤S340:响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面。Step S340: In response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, display the second target interface and hide the first target interface.
其中,在同时显示第一目标界面和第一子界面的情况下,该第一目标界面和第一子界面可以通过分割线分隔。Wherein, when the first target interface and the first sub-interface are displayed at the same time, the first target interface and the first sub-interface may be separated by a dividing line.
在本实施例中,在显示第一目标界面和第一子界面的过程中,可以对作用于第一目标界面和第一子界面之间的分割线的拖动操作进行检测。其中,在未检测到作用于第一目标界面和第一子界面之间的分割线的拖动操作时,则可以继续保持显示第一目标界面和第一子界面;在检测到作用于第一目标界面和第一子界面之间的分割线的拖动操作时,则可以响应作用于第一目标界面和第一子界面之间的分割线的拖动操作,将第一目标界面从显示切换为隐藏,并将第二目标界面从隐藏切换为显示,即,显示第二目标界面并隐藏第一目标界面。In this embodiment, during the process of displaying the first target interface and the first sub-interface, a drag operation acting on the dividing line between the first target interface and the first sub-interface may be detected. Wherein, when the drag operation acting on the dividing line between the first target interface and the first sub-interface is not detected, the first target interface and the first sub-interface can continue to be displayed; when the drag operation acting on the first target interface and the first sub-interface is detected; When the dividing line between the target interface and the first sub-interface is dragged, the first target interface can be switched from display in response to the dragging operation on the dividing line between the first target interface and the first sub-interface. to hide, and switch the second target interface from hiding to display, that is, display the second target interface and hide the first target interface.
在一些实施方式中,作用于第一目标界面和第一子界面之间的分割线的拖动操作:作用于第一目标界面和第一子界面之间的分割线沿目标方向的拖动操作;作用于第一目标界面和第一子界面之间的分割线以目标速度拖动的拖动操作,作用于第一目标界面和第一子界面之间的分割线沿目标方向以目标速度拖地的拖动操作等,在此不做限定。In some embodiments, the drag operation acting on the dividing line between the first target interface and the first sub-interface: the drag operation acting on the dividing line between the first target interface and the first sub-interface along the target direction ;A drag operation that acts on the dividing line between the first target interface and the first sub-interface and drags it at the target speed, and acts on the dividing line between the first target interface and the first sub-interface and drags it along the target direction at the target speed. The drag operation of the ground, etc. is not limited here.
在一些实施方式中,在显示第一目标界面和第一子界面的过程中,可以响应作用于第一子界面的目标触控操作,显示第二目标界面并隐藏第一目标界面。其中,该目标触控操作可以包括:点击操作、短按操作、长按操作、滑动操作等,在此不做限定。In some implementations, during the process of displaying the first target interface and the first sub-interface, the second target interface may be displayed and the first target interface may be hidden in response to a target touch operation acting on the first sub-interface. The target touch operation may include: click operation, short press operation, long press operation, sliding operation, etc., which are not limited here.
请参阅图15,图15示出了本申请的图13所示的界面的显示方法的步骤S340的流程示意图。下面将针对图15所示的流程进行详细的阐述,所述方法具体可以包括以下步骤:Please refer to FIG. 15 , which is a schematic flowchart of step S340 of the method for displaying the interface shown in FIG. 13 of the present application. The process shown in Figure 15 will be described in detail below. The method may specifically include the following steps:
步骤S341:响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面和第二子界面,其中,所述第二子界面为所述第一目标界面的缩小界面,所述第二目标界面对应的显示面积大于所述第二子界面对应的显示面积。Step S341: In response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, display the second target interface and the second sub-interface, wherein the second sub-interface It is a reduced interface of the first target interface, and the display area corresponding to the second target interface is larger than the display area corresponding to the second sub-interface.
在一些实施方式中,响应作用于第一目标界面和第一子界面之间的分割线的拖动操作,显示第二目标界面并隐藏第一目标界面可以包括:响应作用于第一目标界面和第一子界面之间的分割线的拖动操作,显示第二目标界面和第二子界面,其中,第二子界面为第一目标界面的缩小界面,第二目标界面对应的显示面积大于第二子界面对应的显示面积。In some embodiments, in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, displaying the second target interface and hiding the first target interface may include: responding to acting on the first target interface and The drag operation of the dividing line between the first sub-interface displays the second target interface and the second sub-interface, wherein the second sub-interface is a reduced interface of the first target interface, and the corresponding display area of the second target interface is larger than that of the first sub-interface. The display area corresponding to the two sub-interfaces.
其中,该第二子界面的大小可以预先设置,在同时显示第二目标界面和第二子界面的过程中,该第二子界面对第二目标界面不存在显示影响,即该第二目标界面可以完整且良好的显示,该第二子界面用于作为第一目标界面存在的提示。The size of the second sub-interface can be preset. During the process of displaying the second target interface and the second sub-interface at the same time, the second sub-interface has no display impact on the second target interface, that is, the second target interface It can be displayed completely and well, and the second sub-interface is used as a reminder of the existence of the first target interface.
在一些实施方式中,该第二目标界面和第二子界面可以左右并排显示,例如,第二目标界面位于第二子界面的左边,或者,第二目标界面位于第二子界面的右边;该第二目标界面和第二子界面可以上下并排显示,例如,第二目标界面位于第二子界面的上边,或者,第二目标界面位于第二子界面的下边等,在此不做限定。In some implementations, the second target interface and the second sub-interface can be displayed side by side, for example, the second target interface is located on the left side of the second sub-interface, or the second target interface is located on the right side of the second sub-interface; The second target interface and the second sub-interface may be displayed side by side, for example, the second target interface is located above the second sub-interface, or the second target interface is located below the second sub-interface, etc., which are not limited here.
请参阅图16,图16示出了本申请实施例提供的电子设备在处于折叠状态的第六种示意图。如图16所示,电子设备100在从展开状态切换为折叠状态时,第一界面A被确定为第一目标界面,第二界面B被确定为第二目标界面,此时,电子设备100可以响应作用于第一目标界面A和所述第一子界面B’之间的分割线的拖动操作,显示所述第二目标界面B和第二子界面A’。Please refer to FIG. 16 , which shows a sixth schematic diagram of the electronic device provided by the embodiment of the present application in a folded state. As shown in Figure 16, when the electronic device 100 switches from the unfolded state to the folded state, the first interface A is determined as the first target interface, and the second interface B is determined as the second target interface. At this time, the electronic device 100 can In response to a drag operation on the dividing line between the first target interface A and the first sub-interface B', the second target interface B and the second sub-interface A' are displayed.
步骤S342:响应作用于所述第二目标界面和所述第二子界面之间的分割线的拖动操作,显示所述第一目标界面并隐藏所述第二目标界面。Step S342: In response to the drag operation acting on the dividing line between the second target interface and the second sub-interface, display the first target interface and hide the second target interface.
其中,在同时显示第二目标界面和第二子界面的情况下,该第二目标界面和第二子界面可以通过分割 线分隔。Wherein, when the second target interface and the second sub-interface are displayed at the same time, the second target interface and the second sub-interface can be divided into Line separation.
在本实施例中,在显示第二目标界面和第二子界面的过程中,可以对作用于第二目标界面和第二子界面之间的分割线的拖动操作进行检测。其中,在未检测到作用于第二目标界面和第二子界面之间的分割线的拖动操作时,则可以继续保持显示第二目标界面和第二子界面;在检测到作用于第二目标界面和第二子界面之间的分割线的拖动操作时,则可以响应作用于第二目标界面和第二子界面之间的分割线的拖动操作,将第二目标界面从显示切换为隐藏,并将第一目标界面从隐藏切换为显示,即,显示第一目标界面并隐藏第二目标界面。In this embodiment, during the process of displaying the second target interface and the second sub-interface, a drag operation acting on the dividing line between the second target interface and the second sub-interface may be detected. Wherein, when the drag operation acting on the dividing line between the second target interface and the second sub-interface is not detected, the second target interface and the second sub-interface can continue to be displayed; when the drag operation acting on the second sub-interface is detected; When the dividing line between the target interface and the second sub-interface is dragged, the second target interface can be switched from display in response to the dragging operation on the dividing line between the second target interface and the second sub-interface. to hide, and switch the first target interface from hiding to display, that is, display the first target interface and hide the second target interface.
在一些实施方式中,作用于第二目标界面和第二子界面之间的分割线的拖动操作:作用于第二目标界面和第二子界面之间的分割线沿目标方向的拖动操作;作用于第二目标界面和第二子界面之间的分割线以目标速度拖动的拖动操作,作用于第二目标界面和第二子界面之间的分割线沿目标方向以目标速度拖地的拖动操作等,在此不做限定。In some implementations, the drag operation acting on the dividing line between the second target interface and the second sub-interface: the drag operation acting on the dividing line between the second target interface and the second sub-interface along the target direction ;A drag operation that acts on the dividing line between the second target interface and the second sub-interface and drags it at the target speed, and acts on the dividing line between the second target interface and the second sub-interface and drags it along the target direction at the target speed. The drag operation of the ground, etc. is not limited here.
本申请一实施例提供的界面的显示方法,相较于图3所示的界面的显示方法,本实施例还显示第一目标界面和第一子界面,其中,第一子界面为第二目标界面的缩小界面,且第一目标界面对应的显示面积大于第一子界面对应的显示面积,响应作用于第一目标界面和第一子界面之间的分割线的拖动操作,显示第二目标界面并隐藏第一目标界面,从而通过在显示目标界面的同时显示其他目标界面的缩小界面的方式,可以实现目标界面的快速切换显示或隐藏,以提升分屏应用的效率。An embodiment of the present application provides an interface display method. Compared with the interface display method shown in Figure 3, this embodiment also displays a first target interface and a first sub-interface, where the first sub-interface is the second target. The reduced interface of the interface, and the display area corresponding to the first target interface is larger than the display area corresponding to the first sub-interface, in response to the drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target is displayed interface and hides the first target interface, so that by displaying the target interface and displaying the reduced interfaces of other target interfaces at the same time, the target interface can be quickly switched to display or hidden to improve the efficiency of split-screen applications.
请参阅图17,图17示出了本申请一实施例提供的界面的显示方法的流程示意图。该方法应用于电子设备,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域。下面将针对图17所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 17 , which is a schematic flowchart of an interface display method provided by an embodiment of the present application. The method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The process shown in Figure 17 will be described in detail below. The method for displaying the interface may specifically include the following steps:
步骤S410:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。Step S410: When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
其中,步骤S410的具体描述请参阅步骤S110,在此不再赘述。For the specific description of step S410, please refer to step S110, which will not be described again here.
步骤S420:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域和所述第二显示区域的排列关系。Step S420: In response to the folding display screen switching from the unfolded state to the folded state, obtain the arrangement relationship between the first display area and the second display area.
在本实施例中,电子设备在第一显示区域显示第一界面,并在第二显示区域显示第二界面的过程中,可以对折叠显示屏是否从展开状态切换为折叠状态进行检测。其中,在检测到折叠显示屏从展开状态切换为折叠状态时,则可以获取该第一显示区域和第二显示区域的排列关系。In this embodiment, while the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state. When it is detected that the folding display screen switches from the unfolded state to the folded state, the arrangement relationship between the first display area and the second display area can be obtained.
在一些实施方式中,可以获取第一显示区域对应的坐标信息,并获取第二显示区域对应的坐标信息,基于第一显示区域对应的坐标信息和第二显示区域对应的坐标信息,获取第一显示区域和第二显示区域的排列关系。In some implementations, the coordinate information corresponding to the first display area can be obtained, and the coordinate information corresponding to the second display area can be obtained. Based on the coordinate information corresponding to the first display area and the coordinate information corresponding to the second display area, the first display area can be obtained. The arrangement relationship between the display area and the second display area.
在一些实施方式中,可以获取第一显示区域对应的显示位置,并获取第二显示区域对应的显示位置,基于第一显示区域对应的显示位置和第二显示区域对应的显示位置,获取第一显示区域和第二显示区域的排列关系。In some embodiments, the display position corresponding to the first display area can be obtained, and the display position corresponding to the second display area can be obtained. Based on the display position corresponding to the first display area and the display position corresponding to the second display area, the first display position can be obtained. The arrangement relationship between the display area and the second display area.
在一些实施方式中,第一显示区域和第二显示区域的排列关系可以包括:第一显示区域位于第二显示区域的左侧;第一显示区域位于第二显示区域的右侧;第一显示区域位于第二显示区域的上侧;第一显示区域位于第二显示区域的下侧等,在此不做限定。In some embodiments, the arrangement relationship between the first display area and the second display area may include: the first display area is located on the left side of the second display area; the first display area is located on the right side of the second display area; the first display area The area is located on the upper side of the second display area; the first display area is located on the lower side of the second display area, etc., which are not limited here.
步骤S430:基于所述排列关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。Step S430: Based on the arrangement relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
在本实施例中,在获得第一显示区域和第二显示区域的排列关系的情况下,则可以基于第一显示区域和第二显示区域的排列关系,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。In this embodiment, when the arrangement relationship between the first display area and the second display area is obtained, it can be determined from the first interface and the second interface based on the arrangement relationship between the first display area and the second display area. One serves as the first target interface, and the other is determined as the second target interface.
在一些实施方式中,电子设备一般默认在分屏显示两个界面时,显示在左侧的界面的优先级高于显示在右侧的界面的优先级。因此,若基于第一显示区域和第二显示区域的排列关系确定第一显示区域(第一界面)位于第二显示区域(第二界面)的左侧,则可以将第一界面确定为第一目标界面,并将第二界面确定为第二目标界面;若基于第一显示区域和第二显示区域的排列关系确定第一显示区域(第一界面)位于第二显示区域(第二界面)的右侧,则可以将第一界面确定为第二目标界面,并将第二界面确定为第一目标界面。In some implementations, by default, when an electronic device displays two interfaces in a split screen, the interface displayed on the left has a higher priority than the interface displayed on the right. Therefore, if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located on the left side of the second display area (second interface), then the first interface can be determined as the first target interface, and determine the second interface as the second target interface; if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located in the second display area (second interface) On the right side, the first interface can be determined as the second target interface, and the second interface can be determined as the first target interface.
在一些实施方式中,电子设备一般默认在分屏显示两个界面时,显示在上侧的界面的优先级高于显示在下侧的界面的优先级。因此,若基于第一显示区域和第二显示区域的排列关系确定第一显示区域(第一界面)位于第二显示区域(第二界面)的上侧,则可以将第一界面确定为第一目标界面,并将第二界面确定为第二目标界面;若基于第一显示区域和第二显示区域的排列关系确定第一显示区域(第一界面)位于第二显示区域(第二界面)的下侧,则可以将第一界面确定为第二目标界面,并将第二界面确定为第一目标界面。 In some implementations, by default, when an electronic device displays two interfaces in a split screen, the interface displayed on the upper side has a higher priority than the interface displayed on the lower side. Therefore, if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located above the second display area (second interface), then the first interface can be determined as the first target interface, and determine the second interface as the second target interface; if it is determined based on the arrangement relationship between the first display area and the second display area that the first display area (first interface) is located in the second display area (second interface) On the lower side, the first interface can be determined as the second target interface, and the second interface can be determined as the first target interface.
步骤S440:显示所述第一目标界面并隐藏所述第二目标界面。Step S440: Display the first target interface and hide the second target interface.
其中,步骤S440的具体描述请参阅步骤S130,在此不再赘述。For the detailed description of step S440, please refer to step S130, which will not be described again here.
本申请一实施例提供的界面的显示方法,相较于图3所示的界面的显示方法,本实施例还获取第一显示区域和第二显示区域的排列关系,基于排列关系,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,从而可以提升针对界面进行显示或者隐藏处理的准确性。Compared with the interface display method shown in Figure 3, the interface display method provided by an embodiment of the present application also obtains the arrangement relationship between the first display area and the second display area. Based on the arrangement relationship, from the first display area Determining one of the interface and the second interface as the first target interface and determining the other as the second target interface can improve the accuracy of displaying or hiding the interface.
请参阅图18,图18示出了本申请一实施例提供的界面的显示方法的流程示意图。该方法应用于电子设备,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域。下面将针对图18所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 18 , which is a schematic flowchart of an interface display method provided by an embodiment of the present application. The method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The process shown in Figure 18 will be described in detail below. The method for displaying the interface may specifically include the following steps:
步骤S510:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。Step S510: When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
其中,步骤S510的具体描述请参阅步骤S110,在此不再赘述。For the specific description of step S510, please refer to step S110, which will not be described again here.
步骤S520:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取操作焦点与所述第一显示区域和所述第二显示区域的位置关系。Step S520: In response to the folding display screen switching from the unfolded state to the folded state, obtain the positional relationship between the operation focus and the first display area and the second display area.
在本实施例中,电子设备在第一显示区域显示第一界面,并在第二显示区域显示第二界面的过程中,可以对折叠显示屏是否从展开状态切换为折叠状态进行检测。其中,在检测到折叠显示屏从展开状态切换为折叠状态时,则可以获取操作焦点与第一显示区域和第二显示区域的位置关系。作为一种方式,操作焦点可以包括光标对应的点、触控操作对应的点、目光的注视点等,在此不做限定。In this embodiment, while the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state. When it is detected that the folding display screen switches from the unfolded state to the folded state, the positional relationship between the operation focus and the first display area and the second display area can be obtained. As a method, the operation focus may include the point corresponding to the cursor, the point corresponding to the touch operation, the gaze point, etc., which is not limited here.
在一些实施方式中,可以获取第一显示区域对应的坐标范围,获取第二显示区域对应的坐标范围,以及获取操作焦点对应的坐标信息,计算该操作焦点对应的坐标信息与第一显示区域对应的坐标范围的关系,以及计算该操作焦点对应的坐标信息与第二显示区域对应的坐标范围的关系,基于操作焦点对应的坐标信息与第一显示区域对应的坐标范围的关系,以及该操作焦点对应的坐标信息与第二显示区域对应的坐标范围的关系,确定操作焦点与第一显示区域和第二显示区域的位置关系。In some embodiments, the coordinate range corresponding to the first display area can be obtained, the coordinate range corresponding to the second display area can be obtained, and the coordinate information corresponding to the operation focus can be obtained, and the coordinate information corresponding to the operation focus can be calculated to correspond to the first display area The relationship between the coordinate range, and the calculation of the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area, based on the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and the operation focus The relationship between the corresponding coordinate information and the coordinate range corresponding to the second display area determines the positional relationship between the operation focus and the first display area and the second display area.
在一些实施方式中,操作焦点与第一显示区域和第二显示区域的位置关系可以包括:操作焦点位于第一显示区域内且未位于第二显示区域内;或者,操作焦点位于第二显示区域内且未位于第二显示区域内。In some embodiments, the positional relationship between the operation focus and the first display area and the second display area may include: the operation focus is located in the first display area but not in the second display area; or, the operation focus is located in the second display area. within and not within the second display area.
步骤S530:基于所述位置关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。Step S530: Based on the position relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
在本实施例中,在获得操作焦点与第一显示区域和第二显示区域的位置关系的情况下,则可以基于操作焦点与第一显示区域和第二显示区域的位置关系,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。In this embodiment, when the positional relationship between the operation focus and the first display area and the second display area is obtained, the positional relationship between the operation focus and the first display area and the second display area can be obtained from the first interface. One of the two interfaces is determined as the first target interface, and the other is determined as the second target interface.
在一些实施方式中,电子设备一般默认操作焦点所在的界面的优先级高于操作焦点不在的界面的优先级。因此,若基于操作焦点与第一显示区域和第二显示区域的位置关系确定操作焦点位于第一显示区域(第一界面)内且未位于第二显示区域(第二界面)内,则可以将第一界面确定为第一目标界面,并将第二界面确定为第二目标界面;若基于操作焦点与第一显示区域和第二显示区域的位置关系确定操作焦点位于第二显示区域(第二界面)内且未位于第一显示区域(第一界面)内,则可以将第二界面确定为第一目标界面,并将第一界面确定为第二目标界面。In some implementations, the electronic device generally defaults to a priority of the interface where the operation focus is located, higher than the priority of the interface where the operation focus is not. Therefore, if it is determined based on the positional relationship between the operation focus and the first display area and the second display area that the operation focus is located in the first display area (first interface) and is not located in the second display area (second interface), then the operation focus can be The first interface is determined as the first target interface, and the second interface is determined as the second target interface; if it is determined based on the positional relationship between the operation focus and the first display area and the second display area that the operation focus is located in the second display area (second interface) and is not located in the first display area (first interface), the second interface can be determined as the first target interface, and the first interface can be determined as the second target interface.
在一些实施方式中,若基于操作焦点与第一显示区域和第二显示区域的位置关系确定操作焦点位于第一显示区域(第一界面)内且未位于第二显示区域(第二界面)内,如操作焦点位于第一显示区域和第二显示区域的分割线上,则可以输出提示信息,其中,该提示信息用于提示用户从第一界面和第二界面中选择作为第一目标界面的界面,以及选择作为第二目标界面的界面。In some embodiments, if it is determined based on the positional relationship between the operation focus and the first display area and the second display area that the operation focus is located in the first display area (first interface) and is not located in the second display area (second interface) , if the operation focus is located on the dividing line between the first display area and the second display area, prompt information can be output, wherein the prompt information is used to prompt the user to select the first target interface from the first interface and the second interface. interface, and the interface selected as the second target interface.
步骤S540:显示所述第一目标界面并隐藏所述第二目标界面。Step S540: Display the first target interface and hide the second target interface.
其中,步骤S540的具体描述请参阅步骤S130,在此不再赘述。For the specific description of step S540, please refer to step S130, which will not be described again here.
本申请一实施例提供的界面的显示方法,相较于图3所示的界面的显示方法,本实施例还获取操作焦点与第一显示区域和第二显示区域的位置关系,基于该位置关系,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,从而可以提升针对界面进行显示或者隐藏处理的准确性。The interface display method provided by an embodiment of the present application is compared with the interface display method shown in Figure 3. This embodiment also obtains the positional relationship between the operation focus and the first display area and the second display area. Based on the positional relationship , determining one of the first interface and the second interface as the first target interface, and determining the other as the second target interface, thereby improving the accuracy of displaying or hiding the interface.
请参阅图19,图19示出了本申请一实施例提供的界面的显示方法的流程示意图。该方法应用于电子设备,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域。下面将针对图19所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 19 , which is a schematic flowchart of an interface display method provided by an embodiment of the present application. The method is applied to an electronic device, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The process shown in Figure 19 will be described in detail below. The method for displaying the interface may specifically include the following steps:
步骤S610:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。Step S610: When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
其中,步骤S610的具体描述请参阅步骤S110,在此不再赘述。For the specific description of step S610, please refer to step S110, which will not be described again here.
步骤S620:响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一应用程序和 所述第二应用程序的启动时间关系。Step S620: In response to the folding display switching from the unfolded state to the folded state, obtain the first application and The startup time relationship of the second application.
其中,第一界面对应第一应用程序,第二界面对应第二应用程序。The first interface corresponds to the first application program, and the second interface corresponds to the second application program.
在本实施例中,电子设备在第一显示区域显示第一界面,并在第二显示区域显示第二界面的过程中,可以对折叠显示屏是否从展开状态切换为折叠状态进行检测。其中,在检测到折叠显示屏从展开状态切换为折叠状态时,则可以获取该第一应用程序和第二应用程序的启动时间关系。In this embodiment, while the electronic device displays the first interface in the first display area and displays the second interface in the second display area, it can detect whether the folding display screen switches from the unfolded state to the folded state. When it is detected that the folding display screen switches from the unfolded state to the folded state, the startup time relationship between the first application program and the second application program can be obtained.
在一些实施方式中,可以获取第一应用程序的启动时间,以及获取第二应用程序的启动时间,基于第一应用程序的启动时间和第二应用程序的启动时间,获取第一应用程序和第二应用程序的启动时间关系。In some implementations, the startup time of the first application program can be obtained, and the startup time of the second application program can be obtained. Based on the startup time of the first application program and the startup time of the second application program, the first application program and the second application program can be obtained. The relationship between the startup time of the two applications.
在一些实施方式中,电子设备在启动第一应用程序时,可以判断是否启动已启动第二应用程序获得判断结果,基于该判断结果确定第一应用程序和第二应用程序的启动时间关系。其中,若判断结果表征未启动第二应用程序,则可以确定第一应用程序的启动时间早于第二应用程序的启动时间;若判断结果表征已启动第二应用程序,则可以确定第一应用程序的启动时间晚于第二应用程序的启动时间。In some embodiments, when the electronic device starts the first application, it can determine whether to start the second application to obtain a judgment result, and determine the startup time relationship between the first application and the second application based on the judgment result. Wherein, if the judgment result indicates that the second application program has not been started, it can be determined that the startup time of the first application program is earlier than the startup time of the second application program; if the judgment result represents that the second application program has been started, it can be determined that the first application program has been started. The program's startup time is later than the second application's startup time.
在一些实施方式中,第一应用程序和第二应用程序的启动时间关系可以包括:第一应用程序的启动时间早于第二应用程序的启动时间;或者,第一应用程序的启动时间晚于第二应用程序的启动时间。In some implementations, the startup time relationship between the first application program and the second application program may include: the startup time of the first application program is earlier than the startup time of the second application program; or, the startup time of the first application program is later than The launch time of the second application.
步骤S630:基于所述启动时间关系,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。Step S630: Based on the startup time relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface.
在本实施例中,在获得第一应用程序和第二应用程序的启动时间关系的情况下,则可以基于第一应用程序和第二应用程序的启动时间关系,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。In this embodiment, when the startup time relationship between the first application program and the second application program is obtained, based on the startup time relationship between the first application program and the second application program, the first interface and the second interface can be obtained based on the startup time relationship between the first application program and the second application program. One of them is determined as the first target interface, and the other is determined as the second target interface.
在一些实施方式中,电子设备可以默认启动时间靠后的应用程序的优先级高于启动时间靠前的应用程序的优先级。因此,若基于第一应用程序和第二应用程序的启动时间关系确定第一应用的启动时间晚于第二应用程序的启动时间,则可以将第一应用程序对应的第一界面确定为第一目标界面,并将第二应用程序对应的第二界面确定为第二目标界面;若基于第一应用程序和第二应用程序的启动时间关系确定第一应用的启动时间早于第二应用程序的启动时间,则可以将第一应用程序对应的第一界面确定为第二目标界面,并将第二应用程序对应的第二界面确定为第一目标界面。In some embodiments, the electronic device may default to a priority of an application program that is started later than a priority application that is started earlier. Therefore, if it is determined based on the startup time relationship between the first application and the second application that the startup time of the first application is later than the startup time of the second application, the first interface corresponding to the first application can be determined as the first target interface, and determine the second interface corresponding to the second application program as the second target interface; if it is determined based on the startup time relationship between the first application program and the second application program that the startup time of the first application is earlier than that of the second application program At the startup time, the first interface corresponding to the first application program can be determined as the second target interface, and the second interface corresponding to the second application program can be determined as the first target interface.
步骤S640:显示所述第一目标界面并隐藏所述第二目标界面。Step S640: Display the first target interface and hide the second target interface.
其中,步骤S640的具体描述请参阅步骤S130,在此不再赘述。For the detailed description of step S640, please refer to step S130, which will not be described again here.
本申请一实施例提供的界面的显示方法,相较于图3所示的界面的显示方法,本实施例还获取第一界面对应的第一应用程序和第二界面对应的第二应用程序的启动时间关系,基于启动时间关系,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,从而可以提升针对界面进行显示或者隐藏处理的准确性。The interface display method provided by an embodiment of the present application is compared with the interface display method shown in Figure 3. This embodiment also obtains the first application program corresponding to the first interface and the second application program corresponding to the second interface. Startup time relationship, based on the startup time relationship, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface, thereby improving the accuracy of displaying or hiding the interface. sex.
请参阅图20,图20示出了本申请一实施例提供的界面的显示方法的流程示意图。该方法应用于电子设备,该电子设备包括折叠显示屏和目标显示屏,该目标显示屏和折叠显示屏相背设置,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域。下面将针对图20所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 20 , which is a schematic flowchart of an interface display method provided by an embodiment of the present application. The method is applied to an electronic device. The electronic device includes a folding display screen and a target display screen. The target display screen and the folding display screen are arranged oppositely. The displayable area of the folding display screen includes a first display area and a second display area. The process shown in Figure 20 will be described in detail below. The method for displaying the interface may specifically include the following steps:
步骤S710:在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。Step S710: When the folding display screen is in an unfolded state, display a first interface in the first display area and display a second interface in the second display area.
步骤S720:响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。Step S720: In response to the folding display screen switching from the unfolded state to the folded state, determine one of the first interface and the second interface as the first target interface, and determine the other as the second target interface. target interface.
其中,步骤S710-步骤S720的具体描述请参阅步骤S110-步骤S120,在此不再赘述。For detailed descriptions of step S710 to step S720, please refer to step S110 to step S120, which will not be described again here.
步骤S730:获取所述折叠显示屏的折叠方向。Step S730: Obtain the folding direction of the folding display screen.
其中,电子设备还包括目标显示屏,该目标显示屏与折叠显示屏相背设置,于本实施例中,该目标显示屏可以为折叠显示屏、可以为液晶显示屏、可以为OLED显示屏等,在此不做限定。其中,该目标显示屏的可显示区域的显示面积与折叠显示屏的可显示区域的显示面积可以相同,也可以不相同。作为一种方式,在目标显示屏的可显示区域的显示面积与折叠显示屏的可显示区域的显示面积不相同时,则该目标显示屏的可显示区域的显示面积可以小于折叠显示屏的可显示区域的显示面积。The electronic device further includes a target display screen, which is arranged opposite to the folding display screen. In this embodiment, the target display screen can be a folding display screen, a liquid crystal display screen, an OLED display screen, etc. , no limitation is made here. The display area of the displayable area of the target display screen and the display area of the displayable area of the folding display screen may be the same or different. As a method, when the display area of the displayable area of the target display screen is different from the display area of the displayable area of the folding display screen, the display area of the displayable area of the target display screen may be smaller than the display area of the folding display screen. The display area of the display area.
在本实施例中,在折叠显示屏从展开状态切换为折叠状态时,可以获取折叠显示屏的折叠方向。在一些实施方式中,折叠显示屏的折叠方向可以包括第一方向和第二方向,其中,第一方向表征第一显示区域和第二显示区域的一者被朝向另一者折叠的方向,第二方向表征第一显示区域和第二显示区域的一者被背向另一者折叠的方向。因此,在折叠显示屏从展开状态切换为折叠状态时,则可以获取该折叠显示屏的折叠方向是第一方向还是第二方向。In this embodiment, when the folding display screen switches from the unfolded state to the folded state, the folding direction of the folding display screen can be obtained. In some embodiments, the folding direction of the folding display screen may include a first direction and a second direction, wherein the first direction represents a direction in which one of the first display area and the second display area is folded toward the other, and the The two directions represent the direction in which one of the first display area and the second display area is folded away from the other. Therefore, when the folding display screen switches from the unfolded state to the folded state, it is possible to obtain whether the folding direction of the folding display screen is the first direction or the second direction.
步骤S740:基于所述折叠方向,从所述折叠显示屏和所述目标显示屏中确定待显示的显示屏。Step S740: Based on the folding direction, determine a display screen to be displayed from the folding display screen and the target display screen.
在本实施例中,在获得折叠显示屏的折叠方向的情况下,则可以基于该折叠方向,从折叠显示屏和目标显示屏中确定待显示的显示屏。在一些实施方式中,电子设备可以预先设置并存储有映射关系表,该映 射关系表中包括第一方向、第二方向、折叠显示屏以及目标显示屏的对应关系,则在获得折叠显示屏的折叠方向的情况下,则可以基于该映射关系表,从折叠显示屏和目标显示屏中确定与折叠方向对应的待显示的显示屏。In this embodiment, when the folding direction of the folding display screen is obtained, the display screen to be displayed can be determined from the folding display screen and the target display screen based on the folding direction. In some implementations, the electronic device may be preset and stored with a mapping relationship table. The mapping relationship table includes the corresponding relationship between the first direction, the second direction, the folding display screen and the target display screen. When the folding direction of the folding display screen is obtained, based on the mapping relationship table, the folding display screen and the target display screen can be obtained. A display screen to be displayed corresponding to the folding direction is determined in the target display screen.
例如,假设该对应关系可以包括第一方向与目标显示屏对应,以及第二方向与折叠显示屏对应。如此,在本实施例中,若检测到该折叠显示屏的折叠方向为第一方向,则可以将目标显示屏确定为待显示的显示屏,若检测到该折叠显示屏的折叠方向为第二方向,则可以将折叠显示屏确定为待显示的显示屏。For example, it is assumed that the corresponding relationship may include the first direction corresponding to the target display screen, and the second direction corresponding to the folding display screen. In this way, in this embodiment, if it is detected that the folding direction of the folding display screen is the first direction, the target display screen can be determined as the display screen to be displayed. If it is detected that the folding direction of the folding display screen is the second direction, the target display screen can be determined as the display screen to be displayed. direction, the folding display screen can be determined as the display screen to be displayed.
步骤S750:通过所述待显示的显示屏显示所述第一目标界面并隐藏所述第二目标界面。Step S750: Display the first target interface and hide the second target interface through the display screen to be displayed.
在一些实施方式中,在确定待显示的显示屏的情况下,则可以通过待显示的显示屏显示该第一目标界面并隐藏该第二目标界面。其中,若待显示的显示屏为折叠显示屏,则可以通过折叠显示屏在折叠后显示区域显示该第一目标界面并隐藏第二目标界面;若待显示的显示屏为目标显示屏,则可以通过目标显示屏显示该第一目标界面并隐藏第二目标界面。In some implementations, when the display screen to be displayed is determined, the first target interface can be displayed through the display screen to be displayed and the second target interface can be hidden. Wherein, if the display screen to be displayed is a folding display screen, the first target interface can be displayed in the folded display area through the folding display screen and the second target interface can be hidden; if the display screen to be displayed is a target display screen, then the first target interface can be displayed in the folded display area; The first target interface is displayed through the target display screen and the second target interface is hidden.
本申请一实施例提供的界面的显示方法,相较于图3所示的界面的显示方法,本实施例的电子设备还包括与折叠显示屏相背设置的目标显示屏,还获取折叠显示屏的折叠方向,基于该折叠方向,从折叠显示屏和目标显示屏中确定待显示的显示屏,通过待显示的显示屏显示第一目标界面并隐藏第二目标界面,从而可以提升目标界面的显示多样性,提升用户的使用体验。The interface display method provided by an embodiment of the present application is compared with the interface display method shown in Figure 3. The electronic device of this embodiment also includes a target display screen arranged opposite to the folding display screen, and also obtains the folding display screen. The folding direction, based on the folding direction, determines the display screen to be displayed from the folding display screen and the target display screen, displays the first target interface and hides the second target interface through the display screen to be displayed, thereby improving the display of the target interface Diversity improves user experience.
请参阅图21,图21示出了本申请一实施例通过的界面的显示方法的流程示意图。该方法用于通过在折叠显示屏分屏显示多个界面的情况下,若折叠显示屏从展开状态切换为折叠状态,则从多个界面中折其一进行显示并隐藏另外的界面,可以实现在小屏上依然保持分屏的可用性,以提升用户的使用体验。在具体的实施例中,该界面的显示方法应用于如图23所示的界面的显示装置300以及配置有界面的显示装置300的电子设备100(图24)。下面将以电子设备为例,说明本实施例的具体流程,当然,可以理解的,本实施例所应用的电子设备可以包括智能手机、平板电脑、穿戴式电子设备等,在此不做限定。于本实施例中,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括多个显示区域,下面将针对图21所示的流程进行详细的阐述,所述界面的显示方法具体可以包括以下步骤:Please refer to FIG. 21 , which is a schematic flowchart of an interface display method according to an embodiment of the present application. This method is used to realize that when the folding display screen displays multiple interfaces in split screen, if the folding display screen switches from the unfolded state to the folded state, one of the multiple interfaces is displayed and the other interface is hidden. The usability of split-screen is still maintained on small screens to improve the user experience. In a specific embodiment, the interface display method is applied to the interface display device 300 shown in FIG. 23 and the electronic device 100 configured with the interface display device 300 (FIG. 24). The following will take an electronic device as an example to illustrate the specific process of this embodiment. Of course, it can be understood that the electronic devices applied in this embodiment may include smart phones, tablet computers, wearable electronic devices, etc., which are not limited here. In this embodiment, the electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas. The process shown in Figure 21 will be described in detail below. The display method of the interface can be Includes the following steps:
步骤S810:在所述折叠显示屏处于展开状态的情况下,在所述多个显示区域各自显示对应的界面。Step S810: When the folding display screen is in an unfolded state, corresponding interfaces are displayed in each of the multiple display areas.
在本实施例中,电子设备包括折叠显示屏,该折叠显示屏具有可显示区域,该可显示区域可以包括多个显示区域,其中,显示区域的数量至少为3个。也就是说,可显示区域可以包括第一显示区域、第二显示区域……第N显示区域,其中,N为大于或等于3的整数。In this embodiment, the electronic device includes a folding display screen, the folding display screen has a displayable area, and the displayable area may include multiple display areas, where the number of display areas is at least three. That is to say, the displayable area may include a first display area, a second display area... and an Nth display area, where N is an integer greater than or equal to 3.
在一些实施方式中,多个显示区域可以各自显示有对应的界面,例如,多个显示区域可以各自对应有应用程序,并各自显示对应的应用程序的界面。In some implementations, multiple display areas may each display a corresponding interface. For example, multiple display areas may each correspond to an application program, and each display an interface of the corresponding application program.
步骤S820:响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述多个显示区域对应的界面中确定第一目标界面,并将所述多个显示区域对应的界面中除所述第一目标界面外的界面确定为第二目标界面。Step S820: In response to the folding display screen switching from the unfolded state to the folded state, determine a first target interface from the interfaces corresponding to the multiple display areas, and remove the first target interface from the interfaces corresponding to the multiple display areas. The interface outside the first target interface is determined as the second target interface.
在本实施例中,电子设备在多个显示区域各自显示对应的界面的过程中,可以对折叠显示屏是否从展开状态切换为折叠状态进行检测。其中,在检测到折叠显示屏保持展开时状态时,则可以继续保持在多个显示区域各自显示对应的界面;在检测到折叠显示屏从展开状态切换为折叠状态时,则可以从多个显示区域对应的界面中确定一者作为第一目标界面,以及确定另外的界面作为第二目标界面。In this embodiment, while the electronic device displays corresponding interfaces in each of the multiple display areas, it can detect whether the folding display screen switches from the unfolded state to the folded state. Among them, when it is detected that the folding display screen remains in the unfolded state, it can continue to display corresponding interfaces in multiple display areas; when it is detected that the folding display screen switches from the unfolded state to the folded state, it can continue to display the corresponding interfaces from the multiple display areas. One of the interfaces corresponding to the area is determined as the first target interface, and the other interface is determined as the second target interface.
在一些实施方式中,从多个显示区域对应的界面中确定第一目标界面,并将多个显示区域对应的界面中除第一目标界面外的界面确定为第二目标界面可以包括:将多个显示区域对应的界面中的任一界面确定为第一目标界面,并将剩余的所有界面确定为第二目标界面。In some embodiments, determining the first target interface from the interfaces corresponding to the multiple display areas, and determining the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas as the second target interface may include: Any interface among the interfaces corresponding to the display areas is determined as the first target interface, and all remaining interfaces are determined as the second target interface.
步骤S830:显示所述第一目标界面并隐藏所述第二目标界面。Step S830: Display the first target interface and hide the second target interface.
在本实施例中,在确定第一目标界面和第二目标界面的情况下,则可以显示第一目标界面并隐藏第二目标界面。其中,由于第二目标界面包括的界面的数量为多个,即,相当于显示一个界面并隐藏多个界面。In this embodiment, when the first target interface and the second target interface are determined, the first target interface can be displayed and the second target interface can be hidden. Among them, since the second target interface includes multiple interfaces, that is, it is equivalent to displaying one interface and hiding multiple interfaces.
在一些实施方式中,在确定第一目标界面和第二目标界面的情况下,则可以显示第一目标界面,并在第一目标界面的第一目标区域显示至少两个目标控件,其中,该至少两个目标控件中的每个目标控件用于触发切换显示对应的界面。In some embodiments, when the first target interface and the second target interface are determined, the first target interface may be displayed, and at least two target controls may be displayed in the first target area of the first target interface, wherein the Each of at least two target controls is used to trigger switching to display a corresponding interface.
在一些实施方式中,在显示第一目标界面的情况下,则可以从第一目标界面中确定第一目标区域。该第一目标区域以不影响第一目标界面的内容的显示为佳,例如,该第一目标区域可以靠近第一目标界面的边缘位置,如第一目标区域可以靠近第一目标界面的左侧边缘、可以靠近第一目标界面的右侧边缘、可以靠近第一目标界面的顶部边缘、可以靠近第一目标界面的底部边缘等,在此不做限定。In some implementations, when the first target interface is displayed, the first target area may be determined from the first target interface. It is better that the first target area does not affect the display of the content of the first target interface. For example, the first target area can be close to the edge of the first target interface. For example, the first target area can be close to the left side of the first target interface. The edge may be close to the right edge of the first target interface, may be close to the top edge of the first target interface, may be close to the bottom edge of the first target interface, etc., and is not limited here.
在一些实施方式中,在从第一目标界面中确定第一目标区域的情况下,则可以在第一目标区域显示至少两个目标控件。该至少两个目标控件的形状、大小、颜色等参数不做限定。作为一种方式,该至少两个目标控件可以为形状类似按钮/把手的控件。 In some implementations, when the first target area is determined from the first target interface, at least two target controls may be displayed in the first target area. The shape, size, color and other parameters of the at least two target controls are not limited. As a way, the at least two target controls may be controls shaped like buttons/handles.
在本实施例中,在第一目标界面的第一目标区域显示至少两个目标控件的过程中,可以对作用于该至少两个目标控件的触控操作进行检测。其中,在未检测到作用于至少两个目标控件中的任一目标控件的触控操作时,则可以继续保持显示第一目标界面,并在第一目标界面的第一目标区域显示至少两个目标控件;在检测到作用于至少两个目标控件中的任意一个目标控件的触控操作时,则可以响应作用于该一个目标控件的触控操作,从第二目标界面(多个界面)中确定与该一个目标控件对应的界面,并显示该一个目标控件对应的界面并隐藏第一目标界面。In this embodiment, during the process of displaying at least two target controls in the first target area of the first target interface, touch operations acting on the at least two target controls may be detected. Wherein, when a touch operation acting on any one of the at least two target controls is not detected, the first target interface can continue to be displayed, and at least two target controls can be displayed in the first target area of the first target interface. Target control; when a touch operation acting on any one of the at least two target controls is detected, you can respond to the touch operation acting on the one target control from the second target interface (multiple interfaces) Determine an interface corresponding to the one target control, display the interface corresponding to the one target control, and hide the first target interface.
在一些实施方式中,在第一目标区域显示至少两个目标控件可以包括:在第一显示区域直接显示该至少两个目标控件;或者,在第一显示区域以集合的形式显示该至少两个目标控件,例如,在第一显示区域显示集合了至少两个目标控件的按钮,在检测到作用于该按钮的点击操作时,显示该至少两个目标控件。In some embodiments, displaying at least two target controls in the first target area may include: directly displaying the at least two target controls in the first display area; or, displaying the at least two target controls in the form of a set in the first display area. The target control, for example, displays a button that combines at least two target controls in the first display area, and when a click operation on the button is detected, the at least two target controls are displayed.
本申请一实施例提供的界面的显示方法,在折叠显示屏处于展开状态的情况下,在多个显示区域各自显示对应的界面,响应于折叠显示屏从展开状态切换为折叠状态,从多个显示区域对应的界面中确定第一目标界面,并将多个显示区域对应的界面中除第一目标界面外的界面确定为第二目标界面,显示第一目标界面并隐藏第二目标界面,从而通过在折叠显示屏分屏显示多个界面的情况下,若折叠显示屏从展开状态切换为折叠状态,则从多个界面中折其一进行显示并隐藏另外的界面,可以实现在小屏上依然保持分屏的可用性,以提升用户的使用体验。An interface display method provided by an embodiment of the present application displays corresponding interfaces in multiple display areas when the folding display screen is in an unfolded state. In response to the folding display screen switching from the unfolded state to the folded state, multiple display areas are displayed. The first target interface is determined among the interfaces corresponding to the display area, and the interfaces other than the first target interface among the interfaces corresponding to the multiple display areas are determined as the second target interface, the first target interface is displayed and the second target interface is hidden, thereby When the folding display screen displays multiple interfaces in split screens, if the folding display screen switches from the unfolded state to the folded state, one of the multiple interfaces is displayed and the other interface is hidden, so that the display can be realized on a small screen. The usability of split-screen is still maintained to improve the user experience.
请参阅图22,图22示出了本申请一实施例提供的界面的显示装置的模块框图。该界面的显示装置200应用于上述电子设备,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括第一显示区域和第二显示区域。下面将针对图22所示的框图进行阐述,所述界面的显示装置200包括:第一界面显示模块210、界面确定模块220以及第二界面显示模块230,其中:Please refer to FIG. 22 , which shows a module block diagram of a display device of an interface provided by an embodiment of the present application. The display device 200 of this interface is applied to the above-mentioned electronic device. The electronic device includes a folding display screen, and the displayable area of the folding display screen includes a first display area and a second display area. The following will be described with reference to the block diagram shown in Figure 22. The interface display device 200 includes: a first interface display module 210, an interface determination module 220, and a second interface display module 230, wherein:
第一界面显示模块210,用于在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面。The first interface display module 210 is configured to display a first interface in the first display area and a second interface in the second display area when the folding display screen is in an unfolded state.
界面确定模块220,用于响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。The interface determination module 220 is configured to determine one of the first interface and the second interface as the first target interface in response to the folding display screen switching from the unfolded state to the folded state, and determine the other as the second target interface.
进一步地,所述界面确定模块220包括:排列关系获取子模块和第一界面确定子模块,其中:Further, the interface determination module 220 includes: an arrangement relationship acquisition sub-module and a first interface determination sub-module, wherein:
排列关系获取子模块,用于响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域和所述第二显示区域的排列关系。An arrangement relationship acquisition submodule is configured to acquire an arrangement relationship between the first display area and the second display area in response to the folding display screen switching from the unfolded state to the folded state.
第一界面确定子模块,用于基于所述排列关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。A first interface determination submodule, configured to determine one of the first interface and the second interface as the first target interface based on the arrangement relationship, and determine the other as the second target. interface.
进一步地,所述界面确定模块220包括:位置关系获取子模块和第二界面确定子模块,其中:Further, the interface determination module 220 includes: a location relationship acquisition sub-module and a second interface determination sub-module, wherein:
位置关系获取子模块,用于响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取操作焦点与所述第一显示区域和所述第二显示区域的位置关系。A positional relationship acquisition submodule, configured to acquire the positional relationship between the operation focus and the first display area and the second display area in response to the folding display screen switching from the unfolded state to the folded state.
第二界面确定子模块,用于基于所述位置关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。A second interface determination submodule, configured to determine one of the first interface and the second interface as the first target interface based on the position relationship, and determine the other as the second target. interface.
进一步地,所述界面确定模块220包括:启动时间关系获取子模块和第三界面确定子模块,其中:Further, the interface determination module 220 includes: a startup time relationship acquisition submodule and a third interface determination submodule, wherein:
启动时间关系获取子模块,用于响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一应用程序和所述第二应用程序的启动时间关系。A startup time relationship acquisition submodule is configured to acquire a startup time relationship between the first application program and the second application program in response to the folding display screen switching from the unfolded state to the folded state.
第三界面确定子模块,用于基于所述启动时间关系,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。A third interface determination submodule is configured to determine one of the first interface and the second interface as the first target interface and determine the other as the second target interface based on the startup time relationship.
第二界面显示模块230,用于显示所述第一目标界面并隐藏所述第二目标界面。The second interface display module 230 is used to display the first target interface and hide the second target interface.
进一步地,所述第二界面显示模块230包括:第一目标控件显示子模块,其中:Further, the second interface display module 230 includes: a first target control display sub-module, wherein:
第一目标控件显示子模块,用于在所述第一目标界面的第一目标区域显示第一目标控件。The first target control display submodule is used to display the first target control in the first target area of the first target interface.
进一步地,所述第二界面显示模块230还包括:第一界面显示子模块,其中:Further, the second interface display module 230 also includes: a first interface display sub-module, wherein:
第一界面显示子模块,用于响应作用于所述第一目标控件的触控操作,显示所述第二目标界面并隐藏所述第一目标界面。The first interface display submodule is configured to display the second target interface and hide the first target interface in response to a touch operation on the first target control.
进一步地,所述第一界面显示子模块包括:第二目标控件显示单元和第一界面显示单元,其中:Further, the first interface display sub-module includes: a second target control display unit and a first interface display unit, wherein:
第二目标控件显示单元,用于响应作用于所述第一目标控件的触控操作,显示所述第二目标界面,并在所述第二目标界面的第二目标区域显示第二目标控件。A second target control display unit is configured to display the second target interface in response to a touch operation on the first target control, and display a second target control in a second target area of the second target interface.
第一界面显示单元,用于响应作用于所述第二目标控件的触控操作,显示所述第一目标界面并隐藏所述第二目标界面。A first interface display unit is configured to display the first target interface and hide the second target interface in response to a touch operation on the second target control.
进一步地,所述第二界面显示模块230包括:第二界面显示子模块,其中:Further, the second interface display module 230 includes: a second interface display sub-module, wherein:
第二界面显示子模块,用于显示所述第一目标界面和第一子界面,其中,所述第一子界面为所述第二目标界面的缩小界面,所述第一目标界面对应的显示面积大于所述第一子界面对应的显示面积。The second interface display sub-module is used to display the first target interface and the first sub-interface, wherein the first sub-interface is a reduced interface of the second target interface, and the corresponding display of the first target interface The area is larger than the corresponding display area of the first sub-interface.
进一步地,所述第二界面显示模块230还包括:第三界面显示子模块,其中: Further, the second interface display module 230 also includes: a third interface display sub-module, wherein:
第三界面显示子模块,用于响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面。A third interface display submodule, configured to display the second target interface and hide the first target interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface. .
进一步地,所述第三界面显示子模块包括:第二界面显示单元和第三界面显示单元,其中:Further, the third interface display sub-module includes: a second interface display unit and a third interface display unit, wherein:
第二界面显示单元,用于响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面和第二子界面,其中,所述第二子界面为所述第一目标界面的缩小界面,所述第二目标界面对应的显示面积大于所述第二子界面对应的显示面积。A second interface display unit configured to display the second target interface and the second sub-interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, wherein the The second sub-interface is a reduced interface of the first target interface, and the display area corresponding to the second target interface is larger than the display area corresponding to the second sub-interface.
第三界面显示单元,用于响应作用于所述第二目标界面和所述第二子界面之间的分割线的拖动操作,显示所述第一目标界面并隐藏所述第二目标界面。A third interface display unit is configured to display the first target interface and hide the second target interface in response to a drag operation acting on the dividing line between the second target interface and the second sub-interface.
进一步地,所述电子设备还包括目标显示屏,该目标显示屏与折叠显示屏相背设置,所述第二界面显示模块230包括:折叠方向获取子模块、显示屏确定子模块以及第四界面显示子模块,其中:Further, the electronic device further includes a target display screen, which is set opposite to the folding display screen. The second interface display module 230 includes: a folding direction acquisition sub-module, a display screen determination sub-module and a fourth interface. Show submodules where:
折叠方向获取子模块,用于获取所述折叠显示屏的折叠方向。The folding direction acquisition submodule is used to obtain the folding direction of the folding display screen.
显示屏确定子模块,用于基于所述折叠方向,从所述折叠显示屏和所述目标显示屏中确定待显示的显示屏。A display screen determination submodule is configured to determine a display screen to be displayed from the folding display screen and the target display screen based on the folding direction.
进一步地,所述显示屏确定子模块包括:第一显示屏确定单元和第二显示屏确定单元,其中:Further, the display screen determination sub-module includes: a first display screen determination unit and a second display screen determination unit, wherein:
第一显示屏确定单元,用于若所述折叠方向为第一方向,则将所述目标显示屏确定为所述待显示的显示屏,其中,所述第一方向表征所述第一显示区域和所述第二显示区域的一者被朝向另一者折叠的方向。A first display screen determining unit configured to determine the target display screen as the display screen to be displayed if the folding direction is a first direction, wherein the first direction represents the first display area A direction in which one of the second display area and the second display area is folded toward the other.
第二显示屏确定单元,用于若所述折叠方向为第二方向,则将所述折叠显示屏确定为所述待显示的显示屏,其中,所述第二方向表征所述第一显示区域和所述第二显示区域的一者被背向另一者折叠的方向。A second display screen determining unit configured to determine the folded display screen as the display screen to be displayed if the folding direction is a second direction, wherein the second direction represents the first display area and the direction in which one of the second display areas is folded away from the other.
第四界面显示子模块,用于通过所述待显示的显示屏显示所述第一目标界面并隐藏所述第二目标界面。A fourth interface display submodule is used to display the first target interface and hide the second target interface through the display screen to be displayed.
请参阅图23,图23示出了本申请一实施例提供的界面的显示装置的模块框图。该界面的显示装置300应用于上述电子设备,该电子设备包括折叠显示屏,该折叠显示屏的可显示区域包括多个显示区域。下面将针对图23所示的框图进行阐述,所述界面的显示装置300包括:界面显示模块310、界面确定模块320以及界面隐藏模块330,其中:Please refer to FIG. 23 , which shows a module block diagram of a display device of an interface provided by an embodiment of the present application. The display device 300 of this interface is applied to the above-mentioned electronic device. The electronic device includes a folding display screen, and the displayable area of the folding display screen includes multiple display areas. The following will be described with reference to the block diagram shown in Figure 23. The interface display device 300 includes: an interface display module 310, an interface determination module 320, and an interface hiding module 330, wherein:
界面显示模块310,用于在所述折叠显示屏处于展开状态的情况下,在所述多个显示区域各自显示对应的界面。The interface display module 310 is configured to display corresponding interfaces in each of the multiple display areas when the folding display screen is in an unfolded state.
界面确定模块320,用于响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述多个显示区域对应的界面中确定第一目标界面,并将所述多个显示区域对应的界面中除所述第一目标界面外的界面确定为第二目标界面。The interface determination module 320 is configured to determine a first target interface from the interfaces corresponding to the multiple display areas in response to the folding display screen switching from the unfolded state to the folded state, and corresponding the multiple display areas. Among the interfaces, the interfaces other than the first target interface are determined as the second target interface.
界面隐藏模块330,用于显示所述第一目标界面并隐藏所述第二目标界面。The interface hiding module 330 is used to display the first target interface and hide the second target interface.
进一步地,所述界面隐藏模块330包括:目标控件显示子模块和界面隐藏子模块,其中:Further, the interface hiding module 330 includes: a target control display sub-module and an interface hiding sub-module, wherein:
目标控件显示子模块,用于在所述第一目标界面的第一目标区域显示至少两个目标控件。The target control display sub-module is configured to display at least two target controls in the first target area of the first target interface.
界面隐藏子模块,用于响应作用于所述至少两个目标控件中的一个目标控件的触控操作,显示所述一个目标控件对应的界面并隐藏所述第一目标界面。The interface hiding submodule is configured to respond to a touch operation on one of the at least two target controls, display the interface corresponding to the one target control and hide the first target interface.
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述装置和模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。Those skilled in the art can clearly understand that for the convenience and simplicity of description, the specific working processes of the above-described devices and modules can be referred to the corresponding processes in the foregoing method embodiments, and will not be described again here.
在本申请所提供的几个实施例中,模块相互之间的耦合可以是电性,机械或其它形式的耦合。In several embodiments provided in this application, the coupling between modules may be electrical, mechanical or other forms of coupling.
另外,在本申请各个实施例中的各功能模块可以集成在一个处理模块中,也可以是各个模块单独物理存在,也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。In addition, each functional module in each embodiment of the present application can be integrated into one processing module, or each module can exist physically alone, or two or more modules can be integrated into one module. The above integrated modules can be implemented in the form of hardware or software function modules.
请参阅图24,其示出了本申请实施例提供的一种电子设备100的结构框图。该电子设备100可以是智能手机、平板电脑、电子书等能够运行应用程序的电子设备。本申请中的电子设备100可以包括一个或多个如下部件:处理器130、存储器140以及一个或多个应用程序,其中一个或多个应用程序可以被存储在存储器140中并被配置为由一个或多个处理器130执行,一个或多个程序配置用于执行如前述方法实施例所描述的方法。Please refer to FIG. 24 , which shows a structural block diagram of an electronic device 100 provided by an embodiment of the present application. The electronic device 100 may be a smart phone, a tablet computer, an e-book, or other electronic device capable of running applications. The electronic device 100 in the present application may include one or more of the following components: a processor 130, a memory 140, and one or more application programs, wherein one or more application programs may be stored in the memory 140 and configured to be Or multiple processors 130 execute, and one or more programs are configured to execute the method as described in the foregoing method embodiments.
其中,处理器130可以包括一个或者多个处理核。处理器130利用各种接口和线路连接整个电子设备100内的各个部分,通过运行或执行存储在存储器140内的指令、程序、代码集或指令集,以及调用存储在存储器140内的数据,执行电子设备100的各种功能和处理数据。可选地,处理器130可以采用数字信号处理(Digital Signal Processing,DSP)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)、可编程逻辑阵列(Programmable Logic Array,PLA)中的至少一种硬件形式来实现。处理器130可集成中央处理器(Central Processing Unit,CPU)、图形处理器(Graphics Processing Unit,GPU)和调制解调器等中的一种或几种的组合。其中,CPU主要处理操作系统、用户界面和应用程序等;GPU用于负责待显示内容的渲染和绘制;调制解调器用于处理无线通信。可 以理解的是,上述调制解调器也可以不集成到处理器130中,单独通过一块通信芯片进行实现。The processor 130 may include one or more processing cores. The processor 130 uses various interfaces and lines to connect various parts of the entire electronic device 100, and executes by running or executing instructions, programs, code sets or instruction sets stored in the memory 140, and calling data stored in the memory 140. Various functions and processing data of the electronic device 100 . Optionally, the processor 130 may use at least one of digital signal processing (Digital Signal Processing, DSP), field-programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA). implemented in hardware form. The processor 130 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processor (Graphics Processing Unit, GPU), a modem, and the like. Among them, the CPU mainly handles the operating system, user interface, and applications; the GPU is responsible for rendering and drawing the content to be displayed; and the modem is used to handle wireless communications. Can It should be understood that the above-mentioned modem may not be integrated into the processor 130 and may be implemented solely through a communication chip.
存储器140可以包括随机存储器(Random Access Memory,RAM),也可以包括只读存储器(Read-Only Memory)。存储器140可用于存储指令、程序、代码、代码集或指令集。存储器140可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等。存储数据区还可以存储电子设备100在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。The memory 140 may include random access memory (RAM) or read-only memory (Read-Only Memory). Memory 140 may be used to store instructions, programs, codes, sets of codes, or sets of instructions. The memory 140 may include a program storage area and a data storage area, where the program storage area may store instructions for implementing an operating system and instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.) , instructions for implementing each of the following method embodiments, etc. The storage data area can also store data created during use of the electronic device 100 (such as phone book, audio and video data, chat record data), etc.
请参阅图25,其示出了本申请实施例提供的一种计算机可读存储介质的结构框图。该计算机可读介质400中存储有程序代码,所述程序代码可被处理器调用执行上述方法实施例中所描述的方法。Please refer to Figure 25, which shows a structural block diagram of a computer-readable storage medium provided by an embodiment of the present application. Program code is stored in the computer-readable medium 400, and the program code can be called by the processor to execute the method described in the above method embodiment.
计算机可读存储介质400可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地,计算机可读存储介质400包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质400具有执行上述方法中的任何方法步骤的程序代码410的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码410可以例如以适当形式进行压缩。Computer-readable storage medium 400 may be electronic memory such as flash memory, EEPROM (electrically erasable programmable read-only memory), EPROM, hard disk, or ROM. Optionally, the computer-readable storage medium 400 includes non-transitory computer-readable storage medium. The computer-readable storage medium 400 has storage space for the program code 410 that performs any method steps in the above-mentioned methods. These program codes can be read from or written into one or more computer program products. Program code 410 may, for example, be compressed in a suitable form.
综上所述,本申请实施例提供的界面的显示方法、装置、电子设备以及存储介质,在折叠显示屏处于展开状态的情况下,在第一显示区域显示第一界面,并在第二显示区域显示第二界面,响应于折叠显示屏从展开状态切换为折叠状态,从第一界面和第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,显示第一目标界面并隐藏第二目标界面,从而通过在折叠显示屏分屏显示两个界面的情况下,若折叠显示屏从展开状态切换为折叠状态,则从两个界面中折其一进行显示并隐藏另一界面,可以实现在小屏上依然保持分屏的可用性,以提升用户的使用体验。To sum up, the interface display method, device, electronic device and storage medium provided by the embodiments of the present application display the first interface in the first display area when the folding display screen is in the unfolded state, and display the first interface in the second display area. The area displays the second interface, and in response to the folding display screen switching from the unfolded state to the folded state, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface, and a second target interface is displayed. One target interface and hide the second target interface, so that when the folding display screen displays two interfaces in split screen, if the folding display screen switches from the unfolded state to the folded state, one of the two interfaces is folded and displayed. Hiding another interface can maintain the usability of split-screen on small screens to improve the user experience.
最后应说明的是:以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。 Finally, it should be noted that the above embodiments are only used to illustrate the technical solution of the present application, but not to limit it; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art will understand that: it can still Modifications are made to the technical solutions described in the foregoing embodiments, or equivalent substitutions are made to some of the technical features; however, these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions in the embodiments of the present application.

Claims (20)

  1. 一种界面的显示方法,其中,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括第一显示区域和第二显示区域,所述方法包括:An interface display method, which is applied to an electronic device, the electronic device includes a folding display screen, the displayable area of the folding display screen includes a first display area and a second display area, the method includes:
    在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面;When the folding display screen is in an unfolded state, a first interface is displayed in the first display area, and a second interface is displayed in the second display area;
    响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面;In response to the folding display screen switching from the unfolded state to the folded state, determining one of the first interface and the second interface as the first target interface, and determining the other as the second target interface;
    显示所述第一目标界面并隐藏所述第二目标界面。Display the first target interface and hide the second target interface.
  2. 根据权利要求1所述的方法,其中,包括:The method of claim 1, comprising:
    在所述第一目标界面的第一目标区域显示第一目标控件;Display the first target control in the first target area of the first target interface;
    响应作用于所述第一目标控件的触控操作,显示所述第二目标界面并隐藏所述第一目标界面。In response to a touch operation on the first target control, the second target interface is displayed and the first target interface is hidden.
  3. 根据权利要求2所述的方法,其中,所述响应作用于所述第一目标控件的触控操作,显示所述第二目标界面并隐藏所述第一目标界面,包括:The method of claim 2, wherein displaying the second target interface and hiding the first target interface in response to a touch operation acting on the first target control includes:
    响应作用于所述第一目标控件的触控操作,显示所述第二目标界面,并在所述第二目标界面的第二目标区域显示第二目标控件;In response to the touch operation on the first target control, display the second target interface, and display the second target control in the second target area of the second target interface;
    响应作用于所述第二目标控件的触控操作,显示所述第一目标界面并隐藏所述第二目标界面。In response to a touch operation on the second target control, the first target interface is displayed and the second target interface is hidden.
  4. 根据权利要求1所述的方法,其中,所述显示所述第一目标界面并隐藏所述第二目标界面,包括:The method of claim 1, wherein displaying the first target interface and hiding the second target interface includes:
    显示所述第一目标界面和第一子界面,其中,所述第一子界面为所述第二目标界面的缩小界面,所述第一目标界面对应的显示面积大于所述第一子界面对应的显示面积;Display the first target interface and the first sub-interface, wherein the first sub-interface is a reduced interface of the second target interface, and the display area corresponding to the first target interface is larger than that corresponding to the first sub-interface. display area;
    在所述显示所述第一目标界面并隐藏所述第二目标界面之后,还包括:After displaying the first target interface and hiding the second target interface, the method further includes:
    响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面。In response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target interface is displayed and the first target interface is hidden.
  5. 根据权利要求4所述的方法,其中,所述响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面,包括:The method of claim 4, wherein the second target interface is displayed and the second target interface is hidden in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface. The first target interface includes:
    响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面和第二子界面,其中,所述第二子界面为所述第一目标界面的缩小界面,所述第二目标界面对应的显示面积大于所述第二子界面对应的显示面积;In response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, the second target interface and the second sub-interface are displayed, wherein the second sub-interface is the The reduced interface of the first target interface, the display area corresponding to the second target interface is larger than the display area corresponding to the second sub-interface;
    在响应作用于所述第一目标界面和所述第一子界面之间的分割线的拖动操作,显示所述第二目标界面并隐藏所述第一目标界面之后,还包括:After displaying the second target interface and hiding the first target interface in response to a drag operation acting on the dividing line between the first target interface and the first sub-interface, the method further includes:
    响应作用于所述第二目标界面和所述第二子界面之间的分割线的拖动操作,显示所述第一目标界面并隐藏所述第二目标界面。In response to a drag operation acting on the dividing line between the second target interface and the second sub-interface, the first target interface is displayed and the second target interface is hidden.
  6. 根据权利要求4所述的方法,其中,所述第一子界面包括所述第二目标界面的缩小界面,所述第二目标界面的缩小界面包括所述第二目标界面的部分界面,或者,所述第二目标界面的缩小界面包括所述第二目标界面按比例全局缩小后的界面。The method according to claim 4, wherein the first sub-interface includes a reduced interface of the second target interface, and the reduced interface of the second target interface includes a part of the second target interface, or, The reduced interface of the second target interface includes a proportionally reduced global interface of the second target interface.
  7. 根据权利要求1-6任一项所述的方法,其中,所述响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,包括:The method according to any one of claims 1 to 6, wherein in response to the folding display screen switching from the unfolded state to the folded state, determining an interface from the first interface and the second interface One as the first target interface, and the other as the second target interface, including:
    响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域和所述第二显示区域的排列关系;In response to the folding display screen switching from the unfolded state to the folded state, obtaining an arrangement relationship between the first display area and the second display area;
    基于所述排列关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。Based on the arrangement relationship, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface.
  8. 根据权利要求7所述的方法,其中,所述响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域和所述第二显示区域的排列关系,包括:The method according to claim 7, wherein the arrangement relationship of the first display area and the second display area is obtained in response to the folding display screen switching from the unfolded state to the folded state, include:
    响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域的坐标信和所述第二显示区域的坐标信息;In response to the folding display screen switching from the unfolded state to the folded state, obtaining coordinate information of the first display area and coordinate information of the second display area;
    基于所述第一显示区域的坐标信息和所述第二显示区域的坐标信息,获取所述第一显示区域和所述第二显示区域的排列关系。Based on the coordinate information of the first display area and the coordinate information of the second display area, an arrangement relationship between the first display area and the second display area is obtained.
  9. 根据权利要求1-6任一项所述的方法,其中,所述响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,包括:The method according to any one of claims 1 to 6, wherein in response to the folding display screen switching from the unfolded state to the folded state, determining an interface from the first interface and the second interface One as the first target interface, and the other as the second target interface, including:
    响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取操作焦点与所述第一显示区域和所述第二显示区域的位置关系; In response to the folding display screen switching from the unfolded state to the folded state, obtaining a positional relationship between the operation focus and the first display area and the second display area;
    基于所述位置关系,从所述第一界面和所述第二界面中确定一者作为所述第一目标界面,以及确定另一者作为所述第二目标界面。Based on the positional relationship, one of the first interface and the second interface is determined as the first target interface, and the other is determined as the second target interface.
  10. 根据权利要求9所述的方法,其中,所述响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取操作焦点与所述第一显示区域和所述第二显示区域的位置关系,包括:The method according to claim 9, wherein in response to the folding display screen switching from the unfolded state to the folded state, obtaining an operation focus and a relationship between the first display area and the second display area. Location relationships, including:
    响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一显示区域对应的坐标范围、所述第二显示区域对应的坐标范围以及所述焦点对应的坐标信息;In response to the folding display screen switching from the unfolded state to the folded state, obtain the coordinate range corresponding to the first display area, the coordinate range corresponding to the second display area, and the coordinate information corresponding to the focus;
    计算所述操作焦点对应的坐标信息与所述第一显示区域对应的坐标范围的关系,以及计算所述操作焦点对应的坐标信息与所述第二显示区域对应的坐标范围的关系;Calculate the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and calculate the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area;
    基于所述操作焦点对应的坐标信息与第一显示区域对应的坐标范围的关系,以及所述操作焦点对应的坐标信息与所述第二显示区域对应的坐标范围的关系,确定所述操作焦点与所述第一显示区域和所述第二显示区域的位置关系。Based on the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the first display area, and the relationship between the coordinate information corresponding to the operation focus and the coordinate range corresponding to the second display area, it is determined that the operation focus and The positional relationship between the first display area and the second display area.
  11. 根据权利要求1-6任一项所述的方法,其中,所述第一界面对应第一应用程序,所述第二界面对应第二应用程序,所述响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面,包括:The method according to any one of claims 1 to 6, wherein the first interface corresponds to a first application, the second interface corresponds to a second application, and the response to the folding display screen is from the Switching the expanded state to the collapsed state, determining one of the first interface and the second interface as the first target interface, and determining the other as the second target interface, including:
    响应于所述折叠显示屏从所述展开状态切换为所述折叠状态,获取所述第一应用程序和所述第二应用程序的启动时间关系;In response to the folding display screen switching from the unfolded state to the folded state, obtaining a startup time relationship between the first application program and the second application program;
    基于所述启动时间关系,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面。Based on the startup time relationship, one of the first interface and the second interface is determined as a first target interface, and the other is determined as a second target interface.
  12. 根据权利要求1-6任一项所述的方法,其中,所述电子设备还包括目标显示屏,所述目标显示屏与所述折叠显示屏相背设置,所述显示所述第一目标界面并隐藏所述第二目标界面,包括:The method according to any one of claims 1 to 6, wherein the electronic device further includes a target display screen, the target display screen is arranged opposite to the folding display screen, and the first target interface is displayed. And hide the second target interface, including:
    获取所述折叠显示屏的折叠方向;Obtain the folding direction of the folding display screen;
    基于所述折叠方向,从所述折叠显示屏和所述目标显示屏中确定待显示的显示屏;Based on the folding direction, determine a display screen to be displayed from the folded display screen and the target display screen;
    通过所述待显示的显示屏显示所述第一目标界面并隐藏所述第二目标界面。The first target interface is displayed and the second target interface is hidden through the display screen to be displayed.
  13. 根据权利要求12所述的方法,其中,所述基于所述折叠方向,从所述折叠显示屏和所述目标显示屏中确定待显示的显示屏,包括:The method of claim 12, wherein determining the display screen to be displayed from the folded display screen and the target display screen based on the folding direction includes:
    若所述折叠方向为第一方向,则将所述目标显示屏确定为所述待显示的显示屏,其中,所述第一方向表征所述第一显示区域和所述第二显示区域的一者被朝向另一者折叠的方向;或者If the folding direction is a first direction, the target display screen is determined as the display screen to be displayed, wherein the first direction represents one of the first display area and the second display area. The direction in which one is folded towards the other; or
    若所述折叠方向为第二方向,则将所述折叠显示屏确定为所述待显示的显示屏,其中,所述第二方向表征所述第一显示区域和所述第二显示区域的一者被背向另一者折叠的方向。If the folding direction is a second direction, the folding display screen is determined as the display screen to be displayed, wherein the second direction represents one of the first display area and the second display area. The direction in which one is folded away from the other.
  14. 根据权利要求1-6任一项所述的方法,其中,所述显示所述第一目标界面并隐藏所述第二目标界面,包括:The method according to any one of claims 1-6, wherein displaying the first target interface and hiding the second target interface includes:
    显示所述第一目标界面并完全隐藏所述第二目标界面;或者Display the first target interface and completely hide the second target interface; or
    显示所述第一目标界面并同时显示用于标识所述第二目标界面的标识信息;或者Display the first target interface and simultaneously display identification information for identifying the second target interface; or
    显示所述第一目标界面并同时显示用于切换所述第二目标界面的控件;或者Display the first target interface and simultaneously display controls for switching the second target interface; or
    显示所述第一目标界面并同时显示所述第二目标界面的缩小界面。Display the first target interface and simultaneously display a reduced interface of the second target interface.
  15. 一种界面的显示方法,其中,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括多个显示区域,所述方法包括:An interface display method, which is applied to an electronic device, the electronic device includes a folding display screen, the displayable area of the folding display screen includes multiple display areas, the method includes:
    在所述折叠显示屏处于展开状态的情况下,在所述多个显示区域各自显示对应的界面;When the folding display screen is in an unfolded state, corresponding interfaces are displayed in each of the multiple display areas;
    响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述多个显示区域对应的界面中确定第一目标界面,并将所述多个显示区域对应的界面中除所述第一目标界面外的界面确定为第二目标界面;In response to the folding display screen switching from the unfolded state to the folded state, a first target interface is determined from the interfaces corresponding to the multiple display areas, and the first target interface is removed from the interfaces corresponding to the multiple display areas. The interface outside the first target interface is determined as the second target interface;
    显示所述第一目标界面并隐藏所述第二目标界面。Display the first target interface and hide the second target interface.
  16. 根据权利要求15所述的方法,其中,包括:The method of claim 15, comprising:
    在所述第一目标界面的第一目标区域显示至少两个目标控件;Display at least two target controls in the first target area of the first target interface;
    响应作用于所述至少两个目标控件中的一个目标控件的触控操作,显示所述一个目标控件对应的界面并隐藏所述第一目标界面。In response to a touch operation on one of the at least two target controls, an interface corresponding to the one target control is displayed and the first target interface is hidden.
  17. 一种界面的显示装置,其中,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括第一显示区域和第二显示区域,所述装置包括:An interface display device, which is applied to electronic equipment, the electronic equipment includes a folding display screen, the displayable area of the folding display screen includes a first display area and a second display area, and the device includes:
    第一界面显示模块,用于在所述折叠显示屏处于展开状态的情况下,在所述第一显示区域显示第一界面,并在所述第二显示区域显示第二界面;A first interface display module, configured to display a first interface in the first display area and a second interface in the second display area when the folding display screen is in an unfolded state;
    界面确定模块,用于响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述第一界面和所述第二界面中确定一者作为第一目标界面,以及确定另一者作为第二目标界面;an interface determination module, configured to determine one of the first interface and the second interface as the first target interface in response to the folding display switching from the unfolded state to the folded state, and determine the other as a secondary target interface;
    第二界面显示模块,用于显示所述第一目标界面并隐藏所述第二目标界面。 The second interface display module is used to display the first target interface and hide the second target interface.
  18. 一种界面的显示装置,其中,应用于电子设备,所述电子设备包括折叠显示屏,所述折叠显示屏的可显示区域包括多个显示区域,所述装置包括:An interface display device, which is applied to electronic equipment, the electronic equipment includes a folding display screen, the displayable area of the folding display screen includes multiple display areas, the device includes:
    界面显示模块,用于在所述折叠显示屏处于展开状态的情况下,在所述多个显示区域各自显示对应的界面;An interface display module, configured to display corresponding interfaces in each of the multiple display areas when the folding display screen is in an unfolded state;
    界面确定模块,用于响应于所述折叠显示屏从所述展开状态切换为折叠状态,从所述多个显示区域对应的界面中确定第一目标界面,并将所述多个显示区域对应的界面中除所述第一目标界面外的界面确定为第二目标界面;An interface determination module, configured to determine a first target interface from the interfaces corresponding to the multiple display areas in response to the folding display screen switching from the unfolded state to the folded state, and determine the first target interface corresponding to the multiple display areas. The interfaces in the interface other than the first target interface are determined as the second target interface;
    界面隐藏模块,用于显示所述第一目标界面并隐藏所述第二目标界面。An interface hiding module is used to display the first target interface and hide the second target interface.
  19. 一种电子设备,其中,包括存储器和处理器,所述存储器耦接到所述处理器,所述存储器存储指令,当所述指令由所述处理器执行时所述处理器执行如权利要求1-16任一项所述的方法。An electronic device comprising a memory and a processor, the memory being coupled to the processor, the memory storing instructions, and when the instructions are executed by the processor, the processor executes claim 1 -The method described in any one of 16.
  20. 一种计算机可读取存储介质,其中,所述计算机可读取存储介质中存储有程序代码,所述程序代码可被处理器调用执行如权利要求1-16任一项所述的方法。 A computer-readable storage medium, wherein program code is stored in the computer-readable storage medium, and the program code can be called by a processor to execute the method according to any one of claims 1-16.
PCT/CN2023/098917 2022-07-11 2023-06-07 Interface display method and apparatus, electronic device and storage medium WO2024012102A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210813099.1A CN117420938A (en) 2022-07-11 2022-07-11 Interface display method and device, electronic equipment and storage medium
CN202210813099.1 2022-07-11

Publications (1)

Publication Number Publication Date
WO2024012102A1 true WO2024012102A1 (en) 2024-01-18

Family

ID=89527181

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/098917 WO2024012102A1 (en) 2022-07-11 2023-06-07 Interface display method and apparatus, electronic device and storage medium

Country Status (2)

Country Link
CN (1) CN117420938A (en)
WO (1) WO2024012102A1 (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140157163A1 (en) * 2012-11-30 2014-06-05 Hewlett-Packard Development Company, L.P. Split-screen user interface
CN109947383A (en) * 2019-03-18 2019-06-28 Oppo广东移动通信有限公司 Display control method, device, mobile terminal and storage medium
CN110147192A (en) * 2019-04-25 2019-08-20 Oppo广东移动通信有限公司 Interface operation method, device, electronic equipment and storage medium
CN110806829A (en) * 2019-09-05 2020-02-18 华为技术有限公司 Display method of equipment with folding screen and folding screen equipment

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140157163A1 (en) * 2012-11-30 2014-06-05 Hewlett-Packard Development Company, L.P. Split-screen user interface
CN109947383A (en) * 2019-03-18 2019-06-28 Oppo广东移动通信有限公司 Display control method, device, mobile terminal and storage medium
CN110147192A (en) * 2019-04-25 2019-08-20 Oppo广东移动通信有限公司 Interface operation method, device, electronic equipment and storage medium
CN110806829A (en) * 2019-09-05 2020-02-18 华为技术有限公司 Display method of equipment with folding screen and folding screen equipment

Also Published As

Publication number Publication date
CN117420938A (en) 2024-01-19

Similar Documents

Publication Publication Date Title
TWI785258B (en) Method, device, and storage medium for processing human face image
KR102571369B1 (en) Display control method, storage medium and electronic device for controlling the display
CN107632895B (en) Information sharing method and mobile terminal
KR102097496B1 (en) Foldable mobile device and method of controlling the same
US11054988B2 (en) Graphical user interface display method and electronic device
US10146343B2 (en) Terminal device having virtual operation key
TWI511027B (en) Method, device and apparatus of splitting screen
CN108845782B (en) Method for connecting mobile terminal and external display and apparatus for implementing the same
WO2019014859A1 (en) Multi-task operation method and electronic device
KR20180031373A (en) Electronic device and operating method thereof
US9400599B2 (en) Method for changing object position and electronic device thereof
CN109947383B (en) Display control method and device, mobile terminal and storage medium
US10891028B2 (en) Information processing device and information processing method
WO2020199723A1 (en) Mobile terminal display picture control method, apparatus, and device and storage medium
WO2021197315A1 (en) Display method and electronic device
US9229615B2 (en) Method and apparatus for displaying additional information items
EP2778880B1 (en) Method for controlling display function and an electronic device thereof
US20230017694A1 (en) Method and apparatus for controlling interface display, device, and storage medium
TWI659333B (en) Computing device and method for processing movement-related data
CN109947320B (en) Picture display method and device, electronic equipment and storage medium
CN110837318B (en) Anti-false touch method and device for folding screen of mobile terminal and storage medium
WO2017101445A1 (en) Method for responding to operation track and operation track response apparatus
CN111026480A (en) Content display method and electronic equipment
US11669237B2 (en) Operation method and terminal device
WO2024021813A1 (en) Screenshot taking method and apparatus, electronic device and storage medium

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: 23838596

Country of ref document: EP

Kind code of ref document: A1