WO2021047251A1 - 显示方法及电子设备 - Google Patents

显示方法及电子设备 Download PDF

Info

Publication number
WO2021047251A1
WO2021047251A1 PCT/CN2020/099463 CN2020099463W WO2021047251A1 WO 2021047251 A1 WO2021047251 A1 WO 2021047251A1 CN 2020099463 W CN2020099463 W CN 2020099463W WO 2021047251 A1 WO2021047251 A1 WO 2021047251A1
Authority
WO
WIPO (PCT)
Prior art keywords
state
size
interface
display screen
foldable display
Prior art date
Application number
PCT/CN2020/099463
Other languages
English (en)
French (fr)
Inventor
吴福垚
李康
王守玉
杨雪
Original Assignee
华为技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to KR1020227011848A priority Critical patent/KR20220058955A/ko
Publication of WO2021047251A1 publication Critical patent/WO2021047251A1/zh
Priority to US17/691,908 priority patent/US12050831B2/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G3/00—Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes
    • G09G3/03—Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes specially adapted for displays having non-planar surfaces, e.g. curved displays
    • G09G3/035—Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes specially adapted for displays having non-planar surfaces, e.g. curved displays for flexible display surfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1615—Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function
    • G06F1/1616—Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function with folding flat displays, e.g. laptop computers or notebooks having a clamshell configuration, with body parts pivoting to an open position around an axis parallel to the plane they define in closed position
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/02—Constructional features of telephone sets
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/02—Constructional features of telephone sets
    • H04M1/0202—Portable telephone sets, e.g. cordless phones, mobile phones or bar type handsets
    • H04M1/0206—Portable telephones comprising a plurality of mechanically joined movable body parts, e.g. hinged housings
    • H04M1/0208—Portable telephones comprising a plurality of mechanically joined movable body parts, e.g. hinged housings characterized by the relative motions of the body parts
    • H04M1/0214—Foldable telephones, i.e. with body parts pivoting to an open position around an axis parallel to the plane they define in closed position
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/02—Constructional features of telephone sets
    • H04M1/0202—Portable telephone sets, e.g. cordless phones, mobile phones or bar type handsets
    • H04M1/026—Details of the structure or mounting of specific components
    • H04M1/0266—Details of the structure or mounting of specific components for a display module assembly
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2380/00—Specific applications
    • G09G2380/02—Flexible displays

Definitions

  • This application relates to computer technology, in particular to a display method and electronic equipment.
  • Foldable display screens are currently a technological direction in the development of electronic devices, which have the advantages of convenient carrying of electronic devices and large screen sizes.
  • the screen drawing area the area on the screen used to display the interface
  • the left picture shows the screen drawing area visible on the front of the user when the foldable display is unfolded, and the current screen drawing area is the entire screen; the right picture shows the user when the foldable display is folded The drawing area visible on the front of the screen.
  • the current drawing area on the screen is the right half of the screen.
  • the screen drawing area of the electronic device will also display the presentation of the dynamic display effect of folding or unfolding.
  • the current dynamic display effect is generally achieved through a transparent gradual change.
  • the animation process of the state change of the foldable display screen can be divided into an exit animation and an entry animation.
  • the exit animation is the process from visible to invisible for the current interface, and the approach animation is the process from which the interface that is about to be displayed to the user is never visible.
  • the electronic device executes the exit animation first, and then executes the entry animation after the exit animation ends.
  • the electronic device when the foldable display screen of an electronic device changes from an unfolded state to a folded state, the electronic device will take a screenshot of the current interface in the unfolded state, then display the screenshot and make the screenshot transparent during the display process.
  • the exit animation is gradually reduced from 1.0 to 0.0.
  • the transparency of the screenshot is 0.0
  • the exit animation ends.
  • the electronic device displays the window in the folded state, and the transparency of the window is gradually changed from 0.0 during the display process.
  • the approach animation increased to 1.0, when the transparency of the window is 1.0, the approach animation ends, and the animation process of the state change of the foldable display screen ends.
  • the present application provides a display method and electronic device, which are used to achieve a smooth transition of interface switching during the state switching process of the foldable display screen, and improve the user's visual experience.
  • an embodiment of the present application provides a display method, wherein the method is applied to an electronic device equipped with a foldable display screen.
  • the method includes: when the foldable display screen is switched from a first state to a second state, the electronic device displays a target interface whose size changes on the foldable display screen; wherein, when the first state is When the state is the unfolded state, the second state is the folded state, and when the first state is the folded state, the second state is the unfolded state; the target interface is that the foldable display screen is switching to the The first interface that needs to be displayed after the second state.
  • the foldable display screen before the state of the foldable display screen is switched, the foldable display screen is in the first state and is displaying an initial interface. In this way, it can be ensured that during the state switching process, the foldable display screen switches from displaying the initial interface to displaying the target interface, and the target interface changes in size as the state switching process proceeds. Therefore, this method can achieve a smooth transition of interface switching during the state switching process of the foldable display screen, thereby achieving the visual effect that the size change of the target interface matches the state switching process of the actual foldable display screen, and improving the user's Visual experience.
  • the electronic device may control the generation of the target interface while displaying the target interface whose size changes in the foldable display. At least one of the following dynamic changes to enrich the display effect of the target interface: A. Transparency change that gradually changes from transparent to opaque; B. Color change; C. Shape change.
  • the size change of the target interface can be but not limited to the following ways:
  • the first way gradually changing from the size adapted to the first state to the size adapted to the second state.
  • the second way gradually changing from the preset interface size to a size adapted to the second state.
  • the electronic device may also display a dynamically changing initial interface on the foldable display screen, wherein, The initial interface is the last interface displayed on the foldable display screen in the first state before the state is switched.
  • the dynamic change of the initial interface can be, but not limited to, any of the following ways or combinations: A, size change; B, gradual change from opaque to transparent transparency change; C, color change; D , Changes in shape.
  • A size change
  • B gradual change from opaque to transparent transparency change
  • C color change
  • D Changes in shape.
  • the electronic device can display an initial interface with flexible and dynamic changes in the foldable display screen, so as to enrich the display effect of the initial interface.
  • the size change of the initial interface can be but not limited to the following ways:
  • the first way gradually changing from the size adapted to the first state to the size adapted to the second state;
  • the second way gradually shrink from the size adapted to the first state until it disappears.
  • the electronic device may go through the following steps: Display the target interface of the size change in the foldable display screen: the electronic device displays the target interface/initial interface of the size change in the foldable display screen according to the display scale gradually changing from the first proportion to the second proportion.
  • Interface wherein the first ratio is the ratio between the size adapted to the first state and the default size of the target interface/initial interface, and the second ratio is the size adapted to the second state and the The ratio between the default size of the target interface/initial interface.
  • the electronic device can display the target interface/initial interface whose size changes on the foldable display screen through the following two implementation manners:
  • the electronic device may display the target interface/initial interface by adjusting The size of the surface of the interface, so as to realize the size change of the target interface.
  • the electronic device in order to realize that the target interface/initial interface can gradually change from the size adapted to the first state to the size adapted to the second state, the electronic device also needs to control the surface displaying the target interface/initial interface from adapting to the first state. The size gradually changes to fit the size of the second state.
  • the electronic device determines that the size of the target interface/initial interface is not bound/not associated with the size of the corresponding surface, the electronic device needs to adjust the size of the target interface/initial interface , And display the target interface/initial interface of the size change in the corresponding surface.
  • the electronic device may not adjust the size of the surface, that is, only adjust the size of the target interface/initial interface.
  • the electronic device may be in the state switching process At the beginning, directly adjust the size of the surface to fit the size of the second state.
  • the size adapted to the second state is the size of the screen in the display state of the foldable display screen in the second state, and when the second state is the expanded state, the size adapted to the second state may be the full screen size .
  • the electronic device may adjust the size of the corresponding surface while adjusting the size of the target interface/initial interface. That is, the electronic device needs to control the surface that displays the target interface/initial interface, and the target interface/initial interface, both of which gradually change from a size adapted to the first state to a size adapted to the second state.
  • the size of the surface is the same as the size of the screen drawing area where it is located. Therefore, when the electronic device adjusts the size of the surface, it can directly adjust the screen drawing area in the foldable display screen. The size is achieved.
  • an embodiment of the present application also provides an electronic device, including a unit or module for executing each step of the first aspect.
  • the present application provides an electronic device, including at least one processing element and at least one storage element, wherein the at least one storage element is used to store programs and data, and the at least one processing element is used to execute the first The method provided in the aspect.
  • an embodiment of the present application also provides a computer storage medium, the storage medium stores a software program, and when the software program is read and executed by one or more processors, it can implement the first aspect or any one of them.
  • the embodiments of the present application also provide a computer program product containing instructions, which when run on a computer, cause the computer to execute the method provided in the first aspect or any one of the designs.
  • an embodiment of the present application provides a chip system, which includes a processor, and is configured to support an electronic device to implement the functions involved in the above-mentioned first aspect.
  • the chip system further includes a memory, and the memory is used to store necessary program instructions and data of the electronic device.
  • the chip system can be composed of chips, or include chips and other discrete devices.
  • an embodiment of the present application also provides a graphical user interface on an electronic device, wherein the electronic device has a foldable display screen, a memory, and a processor, and the processor is configured to execute data stored in the memory
  • the graphical user interface includes a graphical user interface displayed when the electronic device executes the method described in the first aspect.
  • FIG. 1 is a schematic diagram of a screen drawing area of a foldable display screen of an electronic device in different states according to an embodiment of the application;
  • 2A is an example diagram of a foldable display screen provided by an embodiment of the application.
  • 2B is an example diagram of a foldable display screen provided by an embodiment of the application.
  • 2C is an example diagram of a foldable display screen provided by an embodiment of the application.
  • 3A is an example diagram of a drawing area on a screen provided by an embodiment of the application.
  • 3B is an example diagram of a drawing area on a screen provided by an embodiment of the application.
  • 3C is an example diagram of a drawing area on a screen provided by an embodiment of the application.
  • FIG. 3D is an example diagram of a drawing area on a screen provided by an embodiment of the application.
  • FIG. 4 is an example diagram of an interface provided by an embodiment of the application.
  • FIG. 5 is a structural diagram of an electronic device provided by an embodiment of the application.
  • FIG. 6 is a schematic diagram of the software structure of an electronic device provided by an embodiment of the application.
  • FIG. 7A is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 7B is an example diagram of a dynamic change of a target interface provided by an embodiment of this application.
  • FIG. 7C is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 7D is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 7E is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 7F is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 7G is an example diagram of a dynamic change of a target interface provided by an embodiment of this application.
  • FIG. 8 is a schematic diagram of the time relationship between the initial interface displaying the dynamic change and the display size change provided by an embodiment of the application;
  • FIG. 9A is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 9B is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 9C is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 9D is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 9E is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 9F is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • 9G is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • 10A is an example diagram of a dynamic change of an initial interface provided by an embodiment of this application.
  • 10B is an example diagram of a dynamic change of an initial interface provided by an embodiment of this application.
  • FIG. 10C is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 10D is an example diagram of a dynamic change of a target interface provided by an embodiment of the application.
  • FIG. 11A is an example diagram of a display effect provided by an embodiment of the application.
  • FIG. 11B is an example diagram of a display effect provided by an embodiment of the application.
  • FIG. 12 is a structural diagram of an electronic device provided by an embodiment of this application.
  • the present application provides a display method and electronic device, which are used to improve the smooth transition of interface switching during the display process of the animation of the state change of the foldable display screen, and improve the user's visual experience.
  • the method and the electronic device are based on the same technical concept. Since the method and the principle of the electronic device to solve the problem are similar, the implementation of the electronic device and the method can be referred to each other, and the repetition will not be repeated.
  • the electronic device may display a target interface whose size changes on the foldable display screen.
  • this solution can achieve a smooth transition of interface switching during the state switching process of the foldable display screen, thereby achieving the visual effect that the size change of the target interface matches the state switching process of the actual foldable display screen, and improving the user's Visual experience.
  • Electronic equipment is a device that is equipped with a foldable display screen and can perform human-computer interaction through the foldable display screen.
  • the electronic device may be a mobile phone, a tablet computer, a notebook computer, a netbook, a vehicle-mounted device, and a business intelligence terminal (including: a video phone, a conference desktop smart terminal, etc.), a personal digital assistant (PDA), Augmented reality (AR) ⁇ virtual reality (VR) devices, etc., this application does not limit the specific form of the electronic device.
  • a foldable display screen a screen that can change its shape by external force, includes at least two screen parts. Among them, the size of each screen part may be different or the same.
  • the "screen” and “screen part” in the following embodiments refer to part or all of the foldable display screen.
  • the screen part can be an independent and complete screen (or an independent display unit, for example, can be controlled by a processor as a whole), or it can refer to a part of the display area in a complete screen.
  • the electronic device can respectively control the display state of different screen parts. Based on the control, the display state of each screen part may specifically be a state of on-display (also referred to as a display state, such as a bright screen state), or a state of off-display (such as a black screen state).
  • Two adjacent screen parts can be movably connected based on a bent part (for example, a hinge or a flexible material).
  • the outside of the connecting part is also covered with a display screen (also called a connecting screen, or folding edge).
  • a display screen also called a connecting screen, or folding edge.
  • different screen parts of the foldable display screen can be flatly expanded into a full screen for display based on external force (such as the user's hand unfolding), or folded into a single screen for display based on external force (such as the user's hand folding).
  • external force such as the user's hand unfolding
  • external force such as the user's hand folding
  • the foldable display screen when the foldable display screen is expanded to a full screen, it can be an 8-inch full screen for display, and when it is folded, it can be a 6.6-inch or 6.38-inch part of the screen for display.
  • the foldable display screen includes: at least one bent part, and a plurality of screen parts located on both sides of the bent part.
  • FIG. 2A refers to the foldable display screen shown in FIG. 2A, which has three parts: a bent part and a first screen part and a second screen part on both sides of the bent part.
  • the unfolding angle When the bent portion is bent or deformed, the angle between the first screen portion and the second screen portion (hereinafter referred to as the unfolding angle) can be changed, as shown in Figure 2A (b) And (c).
  • a foldable display screen usually has two conventional physical states: an unfolded state as shown in (a) in FIG. 2A, and a folded state as shown in (d) in FIG. 2A.
  • the foldable display screen will also present a half-folded middle The state is shown in (b) and (c) in Figure 2A.
  • the electronic device can specifically determine the state of the foldable display screen through the unfolding angle.
  • the electronic device determines that the state of the foldable display screen is the unfolding state; when the unfolding angle Within the interval formed by 0 degrees and the second threshold (that is, the preset folding state condition), the electronic device determines that the state of the foldable display screen is the folded state; when the unfolding angle is formed by the second threshold and the first threshold Within the interval (ie, the preset intermediate state condition), the electronic device determines that the state of the foldable display screen is an intermediate state, that is, the foldable display screen is in a state change process.
  • the value of the first threshold value is greater than the value of the second threshold value, and the first threshold value and the second threshold value may be specifically set according to actual applications.
  • the first threshold value is 180 degrees, 170 degrees. Degrees, 150 degrees, etc.
  • the second threshold is 0 degrees, 5 degrees, 45 degrees, 90 degrees, and so on.
  • the folding method of the foldable display screen in the example shown in FIG. 2A is left and right folding (ie, longitudinal folding).
  • the display mode of the foldable display screen may also be folded up and down (ie, horizontal folding), as shown in FIG. 2B, the present application does not limit the folding mode of the foldable display screen.
  • the scene used in the display method provided in this application is usually that the user can see the screen (or part of the screen) of the foldable display screen before and after the state switching.
  • the methods provided in the present application are all described as examples.
  • Folding outward means that after the foldable display screen is folded, at least one screen part is visible on the front side, and at least one screen part is on the back side. In other embodiments, it is not limited that the method provided in this application must be applied in the scenario of outward folding.
  • the state of the foldable display screen is the unfolded state.
  • the first screen part, the second screen part and the bent part are all For display status. In this way, the entire full screen of the foldable display screen can be used to display content.
  • the state of the foldable display screen is the folded state.
  • the default main screen (such as the second screen part) is in the display state and can display content.
  • the secondary screen (such as the first screen part) set as the default is in a non-display state, does not display content or is a black screen.
  • the user can operate the electronic device, the main screen or the secondary screen (for example, flip the electronic device, double-click the secondary screen, etc.) to set the secondary screen to the display state and set the main screen to the non-display state.
  • the default main screen and the default secondary screen in the foldable display screen may be set by the user according to actual use conditions, or may be set by default when the electronic device is shipped from the factory.
  • the state of the foldable display screen is folded.
  • the electronic device can determine which part of the screen is visible to the user, for example, by being located on a certain screen Some cameras detect whether there is a human face in front of the camera, or determine whether there is a user in front of the infrared sensor through the operation mode when the user folds the foldable display screen, or through an infrared sensor located in a certain part of the screen.
  • the electronic device determines that the second screen part is visible to the user, it sets the second screen part in a display state, capable of displaying content, and then sets the first screen part in a non-display state, does not display content, or is a black screen.
  • the first screen part may also display content and/or have the ability to control the first screen part.
  • the electronic device may set a certain screen part to the display state, and may also set the screen part connected to the scene.
  • the bent part is also in the display state for displaying content.
  • the display state of the foldable display screen changes as the state of the foldable display screen changes.
  • the state and display state of the foldable display screen are shown in (a) in Figure 2A
  • the user can perform a folding operation on the foldable display screen to change the state and display state of the foldable display screen to This is shown in (d) in Figure 2A.
  • the state and display state of the foldable display screen are shown in (d) in FIG. 2A
  • the user can unfold the foldable display screen to change the state and display state of the foldable display screen. This is shown in (a) in Figure 2A.
  • the foldable display screen shown in FIG. 2A and FIG. 2B includes two screen parts.
  • the method provided in this application can also be applied to a foldable display screen with three or more screen parts.
  • the foldable display screen with three screen parts shown in FIG. 2C when the unfolding angles of any two adjacent screen parts meet the preset folding state conditions, the state of the foldable display screen is the folded state; when all two adjacent screen parts meet the preset unfolding state conditions , The state of the foldable display is the unfolded state, otherwise it is the intermediate state.
  • the screen drawing area is the area used to draw and display the interface on the screen in the display state of the foldable display screen.
  • the size and position of the drawing area on the screen can be the same or different.
  • the size of the drawing area on the screen is the same as the size of the screen currently in the display state.
  • the size of the screen drawing area is the same as the size of the entire foldable display screen; when the foldable display screen is in the folded state, the size of the screen drawing area is the same as that of the entire foldable display screen.
  • the size of the main screen is the same, as shown in Figure 1.
  • the display direction of the screen drawing area may be unchanged or may be changed, as shown in FIG. 3A or FIG. 3B.
  • the folding method of the foldable display screen in FIG. 3A is the left-right folding shown in FIG. 2A
  • the folding method of the foldable display screen in FIG. 3B is the up-and-down folding shown in FIG. 2B.
  • the drawing area on the screen is the entire foldable display
  • the drawing area on the screen is the right half of the screen part (the second screen part).
  • the display direction of the screen drawing area shown in (b) has not changed, that is, the width of the screen drawing area changes, but the height does not change.
  • the display direction of the screen drawing area shown in (c) changes, that is, the width and height of the screen drawing area change.
  • the drawing area on the screen in the unfolded state of the foldable display in (a) is the entire foldable display screen, and (b) and (c) in Figure 3B
  • the screen drawing area is the upper half of the screen (the first screen part).
  • the display direction of the screen drawing area shown in (b) has not changed, that is, the height of the drawing area of the screen changes, but the width does not change.
  • the display direction of the screen drawing area shown in (c) changes, that is, the width and height of the screen drawing area change.
  • the size of the screen drawing area may gradually change from the size of the initial state to the size of the target state.
  • the electronic device may first adjust the display direction of the screen drawing area at the beginning of the state switching process (at this time the screen drawing area The size of is still the size of the initial state, but the width and height of the screen drawing area are exchanged.
  • the direction of the interface displayed in the screen drawing area is also adjusted accordingly), and then the size of the screen drawing area after adjusting the display direction Then gradually change from the size of the initial state to the size of the target state.
  • the electronic device directly adjusts the screen drawing area to the size of the target state when the electronic device enters the state switching process.
  • the size of the drawing area on the screen is not adjusted during the entire state switching process of the electronic device.
  • the screen drawing area is directly adjusted to the size of the target state.
  • the screen drawing area includes one or more display surfaces, as shown in FIG. 3C.
  • the size of each surface is the same as the size of the screen drawing area, and when the screen drawing area contains multiple surfaces, the multiple surfaces overlap each other.
  • Each surface is used to draw an interface, and the interface finally displayed in the screen drawing area is essentially an interface that is superimposed on the interfaces in the various surfaces it contains.
  • the screen drawing area when the screen drawing area includes two display planes, surface 1 and surface 2.
  • the interface in surface 1 of the upper layer is opaque
  • the interface that is actually displayed (that is, visible to the user) in the screen drawing area is the interface in surface 1, as shown in (a) in Figure 3D.
  • the interface in surface 1 of the upper layer is semi-transparent, and the interface in surface 2 of the next layer is opaque
  • the actual interface displayed in the screen drawing area is the interface in surface 1 and the interface in surface 2, As shown in (b) in Figure 3D.
  • the interface actually displayed in the drawing area on the screen is the interface in surface 2, as shown in (c) in Figure 3D Shown. It should be noted that in surface 1 or surface 2, part of the area may be transparent, and part of the area may be opaque or semi-transparent.
  • the interface that is, the user interface (UI)
  • UI user interface
  • It is the medium for interaction and information exchange between the electronic device and the user. It can realize the internal data form of the information device and the user’s Conversion between visual forms.
  • the specific manifestation of the interface can be an image or a window.
  • the window is responsible for displaying and processing information, and the user can perform operations in the window.
  • the windows include: main interface windows, application windows, and so on.
  • the main interface window contains the wallpaper and the icons of multiple applications displayed on the wallpaper, such as the icon of the camera application, the icon of the gallery application, etc., as shown in (a) of FIG. 4.
  • the application window is the window displayed after the user opens the WeChat application, as shown in (b) in Figure 4.
  • images can also be displayed in an application window. For example, when the user opens the gallery application, after the user selects a picture that needs to be opened, the image can be displayed in the display area of the gallery application window, as shown in Figure 4. As shown in (c).
  • the embodiment of the present application provides a display method, which can be applied to any electronic device equipped with a foldable display screen.
  • Figure 5 shows the structure of an electronic device.
  • the electronic device may include: a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, and a battery 142 , Antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193 , The display screen 194, and the subscriber identification module (SIM) card interface 195, etc.
  • SIM subscriber identification module
  • the processor 110 may include one or more processing units.
  • the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), and an image signal processor. (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) Wait.
  • the different processing units may be independent devices or integrated in one or more processors.
  • the controller can be the nerve center and command center of the electronic device. The controller can generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.
  • a memory may also be provided in the processor 110 to store instructions and data.
  • the memory in the processor 110 is a cache memory.
  • the memory can store instructions or data that the processor 110 has just used or used cyclically. If the processor 110 needs to use the instruction or data again, it can be directly called from the memory. Repeated accesses are avoided, the waiting time of the processor 110 is reduced, and the efficiency of the system is improved.
  • the USB interface 130 is an interface that complies with the USB standard specification, and specifically may be a Mini USB interface, a Micro USB interface, a USB Type C interface, and so on.
  • the USB interface 130 can be used to connect a charger to charge the electronic device, and can also be used to transfer data between the electronic device and the peripheral device.
  • the charging management module 140 is used to receive charging input from the charger.
  • the power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110.
  • the power management module 141 receives input from the battery 142 and/or the charge management module 140, and supplies power to the processor 110, the internal memory 121, the external memory, the display screen 194, the camera 193, and the wireless communication module 160.
  • the wireless communication function of the electronic device can be realized by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor, and the baseband processor.
  • the antenna 1 and the antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in an electronic device can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
  • Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
  • the antenna can be used in combination with a tuning switch.
  • the mobile communication module 150 may provide a solution for wireless communication including 2G/3G/4G/5G and the like applied to electronic devices.
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc.
  • the mobile communication module 150 can receive electromagnetic waves by the antenna 1, and perform processing such as filtering, amplifying and transmitting the received electromagnetic waves to the modem processor for demodulation.
  • the mobile communication module 150 can also amplify the signal modulated by the modem processor, and convert it into electromagnetic wave radiation via the antenna 1.
  • at least part of the functional modules of the mobile communication module 150 may be provided in the processor 110.
  • at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be provided in the same device.
  • the wireless communication module 160 can provide applications on electronic devices including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), and global navigation satellite systems. (global navigation satellite system, GNSS), frequency modulation (FM), near field communication (NFC), infrared technology (infrared, IR) and other wireless communication solutions.
  • WLAN wireless local area networks
  • BT Bluetooth
  • GNSS global navigation satellite system
  • FM frequency modulation
  • NFC near field communication
  • IR infrared technology
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110.
  • the wireless communication module 160 may also receive the signal to be sent from the processor 110, perform frequency modulation and amplification, and convert it into electromagnetic waves to radiate through the antenna 2.
  • the antenna 1 of the electronic device is coupled with the mobile communication module 150, and the antenna 2 is coupled with the wireless communication module 160, so that the electronic device can communicate with the network and other devices through wireless communication technology.
  • the wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC , FM, and/or IR technology, etc.
  • the GNSS may include global positioning system (GPS), global navigation satellite system (GLONASS), Beidou navigation satellite system (BDS), quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite-based augmentation systems (SBAS).
  • GPS global positioning system
  • GLONASS global navigation satellite system
  • BDS Beidou navigation satellite system
  • QZSS quasi-zenith satellite system
  • SBAS satellite-based augmentation systems
  • the display screen 194 is a foldable display screen for displaying an interface.
  • the display screen 194 includes a display panel.
  • the display panel can use liquid crystal display (LCD), organic light-emitting diode (OLED), active matrix organic light-emitting diode or active-matrix organic light-emitting diode (active-matrix organic light-emitting diode).
  • LCD liquid crystal display
  • OLED organic light-emitting diode
  • active-matrix organic light-emitting diode active-matrix organic light-emitting diode
  • AMOLED flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (QLED), etc.
  • the electronic device may include one or N display screens 194, and N is a positive integer greater than one.
  • the camera 193 is used to capture still images or videos.
  • the camera 193 may include at least one camera, for example, a front camera and a rear camera.
  • the internal memory 121 may be used to store computer executable program code, where the executable program code includes instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device by running instructions stored in the internal memory 121.
  • the internal memory 121 may include a storage program area and a storage data area.
  • the storage program area can store an operating system, and software code of at least one application (for example, iQiyi application, WeChat application, etc.), where the operating system can be Wait.
  • the storage data area can store data (such as images, videos, etc.) generated during the use of the electronic device.
  • the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, universal flash storage (UFS), and the like.
  • the external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device.
  • the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example, save pictures, videos and other files in an external memory card.
  • the electronic device can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. For example, music playback, recording, etc.
  • the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, and the environment Light sensor 180L, bone conduction sensor 180M, etc.
  • the proximity light sensor 180G may include, for example, a light emitting diode (LED) and a light detector such as a photodiode.
  • the light emitting diode may be an infrared light emitting diode.
  • the electronic device emits infrared light to the outside through the light-emitting diode.
  • Electronic devices use photodiodes to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device. When insufficient reflected light is detected, the electronic device can determine that there is no object near the electronic device.
  • the electronic device can use the proximity light sensor 180G to detect that the user holds the electronic device close to the ear to talk, so as to automatically turn off the screen to save power.
  • the proximity light sensor 180G can also be used in leather case mode, and the pocket mode will automatically unlock and lock the screen.
  • Touch sensor 180K also called “touch panel”.
  • the touch sensor 180K may be disposed in the display screen 194, and the touch screen is composed of the touch sensor 180K and the display screen 194, which is also called a “touch screen”.
  • the touch sensor 180K is used to detect touch operations acting on or near it.
  • the touch sensor can transmit the detected touch operation to the application processor to determine the type of the touch event, and can provide visual output related to the touch operation through the display screen 194.
  • the touch sensor 180K may also be disposed on the surface of the electronic device, which is different from the position of the display screen 194.
  • the button 190 includes a power-on button, a volume button, and so on.
  • the button 190 may be a mechanical button. It can also be a touch button.
  • the electronic device can receive key input, and generate key signal input related to user settings and function control of the electronic device.
  • the motor 191 can generate vibration prompts. The motor 191 can be used for incoming call vibration notification, and can also be used for touch vibration feedback.
  • the indicator 192 may be an indicator light, which may be used to indicate the charging status, power change, or to indicate messages, missed calls, notifications, and so on.
  • the SIM card interface 195 is used to connect to the SIM card. The SIM card can be inserted into the SIM card interface 195 or pulled out from the SIM card interface 195 to achieve contact and separation with the electronic device.
  • FIG. 5 does not constitute a specific limitation on the electronic device.
  • the electronic device to which the display method provided in this application is adapted may also include more or less components than those shown in the figure, or a combination of certain components. , Or split some parts, or arrange different parts.
  • the electronic device shown in FIG. 5 is taken as an example for introduction.
  • the software system of the electronic device shown in FIG. 5 of this application may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture.
  • the embodiment of the present application takes an Android system with a layered architecture as an example to exemplarily illustrate the software structure of an electronic device.
  • Fig. 6 shows a software structure block diagram of an electronic device provided by an embodiment of the present application.
  • the software structure of an electronic device can be a layered architecture.
  • the software can be divided into several layers, each with a clear role and division of labor. Communication between layers through software interface.
  • the Android system is divided into four layers, from top to bottom, the application layer, the application framework layer (framework, FWK), the Android runtime (Android runtime) and system libraries, and the kernel layer.
  • the application layer can include a series of applications. As shown in Figure 6, the application layer may include camera, settings, phone, short message, gallery, calendar, and three-party applications. Among them, three-party applications can include WeChat, maps, navigation, music, video, iQiyi, etc.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer can include some predefined functions. As shown in Figure 6, the application framework layer may include: window manager, content provider, view system, phone manager, resource manager, notification manager, etc.
  • the window manager provides window manager service for windows.
  • the window manager can obtain the size of the display, determine whether there is a status bar, lock the screen, take a screenshot, etc.
  • the window manager includes multiple specific management functions, such as a surface control function (SurfaceControl.Transaction).
  • the surface control function can obtain the values of some parameters from the following functions to realize the animation effect of the interface displayed in the surface: transparency animation function (AlphaAnimation), stretching animation function (ScaleAnimation), position animation function (TranslateAnimation).
  • the transparency animation function is used to set the transparency of the interface, and the electronic device can realize the change of the transparency of the interface by changing the value of the transparency variable (or opacity variable) in the transparency animation function.
  • the stretch animation function is used to set the zoom in or zoom out of the interface, and the electronic device can realize the stretch change of the interface by changing the value of the stretch ratio variable in the stretch animation function.
  • the position animation function is used to set the position and size of the screen drawing area.
  • the electronic device can change the position and size of the screen drawing area by changing the value of the position variable and the size variable in the position animation function.
  • the surface control function may also include other animation functions to implement other changes of the interface, such as color changes, shape changes, position changes, angle changes, and so on.
  • the content provider is used to store and retrieve data and make these data accessible to applications.
  • the data may include videos, images, audios, phone calls made and received, browsing history and bookmarks, phone book, etc.
  • the view system includes visual controls, such as controls that display text, controls that display pictures, and so on.
  • the view system can be used to build applications.
  • the interface can be composed of one or more controls.
  • an interface that includes a short message notification icon may include a control for displaying text and a control for displaying pictures.
  • the phone manager is used to provide the communication function of the electronic device. For example, the management of the call status (including connecting, hanging up, etc.).
  • the resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and so on.
  • Android runtime includes core libraries and virtual machines. Android runtime is responsible for the scheduling and management of the Android system. Among them, the core library consists of two parts: one part is the function function that the java language needs to call, and the other part is the core library of the Android system.
  • the application layer and the application framework layer run in a virtual machine. The virtual machine executes the java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.
  • the system library can include multiple functional modules. For example: status detection module, display algorithm module, media libraries, image processing libraries, etc.
  • the state detection module is used to identify the physical form of the foldable display screen of the electronic device.
  • the state detection module can be used to determine the physical form of the foldable display screen according to sensor data uploaded by various sensors in the hardware layer.
  • the state detection module may calculate the expansion angle of two adjacent screen parts according to the sensor data uploaded by various sensors in the hardware layer, and then judge the state of the foldable display screen based on the expansion angle.
  • the physical form can include the folded state, the unfolded state, and the half-folded intermediate state.
  • the display algorithm module is used to adjust the display effect of the foldable display screen according to the different states of the foldable display screen detected by the state detection module, so as to implement the display method provided by the embodiment of the present application. For example, according to the state of the foldable display screen, the screen in the display state is determined, the screen drawing area in the screen is adjusted, and the interface displayed in the screen drawing area is displayed. Specifically, the display algorithm module may invoke the window manager in the application framework layer to implement the display method provided in the embodiment of the present application.
  • the media library supports the playback and recording of audio and video in multiple formats, and supports the opening of static images in multiple formats.
  • the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the kernel layer is the layer between hardware and software.
  • the kernel layer contains at least display drivers, sensor drivers, camera drivers, audio drivers, etc., which are used to drive the hardware in the hardware layer.
  • the hardware layer can include various sensors, foldable displays, cameras, and so on.
  • the embodiment of the present application provides a display method, which is applicable to an electronic device equipped with a foldable display screen as shown in FIG. 5.
  • the method will be described below by taking an electronic device having the structure shown in FIG. 5 as an example.
  • the foldable display screen shown in FIG. 2A is taken as an example for description.
  • the method is: in the process of the foldable display screen being switched from the first state to the second state (hereinafter referred to as the state switching process), the processor in the electronic device displays the target interface of the size change on the foldable display screen .
  • the processor in the electronic device displays the target interface of the size change on the foldable display screen .
  • the target interface is the foldable state
  • the first interface (or called the target interface) that the display screen needs to display after switching to the second state.
  • the foldable display screen is in the first state and is displaying an interface (or referred to as an initial interface). In this way, it can be ensured that during the state switching process, the foldable display screen switches from displaying the initial interface to displaying the target interface, and the target interface changes in size as the state switching process proceeds. Therefore, this method can achieve a smooth transition of interface switching during the state switching process of the foldable display screen, thereby achieving the visual effect that the size change of the target interface matches the state switching process of the actual foldable display screen, and improving the user's Visual experience.
  • the processor may determine that the foldable display screen is in the state switching process in the following manner:
  • the processor continuously detects the state of the foldable display screen, and when it detects that the foldable display screen is in an intermediate state for the first time, it determines that the foldable display screen is in the state switching process, and then continues to detect the foldable display screen.
  • the state of the display screen until it is detected for the first time that the state of the foldable display screen is the unfolded state or the folded state, it is determined that the state switching process ends.
  • the processor may detect the state of the foldable display screen through the following steps:
  • the processor receives sensor data uploaded by various sensors in real time, and then calculates the expansion angle between the first screen part and the second screen part according to the received sensor data;
  • the processor determines that the state of the foldable display screen is the unfolding state
  • the processor determines that the state of the foldable display screen is a folded state
  • the processor determines that the state of the foldable display screen is an intermediate state.
  • the value of the first threshold is usually greater than the value of the second threshold.
  • the first threshold and the second threshold may be specifically set according to actual applications.
  • the first threshold is 180 degrees, 170 degrees, 150 degrees, etc.
  • the second threshold is 0 degrees, 5 degrees, 45 degrees, 90 degrees, and the like.
  • the embodiments of the present application provide the following embodiments:
  • the processor controls the size change process of the target interface to be consistent with the state switching process, that is, the processor controls the size of the target interface to change as the state switching process progresses. . That is, when the processor detects that the expansion angle meets the preset intermediate state condition for the first time, it controls the target interface to start to change until it detects that the expansion angle does not meet the preset intermediate state condition, and maintains the target interface. The size no longer changes.
  • the processor may adjust the speed at which the size of the target interface changes according to the speed at which the deployment angle changes.
  • the processor starts to change speed according to a preset size when the state switching process starts, that is, when the processor detects that the foldable display screen is in an intermediate state for the first time,
  • the target interface is displayed until the size of the target interface changes to the target size.
  • the target size may be a size suitable for the second state.
  • the size adapted to the second state is the screen size of the foldable display screen in the display state when the foldable display screen is in the second state.
  • the target size is the size of the full screen
  • the target size is the size of the entire screen. Describe the size of the second screen part.
  • the end time of the size change of the target interface has nothing to do with the state switching process.
  • the start time of the size change of the target interface is after the start time of the state switching process
  • the end time of the size change of the target interface is the end time of the state switching process Before, or the same as the end time of the state switching process.
  • the size of the target interface can be changed in but not limited to the following manners:
  • the first way gradually changing from the size adapted to the first state to the size adapted to the second state.
  • the size adapted to the first state is the screen size of the foldable display screen in the display state when the foldable display screen is in the first state.
  • the size adapted to the first state is the size of the full screen; when the first state is the collapsed state, if the second screen part is in the display state, then the target size That is the size of the second screen part.
  • FIG. 7A the shaded part in the figure is the target interface
  • the first state is the expanded state and the second state is the folded state
  • the expansion angle becomes smaller and smaller
  • the size of the target interface gradually changes from the full screen to the size of the second screen part.
  • (a) in FIG. 7A is the foldable display screen at the start time of the state switching process
  • (d) in FIG. 7A is the foldable display screen at the end time of the state switching process.
  • FIG. 7A when the first state is the folded state and the second state is the expanded state, during the state switching process, as the expansion angle becomes larger and larger, the size of the target interface changes from The size of the second screen portion gradually becomes the size of the full screen.
  • the designer sets a default size for the target interface when designing the target interface.
  • the target interface is the first interface that the foldable display screen needs to display after switching to the second state
  • the default size of the target interface is a size suitable for the second state .
  • the processor starts from before displaying the target interface whose size changes in the foldable display screen.
  • the background adjusts the size of the target interface from the default size to a size suitable for the first state. That is, when the processor determines that the foldable display screen enters the state switching process, it constructs the target interface of the default size, and then adjusts the target interface of the default size to a size that adapts to the first state and then displays it on The foldable display screen.
  • the processor when the first state is the expanded state and the second state is the folded state, the processor first adjusts the size of the target interface from the size of the folded state before displaying the target interface To adapt to the size of the expanded state. Then, the target interface that gradually changes from the size adapted to the expanded state to the size adapted to the folded state (default size) is displayed on the foldable display screen.
  • the processor when the first state is the folded state and the second state is the expanded state, the processor first adjusts the size of the target interface from the size of the expanded state before displaying the target interface To adapt to the size of the folded state. Then, the target interface that gradually changes from the size adapted to the folded state to the size adapted to the expanded state (default size) is displayed on the foldable display screen.
  • the second way gradually changing from the preset interface size to a size adapted to the second state.
  • the value of the preset interface size may not depend on the size of the screen in the display state in the first state.
  • the preset size may be one pixel or multiple pixels.
  • the starting position of the target interface may be the middle position or upper left corner, upper right corner, lower left corner, lower right corner, etc. of the screen in the display state in the second state, which is not limited in the embodiment of the application. .
  • the foldable display screen is switched from the unfolded state to the folded state.
  • the processor first determines that the part of the screen that is in the display state after switching to the folded state is the second screen part, and then the second screen part is displayed.
  • the screen part displays the target interface gradually changing from a black dot to a size adapted to the folded state.
  • the expansion angle becomes larger and larger, and the size of the target interface becomes larger and larger.
  • the foldable display screen is switched from the folded state to the unfolded state.
  • the processor first determines that the screen in the display state after switching to the unfolded state is the full screen, and then displays gradually from a black point in the full screen
  • the target interface is changed to adapt to the size of the folded state. As shown in (b) and (c) of FIG. 7B, with the user's folding operation, the expansion angle becomes larger and larger, and the size of the target interface becomes larger and larger.
  • the processor may also control the target interface while displaying the target interface whose size changes in the foldable display.
  • the target interface produces at least one of the following dynamic changes to enrich the display effect of the target interface:
  • the target interface is controlled to gradually change from transparent to opaque.
  • the target interface in the initial stage of the state switching process, the target interface is transparent and invisible; as the state switching process proceeds, as shown in Figure 7D-7F ( As shown in b), (c), and (d), the target interface becomes clearer and clearer and gradually becomes opaque.
  • the processor may gradually change the color of the target interface to a default color while displaying the target interface whose size changes. Specifically, the processor adjusts parameters such as gray scale and red-green-blue (RGB) values of the target interface to realize the color change of the target interface.
  • RGB red-green-blue
  • the processor controls the change in the shape of the target interface while controlling the change in the size of the target interface, for example, gradually changing from a fixed shape such as a circle, a star, or an irregular figure, which is adapted to the first state.
  • the change is to adapt to the shape of the second state.
  • the shape adapted to the first state may be the shape of the screen in the display state of the foldable display screen in the first state
  • the shape adapted to the second state may be the shape of the foldable display screen in the display state in the second state.
  • the shape of the screen For example, as shown in FIG.
  • the shape of the target interface is the same as the shape of the full screen, and the four corners are rounded, as shown in (a) in FIG. 7A; as the state switches As the process progresses, the shape of the target interface changes, and finally becomes that the upper left corner and the lower left corner of the target interface shown in (d) of FIG. 7A both become right angles.
  • the shape of the target interface is a circle (dot).
  • the shape and size of the target interface change, such as As shown in (b) and (c) in FIG. 7G, the final change is a shape adapted to the second state.
  • the embodiment of the present application also provides another display method, which is applicable to an electronic device equipped with a foldable display screen as shown in FIG. 5.
  • an electronic device having the structure shown in FIG. 5 and the software architecture shown in FIG. 6 is taken as an example to describe the method.
  • the foldable display screen shown in FIG. 2A is taken as an example for description.
  • the processor in the electronic device displays the size change target on the foldable display screen during the process of switching the foldable display screen from the first state to the second state (hereinafter referred to as the state switching process for short)
  • An interface and a dynamically changing initial interface displayed on the display screen, wherein the initial interface is the last interface displayed on the foldable display screen in the first state before the state is switched.
  • the process and method for the processor to display the target interface of the size change (optionally, transparency change, color change, shape change, etc.) on the foldable display screen can be referred to The description in the previous embodiment will not be repeated here.
  • the embodiments of the present application provide the following embodiments:
  • the processor controls the dynamic change process of the initial interface to be consistent with the state switching process, that is, the processor controls the size of the initial interface to change as the state switching process progresses. . That is, when the processor detects that the expansion angle meets the preset intermediate state condition for the first time, it controls the initial interface to start to change dynamically, and keeps the initial interface until it detects that the expansion angle does not meet the preset intermediate state condition. No longer changes.
  • the processor may adjust the dynamic change speed of the initial interface according to the change speed of the deployment angle.
  • the state switching process starts, that is, when the processor detects that the foldable display screen is in an intermediate state for the first time, the processor starts to change according to a preset dynamic speed, The initial interface is displayed until the initial interface changes to a state.
  • the end time of the dynamic change of the initial interface has nothing to do with the state switching process.
  • the start time of the dynamic change of the initial interface is after the start time of the state switching process
  • the end time of the dynamic change of the initial interface is the end time of the state switching process Before, or the same as the end time of the state switching process.
  • the embodiment of the present application does not limit the time relationship between the processor displaying the dynamically changing initial interface on the foldable display screen and the target interface displaying the changing size.
  • the processor may first display a target interface whose size changes, and then display a dynamically changing initial interface.
  • the processor may also first display a dynamically changing initial interface, and then a target interface that changes in size.
  • the time of displaying the dynamically changing initial interface and the time of displaying the target interface of changing size may partially overlap, as shown in (c) and (d) in Figure 8, or, the time of displaying the dynamically changing initial interface and The time for displaying the target interface whose size changes are all overlapped, that is, the processor simultaneously displays the dynamically changing initial interface and the target interface whose size changes.
  • the dynamic change of the initial interface may be, but not limited to, any of the following methods or combinations:
  • the processor can display an initial interface with flexible and dynamic changes in the foldable display screen, so as to enrich the display effect of the initial interface.
  • the size change of the initial interface can include, but is not limited to, the following two ways: the first way: gradually changing from the size adapted to the first state to the size adapted to the second state; the second way: From adapting to the size of the first state, it gradually decreases until it disappears.
  • the process of the processor internally realizing the size change of the initial interface can refer to the process of the processor realizing the size change of the target interface in the previous embodiment, here No longer.
  • the change process of the initial interface can be referred to as shown in FIG. 9A.
  • FIG. 9A the shaded part in the figure is the initial interface
  • the first state is the unfolded state
  • the second state is the folded state
  • the unfolding angle becomes smaller and smaller
  • the The size of the initial interface gradually changes from the full screen to the size of the second screen part.
  • (a) in FIG. 9A is the foldable display screen at the start time of the state switching process
  • (d) in FIG. 9A is the foldable display screen at the end time of the state switching process.
  • FIG. 9A when the first state is the folded state and the second state is the unfolded state, during the state switching process, as the unfolding angle becomes larger and larger, the size of the initial interface changes from The size of the second screen portion gradually becomes the size of the full screen.
  • the processor may determine a reference point in the foldable display screen, and then use the reference point as a center to zoom out the initial interface in the direction of the reference point.
  • the reference point may be the center point, a certain corner, or other preset point of the screen that the foldable display screen is in the display state in the first state, or the foldable display screen is in the second state.
  • This application does not limit the center point, a certain corner or other preset points of the screen that is in the display state during the state.
  • FIG. 9B and FIG. 9C take the reference point as the center point of the screen in the display state when the foldable display screen is in the first state as an example for description.
  • the foldable display screen is switched from the unfolded state to the folded state.
  • the processor first determines that the center point of the screen (full screen) where the unfolded state of the foldable display screen is in the display state is the reference point, such as This is shown by the black dot in (a) in Fig. 9B. Then as the state switching process progresses, the processor gradually shrinks the initial interface toward the reference point until it disappears. As shown in (b) and (c) of FIG. 9B, with the user's folding operation, the expansion angle becomes smaller and smaller, and the initial interface becomes smaller and smaller.
  • the foldable display screen is switched from the folded state to the unfolded state.
  • the processor first determines that the center point of the second screen part where the folding state of the foldable display screen is in the display state is the reference point, such as This is shown by the black dot in (a) in Figure 9C. Then as the state switching process progresses, the processor gradually shrinks the initial interface toward the reference point until it disappears. As shown in (b) and (c) in FIG. 9C, with the user's expansion operation, the expansion angle becomes larger and larger, and the initial interface becomes smaller and smaller.
  • the processor may control the initial interface to gradually change from opaque to transparent while adjusting the size of the initial interface.
  • the processor controls the initial interface size change while controlling the initial interface size change.
  • the interface gradually changes from opaque to transparent.
  • Figure 9D-9F (a) in the initial stage of the state switching process, the target interface is opaque and visible; as the state switching process proceeds, as shown in Figure 9D- Figure 9F (b As shown in ), (c), and (d), the initial interface becomes more and more transparent and gradually becomes invisible.
  • the processor may gradually change the color of the initial interface to a set color while adjusting the size of the initial interface.
  • the processor may adjust the gray scale, RGB and other parameters of the initial interface to realize the color change of the initial interface.
  • the set color may be white, gray, etc.
  • the processor may control the shape change of the initial interface while adjusting the size of the initial interface, for example, gradually changing from a shape adapted to the first state to a shape adapted to the second state.
  • Shape round, star, or irregular shape and other fixed shapes.
  • FIG. 9A at the beginning of the state switching process, the shape of the initial interface is the same as the shape of the full screen, and all four corners are rounded, as shown in (a) in FIG. 9A; with the state switching As the process progresses, the shape of the initial interface changes, and finally it becomes that the upper left corner and the lower left corner of the target interface shown in (d) in FIG. 9A both become right angles.
  • FIG. 9A at the beginning of the state switching process, the shape of the initial interface is the same as the shape of the full screen, and all four corners are rounded, as shown in (a) in FIG. 9A; with the state switching As the process progresses, the shape of the initial interface changes, and finally it becomes that the upper left corner and the lower left corner of the target
  • the shape of the initial interface adapts to the shape of the first state. As the state switching process proceeds, the shape of the initial interface becomes more and more rounded. The initial interface is also getting smaller and smaller, as shown in (b) and (c) in FIG. 9G, and finally the initial interface disappears as shown in (d) in FIG. 9G.
  • FIGS. 7A-7G and FIGS. 9A-9G in the above embodiments are only used to schematically explain the dynamic change effects of the target interface and the initial interface, and do not limit the user's visual effects.
  • the processor may, but is not limited to, use the following method: Display the target interface/initial interface in:
  • Method 1 In a scenario where the processor displays the target interface/initial interface on the foldable display screen according to the display ratio of the target interface/initial interface, the processor gradually changes from the first ratio to the second ratio The display ratio displays the target interface/initial interface of the size change in the foldable display screen.
  • the first ratio is the ratio between the size adapted to the first state and the default size of the target interface/initial interface
  • the second ratio is the size adapted to the second state and the target interface / The ratio between the default size of the initial interface.
  • Method 2 The target interface/initial interface is drawn in the scene displayed on the surface included in the drawing area of the screen.
  • the processor may adjust the size of the surface on which the target interface/initial interface is displayed, so as to realize the size change of the target interface.
  • the processor in order to realize that the target interface/initial interface can gradually change from the size adapted to the first state to the size adapted to the second state, the processor also needs to control the surface displaying the target interface/initial interface from adapting to the first state. The size gradually changes to fit the size of the second state.
  • the processor determines that the size of the target interface/initial interface is not bound/not associated with the size of the corresponding surface, the processor needs to adjust the size of the target interface/initial interface , And display the target interface/initial interface of the size change in the corresponding surface.
  • the processor may not adjust the size of the surface, that is, only adjust the size of the target interface/initial interface.
  • the processor may be in the state switching process At the beginning, directly adjust the size of the surface to fit the size of the second state.
  • the size adapted to the second state is the size of the screen in the display state of the foldable display screen in the second state, and when the second state is the expanded state, the size adapted to the second state may be the full screen size .
  • the processor may adjust the size of the corresponding surface while adjusting the size of the target interface/initial interface. That is, the processor needs to control the surface that displays the target interface/initial interface and the target interface/initial interface to gradually change from the size adapted to the first state to the size adapted to the second state.
  • the size of the surface is the same as the size of the screen drawing area where it is located. Therefore, when the processor adjusts the size of the surface, it can directly adjust the screen drawing area in the foldable display screen. The size is achieved.
  • the processor when the processor implements internal adjustment of the size of the screen drawing area, the processor may call the window manager, and then create a position animation function TranslateAnimation for the screen drawing area, and then adjust the size of the screen drawing area.
  • the position variable and/or size variable in the position animation function are adjusted so that the size of the screen drawing area (and the surface contained therein) can gradually change from a size adapted to the first state to a size adapted to the second state.
  • the size variable may include the width and height of the drawing area on the screen.
  • the position variable is the left boundary of the screen drawing area; when the foldable display screen is in the unfolded state, the position variable of the screen drawing area is set to 0; when the foldable display screen is in the folded state, the screen drawing area is It is the second screen part on the right side of the foldable display screen.
  • the position variable of the screen drawing area takes the value a.
  • the processor will gradually adjust the position variable from 0 to a, so that the size of the screen drawing area can be gradually changed from full screen to a The size of the second screen part.
  • the processor may also adjust the position variable of the screen drawing area gradually from a to 0, so that the size of the screen drawing area It can gradually change from the size of the second screen part to full screen.
  • the processor may call the window manager, and then create a ScaleAnimation function for the target interface/initial interface, and set the stretching ratio in the ScaleAnimation function from The first stretching ratio is gradually changed to the second stretching ratio, so that the size of the target interface/initial interface is gradually changed from the size adapted to the first state to the size adapted to the second state.
  • the first stretching ratio is the length of the target boundary when the target interface/initial interface is adapted to the size of the first state and the length of the target boundary when the target interface/initial interface is at the default size.
  • the second stretching ratio is the length of the target boundary when the target interface/initial interface adapts to the size of the second state and the length of the target boundary when the target interface/initial interface is at the default size.
  • the target boundary is a boundary whose length changes in the target interface/initial interface after the state of the foldable display screen is switched.
  • the target boundary is the width or height of the target interface/initial interface; when the display direction of the screen drawing area changes, The target boundary is the width and height of the target interface/initial interface.
  • Example 1 to Example 4 are for the processor to adjust the size change of the initial interface.
  • Examples 5 to 8 are the size changes of the target interface executed by the processor. It should be noted that the following examples 1 to 8 take the folding method of left and right folding as examples. Since the value principle is similar, when the folding method of the foldable display screen is folded up and down, you can also refer to these examples, which will not be repeated here. .
  • Example 1 As shown in FIG. 10A, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the drawing area on the screen does not change before and after the state switching of the foldable display screen.
  • the width of the screen drawing area is M and the height is L, as shown in (a) in FIG. 10A.
  • the drawing area of the screen is the second screen part on the right side, the width is N, and the height is still L, as shown in (b) of FIG. 10A.
  • the size of the initial interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, and is the default size of the initial interface, as shown in (a) of FIG. 10A.
  • the size of the initial interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, as shown in (b) of FIG. 10A.
  • the target boundary of the change is the width of the initial interface.
  • the processor can call the window manager, and then create a ScaleAnimation function for the initial interface, and set the width stretch ratio in the ScaleAnimation function to gradually change from 1.0 (M/M) to N/M, so as to move in the width direction.
  • the initial interface is compressed, so that the size of the initial interface gradually changes from the size adapted to the expanded state to the size adapted to the folded state.
  • Example 2 As shown in FIG. 10A, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the drawing area on the screen changes before and after the state switching of the foldable display screen.
  • the width of the screen drawing area is M and the height is L, as shown in (a) in FIG. 10A.
  • the screen drawing area is the second screen part on the right, with a width of L and a height of N, as shown in (d) in FIG. 10A.
  • the size of the initial interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, and is the default size of the initial interface, as shown in (a) of FIG. 10A.
  • the size of the initial interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, as shown in (d) of FIG. 10A.
  • the processor When the electronic device determines that the foldable display screen enters the process of switching from the unfolded state to the folded state, the processor first sets the position of the screen drawing area to change the display direction of the screen drawing area, and to The initial interface is reset, as shown in (c) in Figure 10A.
  • the high stretch ratio of the initial interface after reset at this time is M/L
  • width The stretching ratio is L/M.
  • the processor can call the window manager, and then create the ScaleAnimation function for the initial interface, and set the high stretch ratio in the ScaleAnimation function to gradually change from M/L to N/L (ie (M/L)*( N/M)), to continue compressing the initial interface in the height direction, so that the initial interface gradually changes from the size of the initial interface from the expanded state to the size of the folded state.
  • the final stretching ratio of the initial interface is: the width direction is L/M, and the height direction is N /L.
  • Example 3 As shown in FIG. 10B, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the drawing area on the screen does not change before and after the state switching of the foldable display screen.
  • the screen drawing area is the second screen part on the right side of the foldable display screen, with a width of N and a height of L, as shown in (a) of FIG. 10B.
  • the screen drawing area is a full screen, the width is M, and the height is still L, as shown in (b) of FIG. 10B.
  • the size of the initial interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, and is the default size of the initial interface, as shown in (a) of FIG. 10B.
  • the size of the initial interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, as shown in (b) of FIG. 10B.
  • the target boundary of the change is the width of the initial interface.
  • the processor can call the window manager, and then create the ScaleAnimation function for the initial interface, and set the width stretch ratio in the ScaleAnimation function to gradually change from 1.0 (N/N) to M/N, so as to move in the width direction.
  • the initial interface is stretched, so that the size of the initial interface gradually changes from a size adapted to the folded state to a size adapted to the unfolded state.
  • Example 4 As shown in FIG. 10B, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the drawing area on the screen changes before and after the state switching of the foldable display screen.
  • the screen drawing area is the second screen part on the right side of the foldable display screen, with a width of N and a height of L, as shown in (a) of FIG. 10B.
  • the screen drawing area is a full screen, with a width of L and a height of M, as shown in (d) in FIG. 10B.
  • the size of the initial interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, and is the default size of the initial interface, as shown in (a) of FIG. 10B.
  • the size of the initial interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, as shown in (d) of FIG. 10B.
  • the processor When the electronic device determines that the foldable display screen enters the process of switching from the folded state to the unfolded state, the processor first sets the position of the screen drawing area to change the display direction of the screen drawing area, and to The initial interface is reset, as shown in (c) in Figure 10B.
  • the high stretch ratio of the initial interface after reset at this time is N/L
  • width The stretching ratio is L/N.
  • the processor can call the window manager, and then create the ScaleAnimation function for the initial interface, and set the high stretch ratio in the ScaleAnimation function to gradually change from N/L to M/L (ie (N/L)*( M/N)), to continue to stretch the initial interface in the high direction, so that the initial interface gradually changes from the size adapted to the folded state to the size adapted to the unfolded state.
  • the final stretching ratio of the initial interface is: the width direction is L/N, and the height direction is M /L.
  • Example 5 As shown in FIG. 10C, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the drawing area on the screen does not change before and after the state switching of the foldable display screen.
  • the default size of the target interface is a size that adapts to the second state (the state after the state is switched).
  • the width of the screen drawing area is M and the height is L, as shown in (a) in FIG. 10C.
  • the drawing area of the screen is the second screen part on the right side, the width is N, and the height is still L, as shown in (b) of FIG. 10C.
  • the size of the target interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, as shown in (a) of FIG. 10C.
  • the size of the target interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, and is the default size of the target interface, as shown in (b) of FIG. 10C.
  • the processor determines that the foldable display screen enters the process of switching from the expanded state to the folded state, the processor first adjusts the target interface of the default size to adapt to the target interface of the default size after obtaining the target interface of the default size.
  • the size of the expanded state is then displayed on the foldable display screen, as shown in (a) in Figure 10C. At this time, the stretching ratio of the target interface width is M/N.
  • the target boundary that changes is the width of the target interface.
  • the processor can call the window manager, and then create a ScaleAnimation function for the target interface, and set the width stretch ratio in the ScaleAnimation function to gradually change from M/N to 1.0 (ie N/N), so that the width
  • the target interface is continuously compressed in the direction, so that the size of the initial interface gradually changes from a size adapted to the expanded state to a size adapted to the folded state.
  • Example 6 As shown in Figure 10C, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the drawing area on the screen changes before and after the state switching of the foldable display screen.
  • the default size of the target interface is a size that adapts to the second state (the state after the state is switched).
  • the width of the screen drawing area is M and the height is L, as shown in (a) in FIG. 10C.
  • the screen drawing area is the second screen part on the right side, with a width of L and a height of N, as shown in (d) in FIG. 10C.
  • the size of the target interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, as shown in (a) of FIG. 10C.
  • the size of the target interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, and is the default size of the initial interface, as shown in (d) in FIG. 10C.
  • the processor determines that the foldable display screen is in the process of switching from the expanded state to the folded state, it acquires the target interface of the default size, first adjusts the target interface of the default size to a size that adapts to the expanded state, and then displays In the foldable display screen, as shown in (a) of FIG. 10C, at this time, the stretching ratio of the target interface width is M/L, and the high stretching ratio is L/N. Then, the processor changes the display direction of the screen drawing area by setting the position of the screen drawing area, and resets the target interface, as shown in (c) in FIG. 10C, which is relative to that shown in FIG. 10C. Shows the target interface of (a). At this time, the high stretch ratio of the initial interface after resetting is M/N (that is, (L/N)*(M/L)), and the width stretch ratio is 1.0 (that is (M/L)*(L/M)).
  • the target boundary of the change is the height of the target interface.
  • the processor can call the window manager, and then create a ScaleAnimation function for the target interface, and set the high stretch ratio in the ScaleAnimation function to gradually change from M/N to 1.0 (ie (M/N)*(N/M) ))) to continue to compress the target interface in the high direction, so that the size of the target interface gradually changes from the size of the target interface from the expanded state to the size of the folded state.
  • the final stretching ratio of the target interface is 1.0 in the width direction and 1.0 in the height direction (ie Finally, the target interface is adjusted to the default size). After that, the user needs to rotate the electronic device in order to view the interface, as shown in (d) and (e) in FIG. 10C.
  • Example 7 As shown in FIG. 10D, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the drawing area on the screen does not change before and after the state switching of the foldable display screen.
  • the default size of the target interface is a size suitable for the second state (the state after the state is switched).
  • the screen drawing area is the second screen part on the right side of the foldable display screen, with a width of N and a height of L, as shown in (a) in FIG. 10D.
  • the screen drawing area is full screen, the width is M, and the height is still L, as shown in (b) in FIG. 10D.
  • the size of the target interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, as shown in (a) of FIG. 10D.
  • the size of the target interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, and is the default size of the target interface, as shown in (b) in FIG. 10D.
  • the processor determines that the foldable display screen is in the process of switching from the folded state to the unfolded state, the processor first adjusts the target interface of the default size to adapt to the target interface of the default size after obtaining the target interface of the default size.
  • the size of the folded state is then displayed on the foldable display screen, as shown in (a) in Fig. 10C, at this time, the stretching ratio of the target interface width is N/M.
  • the target boundary of the change is the width of the initial interface.
  • the processor can call the window manager, and then create the ScaleAnimation function for the initial interface, and set the width stretch ratio in the ScaleAnimation function to gradually change from N/M to 1.0 (ie (N/M)*(M) /N)), to stretch the target interface in the width direction, so that the size of the target interface gradually changes from a size adapted to the folded state to a size adapted to the unfolded state.
  • Example 8 As shown in FIG. 10D, the folding method of the foldable display screen is left and right folding as an example, and the display direction of the screen drawing area changes before and after the state switching of the foldable display screen.
  • the default size of the target interface is a size that adapts to the second state (the state after the state is switched).
  • the screen drawing area is the second screen part on the right side of the foldable display screen, with a width of N and a height of L, as shown in (a) in FIG. 10D.
  • the screen drawing area is full screen, with a width of L and a height of M, as shown in (d) in Figure 10D.
  • the size of the target interface adapted to the folded state is the same as the size of the screen drawing area of the foldable display screen in the folded state, as shown in (a) of FIG. 10D.
  • the size of the target interface adapted to the expanded state is the same as the size of the screen drawing area of the foldable display screen in the expanded state, and is the default size of the target interface, as shown in (d) in FIG. 10D.
  • the processor determines that the foldable display screen is in the process of switching from the folded state to the unfolded state, it acquires the target interface of the default size, first adjusts the target interface of the default size to a size that adapts to the folded state, and then displays it to the In the folding display screen, as shown in (a) of FIG. 10D, at this time, the stretching ratio of the target interface width is N/L, and the high stretching ratio is L/M. Then, the processor changes the display direction of the screen drawing area by setting the position of the screen drawing area, and resets the target interface, as shown in (c) in FIG. 10C, compared to that in FIG. 10D For the target interface of (a), the high stretch ratio of the initial interface after reset is N/M (ie (L/M)*(N/L)), and the wide stretch ratio is 1.0 (ie (N/L)*(L/N)).
  • the processor can call the window manager, and then create the ScaleAnimation function for the initial interface, and set the high stretch ratio in the ScaleAnimation function to gradually change from N/M to 1.0 (ie (N/M)*( M/N)), to continue to stretch the target interface in the high direction, so that the size of the target interface gradually changes from the size adapted to the folded state to the size adapted to the unfolded state.
  • the final stretching ratio of the target interface is: the width direction is 1.0, and the height direction is 1.0 (ie Finally, the target interface is adjusted to the default size). After that, the user needs to rotate the electronic device in order to view the interface, as shown in (d) and (e) in FIG. 10D.
  • the processor may adjust the display ratio of the target interface to implement the following steps: The display ratio gradually changes to the fourth ratio, and the target interface of the size change is displayed on the foldable display screen.
  • the third ratio is the ratio between the preset interface size and the default size of the target interface
  • the fourth ratio is the ratio between the size adapted to the second state and the default size of the target interface.
  • the processor may adjust the display scale of the initial interface by the following steps: according to the gradual change from the fifth scale to With a display ratio of 0, the target interface whose size is changed is displayed on the foldable display screen.
  • the fifth ratio is the ratio between the size adapted to the first state and the default size of the initial interface.
  • the processor may call the window manager, and then create a transparency animation function AlphaAnimation for the target interface, and then adjust the transparency animation function
  • the transparency variable in is changed from 0.0 to 1.0, and the target interface is displayed according to the changed transparency variable, so that the target interface gradually changes from transparent to opaque.
  • the processor can call the window manager, and then create a transparency animation function AlphaAnimation for the initial interface, and then modulate
  • the transparency variable in the transparency animation function changes from 1.0 to 0.0, and the target interface is displayed according to the changed transparency variable, so that the initial interface gradually changes from opaque to transparent.
  • the processor can call the window manager, and then create a corresponding animation function for the initial interface/target interface, and By adjusting the value of the variable in the animation function, the initial interface/target interface can produce the above color change or shape change and other changes.
  • the target interface and the initial interface are respectively displayed on different surfaces in the screen drawing area.
  • the initial interface is displayed in surface 1
  • the target interface is displayed in surface 2.
  • the interface finally displayed in the screen drawing area is essentially a comprehensive interface superimposed on the interfaces displayed in the various surfaces contained in the screen drawing area.
  • the initial interface in surface 1 is opaque
  • the interface finally displayed in the drawing area on the screen is the initial interface, that is, the user can only see the initial interface, but not the target interface. Only when the transparency of the initial interface in surface 1 changes, the screen drawing area can display the target interface. At this time, the user's visual effect is the superposition of the initial interface and the target interface.
  • the target interface displayed in surface 2 in the screen drawing area and the initial interface displayed in surface 1 are all changed from adapting
  • the size of the unfolded state gradually becomes the size that adapts to the folded state, and during the state switching process, as the unfolding angle becomes smaller and smaller, the transparency variable of the initial interface gradually becomes smaller, and the initial interface gradually changes from opaque to transparent.
  • the initial interface is no longer visible, and the user can only see a clear target interface.
  • the target interface displayed in surface 2 in the screen drawing area and the initial interface displayed in surface 1 are all expanded from adapting to
  • the size of the state gradually becomes the size that adapts to the folded state
  • the transparency variable of the initial interface gradually becomes smaller, the initial interface gradually changes from opaque to transparent, and the target interface
  • the transparency variable gradually increases, and the target interface gradually changes from transparent to opaque.
  • the target interface is displayed in surface 1
  • the initial interface is displayed in surface 2
  • the transparency of the interface can be adjusted according to requirements, which will not be repeated in this application.
  • the target interface involved may be an image or a window.
  • the initial interface may be an image or a window.
  • This application does not limit this.
  • the specific implementation manners provided in the above embodiments of this application are only examples. Especially for some presentation effects, those of ordinary skill in the art can easily adjust the implementation manners to achieve the same or similar effects. Such adjustments should also be made in this application. Within the scope of protection.
  • the processor may determine that the foldable display screen enters the process of switching from the first state to the second state, Take a screenshot of the last displayed interface (initial interface) in the first state, and then dynamically change the screenshot, that is, the electronic device in the above embodiment can display the dynamic change of the initial interface screenshot to the user.
  • the processor can present a dynamically changing target interface to the user by displaying a window whose size changes (and other changes such as transparency changes).
  • the window may display various contents such as icons, pictures, text, etc.
  • the present application also provides an electronic device, which is used to implement the display method provided in the above embodiment.
  • the electronic device includes: a processor 1201, a memory 1202, and a foldable display screen 1203.
  • the processor 1201 and other components are connected to each other.
  • the processor 1201 and other components may be connected to each other through a bus; the bus may be a peripheral component interconnect standard (PCI) bus or an extended industry standard architecture (EISA) Bus and so on.
  • PCI peripheral component interconnect standard
  • EISA extended industry standard architecture
  • the bus can be divided into an address bus, a data bus, a control bus, and so on. For ease of representation, only one thick line is used in FIG. 12 to represent it, but it does not mean that there is only one bus or one type of bus.
  • the foldable display screen 1203 is used to display an interface, and may include at least one display screen.
  • the processor 1201 is configured to implement the display method provided in the above embodiment. For details, please refer to the description in the above embodiment, which will not be repeated here.
  • the terminal device 1200 may further include a camera, various sensors, transceivers, and the like.
  • the transceiver is used to receive and send data.
  • the transceiver may be the mobile communication module 150 and/or the wireless communication module 160 in the electronic device shown in FIG. 5.
  • the memory 1202 is used to store computer programs and data.
  • the computer program may include program code, and the program code includes instructions for computer operations.
  • the memory 1202 may include a random access memory (RAM), and may also include a non-volatile memory (non-volatile memory), such as at least one disk memory.
  • the processor 1201 executes the program instructions stored in the memory 1202, and implements the above-mentioned functions through the above-mentioned components, so as to finally realize the display method provided by the above-mentioned embodiments.
  • the embodiments of the present application also provide a computer program, which when the computer program runs on a computer, causes the computer to execute the display method provided in the above embodiments.
  • the embodiments of the present application also provide a computer storage medium in which a computer program is stored.
  • the computer program executes the display method provided in the above embodiment.
  • an embodiment of the present application also provides a chip, which is used to read a computer program stored in a memory to implement the display method provided in the above embodiment.
  • the embodiments of the present application provide a chip system including a processor for supporting the functions related to the electronic devices in the above embodiments.
  • the chip system further includes a memory, and the memory is used to store the necessary programs and data of the computer device.
  • the chip system can be composed of chips, or include chips and other discrete devices.
  • the embodiments of the present application also provide a graphical user interface on an electronic device, wherein the electronic device has a foldable display screen, a memory, and a processor, and the processor is configured to execute A computer program in the memory, and the graphical user interface includes a graphical user interface displayed when the electronic device executes the display method provided in the above embodiment.
  • the present application provides a display method and an electronic device.
  • the electronic device can display a target interface whose size changes on the foldable display screen.
  • this solution can achieve a smooth transition of interface switching during the state switching process of the foldable display screen, thereby achieving the visual effect that the size change of the target interface matches the state switching process of the actual foldable display screen, and improving the user's Visual experience.
  • this application can be provided as methods, systems, or computer program products. Therefore, this application may adopt the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, this application may adopt the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program codes.
  • computer-usable storage media including but not limited to disk storage, CD-ROM, optical storage, etc.
  • These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device.
  • the device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment.
  • the instructions provide steps for implementing the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • references described in this specification to "one embodiment” or “some embodiments”, etc. mean that one or more embodiments of the present application include a specific feature, structure, or characteristic described in conjunction with the embodiment. Therefore, the sentences “in one embodiment”, “in some embodiments”, “in some other embodiments”, “in some other embodiments”, etc. appearing in different places in this specification are not necessarily All refer to the same embodiment, but mean “one or more but not all embodiments” unless it is specifically emphasized otherwise.
  • the terms “including”, “including”, “having” and their variations all mean “including but not limited to”, unless otherwise specifically emphasized.

Landscapes

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

Abstract

本申请提供一种显示方法及电子设备等。在该方法中，在电子设备的可折叠显示屏的状态切换过程中，所述电子设备可以在所述可折叠显示屏中显示大小变化的目标界面。这样，该方案可以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，实现所述目标界面的大小变化与实际可折叠显示屏的状态切换过程相贴合的视觉效果，提高用户的视觉体验。

Description

显示方法及电子设备
相关申请的交叉引用
本申请要求在2019年09月10日提交中国专利局、申请号为201910854073.X、申请名称为“显示方法及电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及计算机技术，尤其涉及一种显示方法及电子设备等。
背景技术
可折叠显示屏是目前电子设备发展的一个技术方向，其具有电子设备携带方便、屏幕尺寸大等优点。可折叠显示屏在展开状态和折叠状态下，用户正面可见的屏幕绘制区域(屏幕中用于显示界面的区域)会发生变化。
例如图1所示的可折叠显示屏手机，左图为可折叠显示屏展开状态下用户正面可见的屏幕绘制区域，当前的屏幕绘制区域为整个屏幕；右图为可折叠显示屏折叠状态下用户正面可见的屏幕绘制区域，当前的屏幕绘制区域为屏幕中的右半部分。
一般情况下，在用户折叠或展开电子设备的可折叠显示屏的过程中，为了达到操作与视觉的一致性，电子设备的屏幕绘制区域也会显示折叠或展开的动态显示效果的呈现。
目前的动态显示效果一般通过透明渐变的方式实现，可折叠显示屏状态变更的动画过程可以分退场动画和进场动画。退场动画为当前界面从可见到不可见的过程，进场动画为即将显示给用户的界面从不可见到可见的过程。电子设备在可折叠显示屏的状态发生变化时，先执行退场动画，在退场动画结束后再执行进场动画。
例如，电子设备的可折叠显示屏从展开状态变化到折叠状态的过程中，所述电子设备将截取在展开状态下当前界面的截图，然后显示该截图并在显示过程中对该截图做透明度从1.0逐渐减小到0.0的退场动画，当该截图的透明度为0.0时，即退场动画结束，然后，所述电子设备显示折叠状态下的窗口，并在显示过程中对该窗口做透明度从0.0逐渐增大到1.0的进场动画，当所述窗口的透明度为1.0时，进场动画结束，可折叠显示屏状态变更的动画过程结束。
通过上例可知，传统的可折叠显示屏的状态变更的动画的显示过程中，当退场动画结束而进场动画刚启动时，此时所述电子设备显示的界面中所有元素(原状态下当前界面的截图和目标状态下的窗口)的透明度均为0.0，这就导致屏幕是处于全黑的状态。因此，在可折叠显示屏状态变更的动画过程中，界面在视觉上呈现上会给用户黑一下的感觉，并且显示效果单一灵活性较差，因此用户的视觉体验较差。
发明内容
本申请提供了一种显示方法及电子设备，用以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，提高用户的视觉体验。
第一方面，本申请实施例提供了一种显示方法，其中，该方法应用于配置有可折叠显示屏的电子设备。该方法包括：在所述可折叠显示屏从第一状态切换到第二状态的过程中，所述电子设备在所述可折叠显示屏中显示大小变化的目标界面；其中，当所述第一状态为展开状态时所述第二状态为折叠状态，当所述第一状态为折叠状态时，所述第二状态为展开状态；所述目标界面为所述可折叠显示屏在切换到所述第二状态后需要显示的首个界面。
通过该方法，可以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，实现所述目标界面的大小变化与实际可折叠显示屏的状态切换过程相贴合的视觉效果，提高用户的视觉体验。
在一个可能的设计中，在所述可折叠显示屏的状态切换前，所述可折叠显示屏处于第一状态中且正在显示初始界面。这样，可以保证状态切换过程中，所述可折叠显示屏从显示初始界面切换到显示目标界面，且所述目标界面随着状态切换过程的进行发生大小变化。因此，该方法可以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，从而实现所述目标界面的大小变化与实际可折叠显示屏的状态切换过程相贴合的视觉效果，提高用户的视觉体验。
在一个可能的设计中，在所述可折叠显示屏的状态切换过程中，所述电子设备在所述可折叠显示中显示大小变化的所述目标界面的同时，还可以控制所述目标界面产生以下至少一项动态变化，以丰富所述目标界面的显示效果：A、从透明逐渐变化为不透明的透明度变化；B、颜色变化；C、形状的变化。
在一个可能的设计中，所述目标界面的大小变化可以但不限于为以下方式：
第一种方式：从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小。
第二种方式：从预设界面大小逐渐变化为适应所述第二状态的大小。
在一个可能的设计中，在所述可折叠显示屏从第一状态切换到第二状态的过程中，所述电子设备还可以在所述可折叠显示屏中显示动态变化的初始界面，其中，所述初始界面为所述可折叠显示屏在状态切换前，在所述第一状态下最后显示的界面。
通过该设计，可以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，实现所述目标界面的大小变化、初始界面的动态变化与实际可折叠显示屏的状态切换过程相贴合的视觉效果，提高用户的视觉体验。
在一个可能的设计中，所述初始界面的动态变化可以但不限于为以下任一种方式或组合：A、大小变化；B、从不透明逐渐变化为透明的透明度变化；C、颜色变化；D、形状的变化。这样，所述电子设备可以在可折叠显示屏中显示具有灵活动态变化的初始界面，以丰富所述初始界面的显示效果。
在一个可能的设计中，所述电子设备显示动态变化的初始界面的时间与所述电子设备显示大小变化的目标界面的时间存在重叠，具体的重叠方式可以参见图8中的(c)至(e)所示。
在一个可能的设计中，所述初始界面的大小变化可以但不限于为以下方式：
第一种方式：从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小；
第二种方式：从适应所述第一状态的大小逐渐缩小直至消失。
在一个可能的设计中，当所述目标界面/初始界面的大小变化为从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小时，所述电子设备可以通过以下步骤，在所述可折叠显示屏中显示大小变化的目标界面：所述电子设备根据从第一比例逐渐变化到第二比 例的显示比例，在所述可折叠显示屏中显示大小变化的目标界面/初始界面，其中，所述第一比例为适应所述第一状态的大小与所述目标界面/初始界面默认大小之间的比例，所述第二比例为适应所述第二状态的大小与所述目标界面/初始界面默认大小之间的比例。
在一个可能的设计中，当所述目标界面/初始界面的大小变化为从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小，且所述目标界面/初始界面显示在所述可折叠显示屏的显示平面surface中时，所述电子设备可以通过以下两种实施方式，在所述可折叠显示屏中显示大小变化的目标界面/初始界面：
在一种实施方式中，若所述电子设备确定所述目标界面/初始界面的大小与所述surface大小绑定/关联的情况下，所述电子设备可以通过调整显示有所述目标界面/初始界面的所述surface的大小，从而实现述目标界面的大小变化。其中，为了实现所述目标界面/初始界面可以从适应第一状态的大小逐渐变化为适应第二状态的大小，所述电子设备也需要控制显示目标界面/初始界面的surface从适应第一状态的大小逐渐变化为适应第二状态的大小。
在另一种实施方式中，若所述电子设备确定目标界面/初始界面的大小与对应的surface的大小未绑定/未关联的情况下，所述电子设备需要调整目标界面/初始界面的大小，并在对应的surface中显示大小变化的目标界面/初始界面。
在一些情况下，在当前surface的大小(在可折叠显示屏的第一状态时的surface的大小)能够显示适应第二状态大小的目标界面/初始界面时(例如可折叠显示屏从展开状态切换到折叠状态时)，所述电子设备为了提高效率、节省功耗，可以不调整surface的大小，即只调整目标界面/初始界面的大小。
在另一些情况下，在当前surface的大小不能显示适应第二状态大小的目标界面/初始界面时(例如可折叠显示屏从折叠状态切换到展开状态时)，所述电子设备可以在状态切换过程的开始时刻，直接将surface的大小调整为适应第二状态的大小。其中，适应第二状态的大小为在第二状态下所述可折叠显示屏中处于显示状态的屏幕的大小，当所述第二状态为展开状态时，适应第二状态的大小可以为全屏大小。
在又一些情况下，为了保证所述目标界面/初始界面的显示效果，所述电子设备可以在调整目标界面/初始界面的大小的同时，调整对应的surface的大小。即所述电子设备需要控制显示目标界面/初始界面的surface，以及目标界面/初始界面，均从适应第一状态的大小逐渐变化为适应第二状态的大小。
需要说明的是，在一种实施方式中，surface的大小与所在的屏幕绘制区域的大小相同，因此，所述电子设备在调整surface的大小时，可以直接通过调整可折叠显示屏中屏幕绘制区域的大小实现。
第二方面，本申请实施例还提供了一种电子设备，包括用于执行上述第一方面各个步骤的单元或模块。
第三方面，本申请提供一种电子设备，包括至少一个处理元件和至少一个存储元件，其中所述至少一个存储元件用于存储程序和数据，所述至少一个处理元件用于执行本申请第一方面中提供的方法。
第四方面，本申请实施例中还提供一种计算机存储介质，该存储介质中存储软件程序，该软件程序在被一个或多个处理器读取并执行时可实现第一方面或其中任意一种设计提供的方法。
第五方面，本申请实施例还提供一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述第一方面或其中任一种设计提供的方法。
第六方面，本申请实施例提供了一种芯片系统，该芯片系统包括处理器，用于支持电子设备实现上述第一方面中所涉及的功能。在一种可能的设计中，所述芯片系统还包括存储器，所述存储器，用于保存电子设备必要的程序指令和数据。该芯片系统，可以由芯片构成，也可以包含芯片和其他分立器件。
第七方面，本申请实施例还提供了一种电子设备上的图形用户界面，其中，所述电子设备具有可折叠显示屏、存储器，以及处理器，所述处理器用于执行存储在所述存储器中的计算机程序，所述图形用户界面包括所述电子设备执行第一方面所述的方法时显示的图形用户界面。
附图说明
图1为本申请实施例提供的一种电子设备的可折叠显示屏在不同状态下的屏幕绘制区域示意图；
图2A为本申请实施例提供的一种可折叠显示屏的示例图；
图2B为本申请实施例提供的一种可折叠显示屏的示例图；
图2C为本申请实施例提供的一种可折叠显示屏的示例图；
图3A为本申请实施例提供的一种屏幕绘制区域的示例图；
图3B为本申请实施例提供的一种屏幕绘制区域的示例图；
图3C为本申请实施例提供的一种屏幕绘制区域的示例图；
图3D为本申请实施例提供的一种屏幕绘制区域的示例图；
图4为本申请实施例提供的一种界面的示例图；
图5为本申请实施例提供的一种电子设备的结构图；
图6为本申请实施例提供的一种电子设备的软件结构示意图；
图7A为本申请实施例提供的一种目标界面的动态变化示例图；
图7B为本申请实施例提供的一种目标界面的动态变化示例图；
图7C为本申请实施例提供的一种目标界面的动态变化示例图；
图7D为本申请实施例提供的一种目标界面的动态变化示例图；
图7E为本申请实施例提供的一种目标界面的动态变化示例图；
图7F为本申请实施例提供的一种目标界面的动态变化示例图；
图7G为本申请实施例提供的一种目标界面的动态变化示例图；
图8为本申请实施例提供的显示动态变化的初始界面和显示大小变化的时间关系示意图；
图9A为本申请实施例提供的一种目标界面的动态变化示例图；
图9B为本申请实施例提供的一种目标界面的动态变化示例图；
图9C为本申请实施例提供的一种目标界面的动态变化示例图；
图9D为本申请实施例提供的一种目标界面的动态变化示例图；
图9E为本申请实施例提供的一种目标界面的动态变化示例图；
图9F为本申请实施例提供的一种目标界面的动态变化示例图；
图9G为本申请实施例提供的一种目标界面的动态变化示例图；
图10A为本申请实施例提供的一种初始界面的动态变化示例图；
图10B为本申请实施例提供的一种初始界面的动态变化示例图；
图10C为本申请实施例提供的一种目标界面的动态变化示例图；
图10D为本申请实施例提供的一种目标界面的动态变化示例图；
图11A为本申请实施例提供的一种显示效果示例图；
图11B为本申请实施例提供的一种显示效果示例图；
图12为本申请实施例提供的一种电子设备的结构图。
具体实施方式
本申请提供一种显示方法及电子设备，用以提高可折叠显示屏的状态变更的动画的显示过程中界面切换的平滑过渡，提高用户的视觉体验。其中，方法和电子设备是基于同一技术构思的，由于方法及电子设备解决问题的原理相似，因此电子设备与方法的实施可以相互参见，重复之处不再赘述。
在本申请实施例提供的方案中，在电子设备的可折叠显示屏的状态切换过程中，所述电子设备可以在所述可折叠显示屏中显示大小变化的目标界面。这样，该方案可以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，从而实现所述目标界面的大小变化与实际可折叠显示屏的状态切换过程相贴合的视觉效果，提高用户的视觉体验。
以下，对本申请中的部分用语进行解释说明，以便于本领域技术人员理解。
1)、电子设备，为配置有可折叠显示屏，能够通过可折叠显示屏进行人机交互的设备。例如，所述电子设备可以为手机、平板电脑、笔记本电脑、上网本、车载设备，以及商务智能终端(包括：可视电话、会议桌面智能终端等)、个人数字助理(personal digital assistant，PDA)、增强现实(augmented reality，AR)\虚拟现实(virtual reality，VR)设备等，本申请对所述电子设备的具体形态不作限定。
2)、可折叠显示屏，可以通过外力改变形态的屏幕，包括至少两个屏幕部分。其中，各个屏幕部分的大小可以各有差异，也可以相同。以下实施例中的“屏幕”、“屏幕部分”指可折叠显示屏中的部分或全部。
其中，屏幕部分可以是一块独立完整的屏幕(或者一个独立的显示单元，如可受处理器整体控制)，也可以是指一块完整的屏幕中的一部分的显示区域。电子设备可以分别对不同的屏幕部分的显示状态进行控制。基于控制，各个屏幕部分的显示状态具体可为开启显示的状态(又称为显示状态，如亮屏的状态)，或者为关闭显示的状态(如黑屏的状态)。
相邻两个屏幕部分可以基于弯折部分(例如，铰链或柔性材料)进行可活动连接，在一些实现中，该连接部件的外部也覆盖有显示屏(还可称为联接屏，或折叠边)。这样，可折叠显示屏的不同屏幕部分可基于外力(如用户用手展开)平铺展开为一个全屏进行显示，也可基于外力(如用户用手折叠)折叠成一个单屏进行显示。举例来说，可折叠显示屏展开为全屏时可以是8英寸的全面屏进行显示，折叠后可以是6.6英寸或6.38英寸的一块屏幕部分进行显示。
综上可知，可折叠显示屏包含：至少一个弯折部分，以及多个位于弯折部分两侧的屏幕部分。
示例性的，参阅图2A所示的可折叠显示屏，其具有三个部分：一个弯折部分和该弯折部分两侧的第一屏幕部分和第二屏幕部分。
当所述弯折部分发生弯折或形变时，所述第一屏幕部分和所述第二屏幕部分之间的夹角(后文简称为展开角度)可以改变，如图2A中的(b)和(c)所示。
在实际应用中，可折叠显示屏通常具有两种常规物理状态：如图2A中的(a)所示的展开状态，以及如图2A中的(d)所示的折叠状态。在将所述可折叠显示屏从一种常规状态切换到另一种常规状态的状态变化过程(后续简称为状态变化过程)中，所述可折叠显示屏还会呈现出一种半折叠的中间状态，即图2A中的(b)和(c)所示。
在一些实施例中，电子设备可以通过展开角度来具体确定所述可折叠显示屏的状态。示例性的，当所述展开角度处于第一阈值和180度构成的区间内(即预设的展开状态条件)，电子设备确定所述可折叠显示屏的状态为展开状态；当所述展开角度处于0度和第二阈值构成的区间内(即预设的折叠状态条件)，电子设备确定所述可折叠显示屏的状态为折叠状态；当所述展开角度处于第二阈值和第一阈值构成的区间内(即预设的中间状态条件)，所述电子设备确定所述可折叠显示屏的状态为中间状态，即所述可折叠显示屏处于状态变化过程中。其中，所述第一阈值的取值大于所述第二阈值的取值，所述第一阈值和所述第二阈值可以根据实际应用具体设置，例如，所述第一阈值为180度、170度、150度等，所述第二阈值为0度、5度、45度、90度等。
还需要说明的是，在图2A所示的实例中可折叠显示屏的折叠方式为左右折叠(即纵向折叠)。在另一些实施例中，所述可折叠显示屏的显示方式还可以为上下折叠(即横向折叠)，如图2B所示，本申请对可折叠显示屏的折叠方式不作限定。
本申请提供的显示方法使用的场景通常为状态切换前后用户均可以看到可折叠显示屏的屏幕(或屏幕部分)。在本申请下述实施例中，均以外折为例介绍本申请提供的方法。外折是将所述可折叠显示屏折叠后存在至少一个屏幕部分在正面可见，至少一个屏幕部分在背面。在其它实施例中，并不限定本申请提供的方法一定应用在外折的场景中。
下面继续以图2A所示的可折叠显示屏对可折叠显示屏的显示状态，以及显示状态的改变进行描述。
如图2A中的(a)所示，可折叠显示屏的状态为展开状态，当可折叠显示屏中处于工作状态(显示状态)时，第一屏幕部分、第二屏幕部分以及弯折部分均为显示状态。这样，整个可折叠显示屏的全屏均可以用于显示内容。
如图2A中的(d)所示，可折叠显示屏的状态为折叠状态，当可折叠显示屏中处于工作状态时，默认的主屏(例如第二屏幕部分)为显示状态能够显示内容，而设置为默认的副屏(例如第一屏幕部分)为非显示状态，不显示内容或者为黑屏。当然，用户可以对电子设备、主屏或者副屏进行操作(例如，翻转电子设备、双击副屏等)，以设置副屏为显示状态，设置主屏为非显示状态。其中，可折叠显示屏中的默认的主屏和默认的副屏可以是用户根据实际使用情况设置的，也可以是电子设备在出厂时默认设置的。
如图2A中的(d)所示，可折叠显示屏的状态为折叠状态，当可折叠显示屏中处于工作状态时，电子设备可以判断哪个屏幕部分为用户可见，例如可以通过位于某个屏幕部分的摄像头检测摄像头前是否存在人脸，或者通过用户折叠所述可折叠显示屏时的操作方式，或者通过位于某个屏幕部分的红外传感器判断该红外传感器前是否存在用户。当所述电子设备判定第二屏幕部分为用户可见时，设置第二屏幕部分为显示状态，能够显示内容，然后设置第一屏幕部分为非显示状态，不显示内容或者为黑屏。在其它实施例中，第一屏幕部分也可以显示内容和/或具备控制第一屏幕部分的能力。
在一些实施例中，在可折叠显示屏处于图2A中的(d)所示折叠状态的场景中，电子设备可以在设置某个屏幕部分为显示状态时，还可以设置与该屏幕部分相连的弯折部分也为显示状态，用于显示内容。
在本申请实施例中，所述可折叠显示屏的显示状态随着所述可折叠显示屏的状态的变化而变化。例如，当可折叠显示屏的状态和显示状态为图2A中的(a)所示，用户可以通过对所述可折叠显示屏进行折叠操作，以使可折叠显示屏的状态和显示状态变为图2A中的(d)所示。又例如，当可折叠显示屏的状态和显示状态为图2A中的(d)所示，用户可以通过对所述可折叠显示屏进行展开操作，以使可折叠显示屏的状态和显示状态变为图2A中的(a)所示。
需要注意的是，图2A和图2B所示的可折叠显示屏为包含两个屏幕部分。本申请提供的方法还可以适用于具有三个或三个以上的屏幕部分的可折叠显示屏。例如图2C所示的具有三个屏幕部分的可折叠显示屏。其中，任意相邻两个屏幕部分的展开角度符合预设的折叠状态条件时，该可折叠显示屏的状态即为折叠状态；当所有相邻两个屏幕部分均符合预设的展开状态条件时，该可折叠显示屏的状态为展开状态，其他情况为中间状态。
3)、屏幕绘制区域，位于可折叠显示屏中的处于显示状态的屏幕中，用于绘制和显示界面的区域。针对可折叠显示屏中的不同常规状态，屏幕绘制区域的大小和位置可以相同，也可以不同。一般情况下，屏幕绘制区域的大小与当前处于显示状态的屏幕大小相同。
例如，在所述可折叠显示屏处于展开状态时，所述屏幕绘制区域的大小与整个可折叠显示屏的大小相同；在所述可折叠显示屏处于折叠状态，所述屏幕绘制区域的大小与主屏的大小相同，参阅图1所示。
在一些实施例中，可折叠显示屏状态切换前和状态切换后，所述屏幕绘制区域的显示方向可以不变，也可以发生变化，参阅图3A或图3B所示。其中，在图3A中可折叠显示屏的折叠方式为图2A所示的左右折叠，在图3B中可折叠显示屏的折叠方式为图2B所示的上下折叠。
例如图3A中的(a)和(b)所示，在(a)中可折叠显示屏的展开状态下屏幕绘制区域为整个可折叠显示屏，图3A中的(b)和(c)中可折叠显示屏的折叠状态下屏幕绘制区域为右半个屏幕部分(第二屏幕部分)。相对于图3A中的(a)所示的屏幕绘制区域，(b)所示的屏幕绘制区域的显示方向没有发生变化，即屏幕绘制区域的宽发生变化，高不变。相对于(a)所示的屏幕绘制区域，(c)所示的屏幕绘制区域的显示方向发生变化，即屏幕绘制区域的宽和高均发生变化。
又例如，图3B中的(a)和(b)所示，(a)中可折叠显示屏的展开状态下屏幕绘制区域为整个可折叠显示屏，图3B中的(b)和(c)中可折叠显示屏的折叠状态下屏幕绘制区域为上半屏幕部分(第一屏幕部分)。相对于图(a)所示的屏幕绘制区域，(b)所示的屏幕绘制区域的显示方向没有发生变化，即屏幕的绘制区域的高发生变化，宽不变。相对于(a)所示的屏幕绘制区域，(c)所示的屏幕绘制区域的显示方向发生变化，即屏幕绘制区域的宽和高均发生变化。
需要说明的是，当可折叠显示屏状态切换前和状态切换后，屏幕绘制区域的显示方向发生变化时，需要用户在状态切换后旋转电子设备，以便于观看界面，例如图3A中的(c)和(d)，以及图3B中的(c)和(d)所示。
在一些实施例中，在状态切换过程中，屏幕绘制区域的大小可以从初始状态的大小逐 渐变化到目标状态的大小。其中，若所述屏幕绘制区域的显示方向(或者说屏幕绘制区域的位置)也发生变化时，电子设备可以在进入状态切换过程开始，先将屏幕绘制区域的显示方向调整(此时屏幕绘制区域的大小依然为初始状态的大小，只是屏幕绘制区域的宽和高数值调换，当然屏幕绘制区域内显示的界面的方向也相应的调整)，然后，调整显示方向后的所述屏幕绘制区域的大小再从初始状态的大小逐渐变化到目标状态的大小。
在另一些实施例中，电子设备在进入状态切换过程开始时，直接将屏幕绘制区域调整为目标状态的大小。
在又一些实施例中，电子设备在整个状态切换过程中，屏幕绘制区域的大小不调整。可选的，在状态切换过程结束时，直接将屏幕绘制区域调整为目标状态的大小。
下面对屏幕绘制区域的显示原理进行说明。应理解的是，下述显示原理仅是示例性的说明，目的为理解本申请的实现过程，但在其他技术或将来发展的技术中，可能会有其他的显示方法，本申请对此并不限定。
屏幕绘制区域中的包含一个或多个显示平面(surface)，如图3C所示。每个surface的大小与所述屏幕绘制区域的大小相同，且当所述屏幕绘制区域内包含多个surface时，所述多个surface相互重叠。每个surface均用于绘制界面，所述屏幕绘制区域最终显示的界面实质为其包含的各个surface中的界面叠加起来的界面。
参阅图3D所示，示例性的，当屏幕绘制区域包含surface 1和surface 2两个显示平面。当上一层的surface 1中的界面为不透明时，所述屏幕绘制区域实际显示(即用户可见)的界面为surface 1中的界面，如图3D中的(a)所示。当上一层的surface 1中的界面为半透明，且下一层的surface 2中的界面为不透明时，所述屏幕绘制区域实际显示的界面为surface 1中的界面和surface 2中的界面，如图3D中的(b)所示。当上一层的surface 1中的界面为透明，且下一层的surface中的界面为不透明时，所述屏幕绘制区域实际显示的界面为surface 2中的界面，如图3D中的(c)所示。需要说明的是，surface 1或surface 2中也可以存在部分区域透明，部分区域不透明或半透明。
还需要说明的是，上文各实施例以及相关附图中所描述的可折叠显示屏仅用于解释本申请的技术方案而非限定。本申请对可折叠显示屏的各个屏幕部分的形状、外观、材质，屏幕部分的数量、屏幕部分间的连接方式、折叠方式均不做限定。
4)、界面，即用户界面(user interface，UI)，呈现在可折叠显示屏上，是电子设备和用户之间进行交互和信息交换的媒介，它可以实现信息的设备内部数据形式与用户的视觉形式之间的转换。
界面的具体表现形式可以为图像或窗口(window)。当显示的界面为图像时，用户通常不能对图像进行任何编辑处理，但可以通过一些操作退出该界面。窗口负责展示和处理信息，用户可以在窗口内进行操作。以手机为例，窗口包括：主界面窗口、应用窗口等。其中，主界面窗口包含墙纸以及在墙纸上显示的多个应用的图标，例如相机应用的图标、图库应用的图标等，如图4中的(a)所示。应用窗口为用户打开微信应用后显示的窗口，如图4中的(b)所示。需要说明的是，在某个应用窗口内也可以显示图像，例如，用户打开图库应用时，在用户选择一个需要打开的图片后，可以在图库应用窗口内的显示区域显示图像，如图4中的(c)所示。
下面结合附图对本申请提供的方法实施例做进行具体说明。
本申请实施例提供了一种显示方法，该方法可以适用于任何配置有可折叠显示屏的电子设备中。图5示出了一种电子设备的结构。
如图5所示，电子设备可以包括：处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。其中，控制器可以是电子设备的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备充电，也可以用于电子设备与外围设备之间传输数据。充电管理模块140用于从充电器接收充电输入。电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。
电子设备的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。天线1和天线2用于发射和接收电磁波信号。电子设备中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
无线通信模块160可以提供应用在电子设备上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球 导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频、放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(code division multiple access，CDMA)，宽带码分多址(wideband code division multiple access，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidou navigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
显示屏194为可折叠显示屏，用于显示界面。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备可以包括1个或N个显示屏194，N为大于1的正整数。
摄像头193用于捕获静态图像或视频。在一些实施例中，摄像头193可以包括至少一个摄像头，例如一个前置摄像头和一个后置摄像头。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，以及至少一个应用程序(例如爱奇艺应用，微信应用等)的软件代码等，其中，所述操作系统可以为
Figure PCTCN2020099463-appb-000001
等。存储数据区可存储电子设备使用过程中所产生的数据(例如图像、视频等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将图片，视频等文件保存在外部存储卡中。
电子设备可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
其中，传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指 纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。电子设备通过发光二极管向外发射红外光。电子设备使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备附近有物体。当检测到不充分的反射光时，电子设备可以确定电子设备附近没有物体。电子设备可以利用接近光传感器180G检测用户手持电子设备贴近耳朵通话，以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式，口袋模式自动解锁与锁屏。
触摸传感器180K，也称“触控面板”。触摸传感器180K可以设置于显示屏194内，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型，并可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备的表面，与显示屏194所处的位置不同。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备可以接收按键输入，产生与电子设备的用户设置以及功能控制有关的键信号输入。马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现与电子设备的接触和分离。
可以理解的是，图5所示的结构并不构成对电子设备的具体限定，本申请提供的显示方法适应的电子设备还可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。以下的实施例中，以图5所示的电子设备为例进行介绍。
本申请图5所示的电子设备的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的Android(安卓)系统为例，示例性说明电子设备的软件结构。
图6示出了本申请实施例提供的电子设备的软件结构框图。如图6所示，电子设备的软件结构可以是分层架构，例如可以将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层(framework，FWK)，安卓运行时(Android runtime)和系统库，以及内核层。
应用程序层可以包括一系列应用程序。如图6中所示，应用程序层可以包括相机、设置、电话、短信息、图库、日历，以及三方应用程序等。其中，三方应用程序可以包括微信、地图、导航，音乐，视频、爱奇艺等。
应用程序框架层为应用程序层中的应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层可以包括一些预先定义的函数。如图6所示，应用程序框架层可以包括：窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。
窗口管理器，为窗口提供窗口管理服务(window manager service)。窗口管理器可以 获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。示例性的，所述窗口管理器中包含多个提供具体的管理函数，例如surface控制函数(SurfaceControl.Transaction)。该surface控制函数可以从以下函数中获取一些参数的取值，实现surface中显示的界面的动画效果：透明度动画函数(AlphaAnimation)、拉伸动画函数(ScaleAnimation)、位置动画函数(TranslateAnimation)。其中，透明度动画函数用于设置界面的透明度，电子设备可以通过对透明度动画函数中的透明度变量(或者不透明度变量)的取值的变化，实现界面的透明度的变化。拉伸动画函数用于设置界面的放大或缩小，电子设备可以通过对拉伸动画函数中的拉伸比例变量的取值的变化，实现界面的拉伸变化。位置动画函数用于设置屏幕绘制区域的位置和大小，电子设备可以通过对位置动画函数中的位置变量和尺寸变量的取值的变化，实现屏幕绘制区域的位置和大小的变化。可选的，所述surface控制函数中还可包含其他动画函数，用于实现界面的其他变化，例如颜色变化、形状变化、位置变化、角度变化等。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。界面可以由一个或多个控件组成的。例如，包括短信通知图标的界面，可以包括显示文字的控件以及显示图片的控件。
电话管理器用于提供电子设备的通信功能。例如通话状态的管理(包括接通，挂断等)。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
Android runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。其中，核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓系统的核心库。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
系统库可以包括多个功能模块。例如：状态检测模块、显示算法模块、媒体库(media libraries)，图像处理库等。
状态检测模块，用于对电子设备的可折叠显示屏的物理形态进行识别。例如，状态检测模块可以用于根据硬件层中各类传感器上传的传感器数据确定该可折叠显示屏的物理形态。示例性的，所述状态检测模块可以根据硬件层中各类传感器上传的传感器数据，计算相邻两个屏幕部分的展开夹角，然后通过该展开夹角来判断可折叠显示屏的状态。其中物理形态可以包括折叠状态，展开状态，以及半折叠的中间状态等。
所述显示算法模块，用于根据状态检测模块检测的可折叠显示屏的不同状态，调整显示可折叠显示屏的显示效果，实现本申请实施例提供的显示方法。例如，根据可折叠显示屏的状态，确定处于显示状态的屏幕，以及调整屏幕中的屏幕绘制区域，以及对屏幕绘制区域中显示的界面进行显示。具体的，所述显示算法模块可以通过调用应用程序框架层中的窗口管理器，以实现本申请实施例提供的显示方法。
媒体库支持多种格式的音频、视频的回放和录制，以及支持打开多种格式的静态图像等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。
内核层是硬件和软件之间的层。内核层至少包含显示驱动，传感器驱动、摄像头驱动，音频驱动等，用于驱动硬件层中的硬件。
硬件层可以包括各类传感器、可折叠显示屏、摄像头等。
下面结合本申请实施例的显示方法，示例性说明电子设备的软件以及硬件的工作流程。
本申请实施例提供了一种显示方法，该方法适用于如图5所示的配置有可折叠显示屏的电子设备中。下面以具有图5所示结构的电子设备为例，对该方法进行说明。示例性的，在该方法的描述中，以图2A所示的可折叠显示屏为例进行说明。
该方法为：电子设备中的处理器在可折叠显示屏从第一状态切换到第二状态的过程(后续简称为状态切换过程)中，在所述可折叠显示屏中显示大小变化的目标界面。其中，当所述第一状态为展开状态时所述第二状态为折叠状态，当所述第一状态为折叠状态时，所述第二状态为展开状态；所述目标界面为所述可折叠显示屏在切换到所述第二状态后需要显示的首个界面(或称为目标界面)。
需要说明的是，在所述可折叠显示屏的状态切换前，所述可折叠显示屏处于第一状态中且正在显示界面(或称为初始界面)。这样，可以保证状态切换过程中，所述可折叠显示屏从显示初始界面切换到显示目标界面，且所述目标界面随着状态切换过程的进行发生大小变化。因此，该方法可以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，从而实现所述目标界面的大小变化与实际可折叠显示屏的状态切换过程相贴合的视觉效果，提高用户的视觉体验。
在一种实施方式中，处理器可以通过以下方式确定所述可折叠显示屏处于状态切换过程中：
所述处理器持续检测所述可折叠显示屏的状态，在首次检测到所述可折叠显示屏为中间状态，则确定所述可折叠显示屏处于状态切换过程中，然后继续检测所述可折叠显示屏的状态，直至首次检测到所述可折叠显示屏的状态为展开状态或折叠状态时，确定所述状态切换过程结束。
示例性的，所述处理器可以通过以下步骤，检测所述可折叠显示屏的状态：
所述处理器接收各类传感器实时上传的传感器数据，然后根据接收的传感器数据，计算第一屏幕部分和第二屏幕部分的之间的展开角度；
当所述展开角度处于第一阈值和180度构成的区间内(即预设的展开状态条件)，所述处理器确定所述可折叠显示屏的状态为展开状态；
当所述展开角度处于0度和第二阈值构成的区间内(即预设的折叠状态条件)，所述处理器确定所述可折叠显示屏的状态为折叠状态；
当所述展开角度处于第二阈值和第一阈值构成的区间内(即预设的中间状态条件)，所述处理器确定所述可折叠显示屏的状态为中间状态。
其中，所述第一阈值的取值通常大于所述第二阈值的取值，所述第一阈值和所述第二阈值可以根据实际应用具体设置，例如，所述第一阈值为180度、170度、150度等，所述第二阈值为0度、5度、45度、90度等。
由于所述状态切换过程依赖于外力对可折叠显示屏的操作(例如用户用手展开或折叠所述可折叠显示屏)的速度，即所述状态切换过程的时间不固定。根据所述状态切换过程和所述目标界面的大小变化的过程的关系，本申请实施例提供了以下实施例方式：
在第一种实施方式中，所述处理器控制所述目标界面的大小变化过程与所述状态切换过程一致，即所述处理器控制所述目标界面的大小随着状态切换过程的进行而变化。即当所述处理器首次检测展开角度满足预设的中间状态的条件时，控制所述目标界面开始变化，直到检测到展开角度不满足预设的中间状态的条件时，保持所述目标界面的大小不再变化。
在本实施方式中，所述处理器可以根据所述展开角度的变化速度调整所述目标界面大小变化的速度。
在第二种实施方式中，所述处理器在所述状态切换过程开始时，即所述处理器在首次检测到所述可折叠显示屏为中间状态时，开始按照预设的大小变化速度，显示所述目标界面，直至所述目标界面的大小变化到目标大小为止。所述目标大小可以为适应所述第二状态的大小。示例性的，适应所述第二状态的大小为所述可折叠显示屏处于第二状态时，可折叠显示屏中为显示状态的屏幕大小。例如，当所述第二状态为展开状态时，所述目标大小为全屏的大小；当所述第二状态为折叠状态时，若第二屏幕部分处于显示状态，那么所述目标大小即为所述第二屏幕部分的大小。
在本实施例方式中，所述目标界面的大小变化的结束时间与所述状态切换过程无关。
在第三种实施方式中，所述目标界面的大小变化的起始时间在所述状态切换过程的起始时间之后，所述目标界面的大小变化的结束时间在所述状态切换过程的结束时间之前，或与所述状态切换过程的结束时间相同。
可选的，在本申请实施例中，所述目标界面的大小变化可以但不限于为以下方式：
第一种方式：从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小。
示例性的，适应第一状态的大小为所述可折叠显示屏处于第一状态时，可折叠显示屏中为显示状态的屏幕大小。例如当所述第一状态为展开状态时，所述适应第一状态的大小为全屏的大小；当所述第一状态为折叠状态时，若第二屏幕部分处于显示状态，那么所述目标大小即为所述第二屏幕部分的大小。
例如图7A所示(图中的阴影部分为目标界面)，当所述第一状态为展开状态，第二状态为折叠状态时，在状态切换过程中，随着展开角度越来越小，所述目标界面的大小从全屏逐渐变为第二屏幕部分的大小。其中，图7A中的(a)为状态切换过程的起始时刻的可折叠显示屏，图7A中的(d)为状态切换过程的结束时刻的可折叠显示屏。如图7A中(b)和(c)所示，在状态切换过程中，所述可折叠显示屏处于中间状态，且展开角度2大于展开角度3的角度，那么在(b)中所述目标界面的大小大于在(c)中所述目标界面的大小。
继续以图7A为例，相反的，当所述第一状态为折叠状态，第二状态为展开状态时，在状态切换过程中，随着展开角度越来越大，所述目标界面的大小从第二屏幕部分的大小逐渐变为全屏的大小。
需要说明的是，由于一般情况下，设计人员在设计目标界面时，对该目标界面设置有一个默认大小。示例性的，由于该目标界面为所述可折叠显示屏在切换到所述第二状态后需要显示的首个界面，一般情况下，所述目标界面的默认大小即为适应第二状态的大小。
因此，在第一种方式中，当所述目标界面的默认大小与适应第一状态的大小不同时，所述处理器在所述可折叠显示屏中显示大小变化的所述目标界面之前，从后台将所述目标界面的大小从默认大小调整为适应第一状态的大小。即所述处理器在确定所述可折叠显示屏进入状态切换过程时，构建默认大小的所述目标界面，然后将所述默认大小的所述目标界面调整为适应第一状态的大小后显示在所述可折叠显示屏中。
示例性的，当所述第一状态为展开状态，第二状态为折叠状态时，所述处理器在显示所述目标界面之前，先将所述目标界面的大小从适应折叠状态的大小，调整为适应展开状态的大小。然后在所述可折叠显示屏中显示从适应展开状态的大小逐渐变化到适应折叠状态的大小(默认大小)的所述目标界面。
示例性的，当所述第一状态为折叠状态，第二状态为展开状时，所述处理器在显示所述目标界面之前，先将所述目标界面的大小从适应展开状态的大小，调整为适应折叠状态的大小。然后在所述可折叠显示屏中显示从适应折叠状态的大小逐渐变化到适应展开状态的大小(默认大小)的所述目标界面。
第二种方式：从预设界面大小逐渐变化为适应所述第二状态的大小。
其中，所述预设界面大小的取值可以不依赖于第一状态下处于显示状态的屏幕的大小。例如，所述预设大小可以为一个像素或多个像素。这样，在可折叠显示屏的状态切换过程中，用户可以看到从一个黑点逐渐变化为适应所述第二状态的大小的所述目标界面。需要说明的是，所述目标界面的起始位置可以为第二状态下的处于显示状态的屏幕的中间位置或左上角、右上角、左下角、右下角等，本申请实施例对此不作限定。
例如图7B所示(图中的阴影部分为目标界面)，可折叠显示屏从展开状态切换到折叠状态。在可折叠显示屏的状态发生切换时(或者状态切换过程的起始时刻)，所述处理器先确定切换到折叠状态后处于显示状态的屏幕部分为第二屏幕部分，然后在所述第二屏幕部分中显示从一个黑点逐渐变化为适应折叠状态的大小的所述目标界面。如图7B中的(b)和(c)所示，随着用户的折叠操作，展开角度的越来越大，所述目标界面的大小也越来越大。
又例如图7C所示(图中的阴影部分为目标界面)，可折叠显示屏从折叠状态切换到展开状态。在可折叠显示屏的状态发生切换时(或者状态切换过程的起始时刻)，所述处理器先确定切换到展开状态后处于显示状态的屏幕为全屏，然后在全屏中显示从一个黑点逐渐变化为适应折叠状态的大小的所述目标界面。如图7B中的(b)和(c)所示，随着用户的折叠操作，展开角度的越来越大，所述目标界面的大小也越来越大。
在本申请实施例的其他实施例方式中，在所述可折叠显示屏的状态切换过程中，所述处理器在所述可折叠显示中显示大小变化的所述目标界面的同时，还可以控制所述目标界面产生以下至少一项动态变化，以丰富所述目标界面的显示效果：
A、从透明逐渐变化为不透明的透明度变化；B、颜色变化；C、形状的变化。
示例性的，继续以图7A-图7C所示的状态切换过程中的目标界面大小变化为例，参阅图7D-图7F所示，所述处理器在控制所述目标界面大小变化的同时，控制所述目标界面从透明逐渐变化为不透明。如图7D-图7F中的(a)所示，在状态切换过程的起始阶段，所述目标界面为透明，不可见；随着状态切换过程的进行，如图7D-图7F中的(b)、(c)、(d)所示，所述目标界面越来越清晰，逐渐变为不透明。
示例性的，所述处理器可以在显示大小变化的所述目标界面的同时，将所述目标界面的颜色逐渐变化为默认颜色。具体的，所述处理器通过调整所述目标界面的灰度、红绿蓝(red-green-blue，RGB)数值等参数，以实现所述目标界面的颜色变化。
示例性的，所述处理器在控制所述目标界面大小变化的同时，控制所述目标界面的形状变化，例如从适应第一状态的形状，圆形，星型或不规则图形等固定形状逐渐变化为适应第二状态的形状。其中，适应第一状态的形状可以为第一状态下可折叠显示屏中处于显 示状态的屏幕的形状，适应所述第二状态的形状可以为第二状态下可折叠显示屏中处于显示状态的屏幕的形状。例如图7A所示，在状态切换过程的起始时刻，所述目标界面的形状与全屏的形状相同，四个角均为圆角，如图7A中的(a)所示；随着状态切换过程的进行，所述目标界面的形状发生变化，最终变为图7A中的(d)所示的所述目标界面的左上角和左下角均变为直角。又例如图7G所示，在状态切换过程的起始时刻，所述目标界面的形状为圆形(圆点)，随着状态切换过程的进行，所述目标界面的形状和大小发生变化，如图7G中的(b)和(c)所示，最终变化为适应第二状态的形状。
本申请实施例还提供了另一种显示方法，该方法适用于如图5所示的配置有可折叠显示屏的电子设备中。下面以具有图5所示结构的电子设备，且软件架构如图6所示为例，对该方法进行说明。示例性的，在该方法的描述中，以图2A所示的可折叠显示屏为例进行说明。
在该方法中，电子设备中的处理器在可折叠显示屏从第一状态切换到第二状态的过程(后续简称为状态切换过程)中，在所述可折叠显示屏中显示大小变化的目标界面，以及在所述显示屏中显示动态变化的初始界面，其中，所述初始界面为所述可折叠显示屏在状态切换前，在所述第一状态下最后显示的界面。
在本实施例中，所述处理器在所述可折叠显示屏中显示大小变化(可选的，还可以有透明度变化、颜色变化、形状变化等其他变化)的目标界面的过程和方式可以参见前一个实施例中的描述，此处不再赘述。
根据所述状态切换过程和所述初始界面的动态变化的过程的关系，本申请实施例提供了以下实施例方式：
在第一种实施方式中，所述处理器控制所述初始界面的动态变化过程与所述状态切换过程一致，即所述处理器控制所述初始界面的大小随着状态切换过程的进行而变化。即当所述处理器首次检测展开角度满足预设的中间状态的条件时，控制所述初始界面开始动态变化，直到检测到展开角度不满足预设的中间状态的条件时，保持所述初始界面的不再变化。在本实施方式中，所述处理器可以根据所述展开角度的变化速度调整所述初始界面动态变化的速度。
在第二种实施方式中，所述处理器在所述状态切换过程开始时，即所述处理器在首次检测到所述可折叠显示屏为中间状态时，开始按照预设的动态变化速度，显示所述初始界面，直至所述初始界面的变化到状态为止。在本实施例方式中，所述初始界面的动态变化的结束时间与所述状态切换过程无关。
在第三种实施方式中，所述初始界面的动态变化的起始时间在所述状态切换过程的起始时间之后，所述初始界面的动态变化的结束时间在所述状态切换过程的结束时间之前，或与所述状态切换过程的结束时间相同。
需要说明的是，本申请实施例不限定所述处理器在所述可折叠显示屏中显示动态变化的初始界面和显示大小变化的所述目标界面的时间关系。示例性的，参阅图8中的(a)所示，所述处理器可以先显示大小变化的目标界面，然后再显示动态变化的初始界面。示例性的，参阅图8中的(b)所示，所述处理器也可以先显示动态变化的初始界面，然后再大小变化的目标界面。示例性的，显示动态变化的初始界面的时间与显示大小变化的目标界面的时间存在重叠，参阅图8中的(c)-(e)所示。其中，显示动态变化的初始界面的 时间与显示大小变化的目标界面的时间可以存在部分重叠，如图8中的(c)和(d)所示，或者，显示动态变化的初始界面的时间与显示大小变化的目标界面的时间全部重叠，即所述处理器同时显示动态变化的初始界面和大小变化的目标界面。
可选的，在本申请实施例中，所述初始界面的动态变化可以但不限于为以下任一种方式或组合：
A、大小变化；B、从不透明逐渐变化为透明的透明度变化；C、颜色变化；D、形状的变化。
这样，所述处理器可以在可折叠显示屏中显示具有灵活动态变化的初始界面，以丰富所述初始界面的显示效果。
其中，所述初始界面的大小变化可以但不限于包括以下两种方式：第一种方式：从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小；第二种方式：从适应所述第一状态的大小逐渐缩小直至消失。
其中，在第一种方式中，所述处理器在内部实现所述初始界面的大小变化的过程可以参照上一实施例中的所述处理器实现所述目标界面的大小变化的过程，此处不再赘述。所述初始界面的变化过程可以参阅图9A所示。
图9A所示(图中的阴影部分为初始界面)，当所述第一状态为展开状态，第二状态为折叠状态时，在状态切换过程中，随着展开角度越来越小，所述初始界面的大小从全屏逐渐变为第二屏幕部分的大小。其中，图9A中的(a)为状态切换过程的起始时刻的可折叠显示屏，图9A中的(d)为状态切换过程的结束时刻的可折叠显示屏。如图9A中(b)和(c)所示，在状态切换过程中，所述可折叠显示屏处于中间状态，且展开角度2大于展开角度3的角度，那么在(b)中所述初始界面的大小大于在(c)中所述初始界面的大小。
继续以图9A为例，相反的，当所述第一状态为折叠状态，第二状态为展开状态时，在状态切换过程中，随着展开角度越来越大，所述初始界面的大小从第二屏幕部分的大小逐渐变为全屏的大小。
在第二种方式中，所述处理器可以在所述可折叠显示屏中确定一个参考点，然后以该参考点为中心，将所述初始界面向该参考点的方向缩小。可选的，所述参考点可以为所述可折叠显示屏在第一状态时处于显示状态的屏幕的中心点、某个角或者其他预设点，或者为所述可折叠显示屏在第二状态时处于显示状态的屏幕的中心点、某个角或者其他预设点，本申请对此不作限定。
示例性的，图9B和图9C以参考点为所述可折叠显示屏在第一状态时处于显示状态的屏幕的中心点为例，进行说明。
参阅图9B所示(图中的阴影部分为初始界面)，可折叠显示屏从展开状态切换到折叠状态。在可折叠显示屏的状态发生切换时(或者状态切换过程的起始时刻)，所述处理器先确定可折叠显示屏的展开状态处于显示状态的屏幕(全屏)的中心点为参考点，如图9B中(a)的黑点所示。然后随着状态切换过程的进行，所述处理器逐渐向该参考点方向缩小所述初始界面直至消失。如图9B中的(b)和(c)所示，随着用户的折叠操作，展开角度的越来越小，所述初始界面越来越小。
参阅图9C所示(图中的阴影部分为初始界面)，可折叠显示屏从折叠状态切换到展开状态。在可折叠显示屏的状态发生切换时(或者状态切换过程的起始时刻)，所述处理器先确定可折叠显示屏的折叠状态处于显示状态的第二屏幕部分的中心点为参考点，如图9C 中(a)的黑点所示。然后随着状态切换过程的进行，所述处理器逐渐向该参考点方向缩小所述初始界面直至消失。如图9C中的(b)和(c)所示，随着用户的展开操作，展开角度的越来越大，所述初始界面越来越小。
在一种实施例方式中，所述处理器可以在调整所述初始界面大小变化的同时，控制所述初始界面从不透明逐渐变化为透明。示例性的，继续以图9A-图9C所示的初始界面的大小变化为例，参阅图9D-图9F所示，所述处理器在控制所述初始界面大小变化的同时，控制所述初始界面从不透明逐渐变化为透明。如图9D-图9F中的(a)所示，在状态切换过程的起始阶段，所述目标界面为不透明，可见；随着状态切换过程的进行，如图9D-图9F中的(b)、(c)、(d)所示，所述初始界面越来越透明，逐渐变为不可见。
在一种实施例方式中，所述处理器可以在调整所述初始界面大小变化的同时，将所述初始界面的颜色逐渐变化为设定颜色。具体的，所述处理器可以通过调整所述初始界面的灰度、RGB等参数，以实现所述初始界面的颜色变化。示例性的，所述设定颜色可以为白色、灰色等。
在一种实施例方式中，所述处理器可以在调整所述初始界面大小变化的同时，控制所述初始界面的形状变化，例如，从适应第一状态的形状逐渐变化为适应第二状态的形状，圆形，星型，或不规则图形等固定形状。例如图9A所示，在状态切换过程的起始时刻，所述初始界面的形状与全屏的形状相同，四个角均为圆角，如图9A中的(a)所示；随着状态切换过程的进行，所述初始界面的形状发生变化，最终变为图9A中的(d)所示的所述目标界面的左上角和左下角均变为直角。又例如图9G所示，在状态切换过程的起始时刻，所述初始界面的形状适应第一状态的形状，随着状态切换过程的进行，所述初始界面的形状越来越圆，所述初始界面也越来越小，如图9G中的(b)和(c)所示，最终所述初始界面消失如图9G中的(d)所示。
需要说明的是，以上实施例中的图7A-图7G和图9A-图9G仅用于示意性的解释说明目标界面和初始界面的动态变化效果，并非限定用户的视觉效果。
下面对以上实施例中所述处理器执行目标界面和/或初始界面的动态变化的内部原理和实现进行说明。
当所述目标界面/初始界面的大小变化方式为从适应第一状态的大小逐渐变化为适应第二状态的大小时，所述处理器可以但不限于通过以下方法，在所述可折叠显示屏中显示目标界面/初始界面：
方法一：在所述处理器根据目标界面/初始界面的显示比例，在可折叠显示屏中显示目标界面/初始界面的场景中，所述处理器根据从第一比例逐渐变化到第二比例的显示比例，在所述可折叠显示屏中显示大小变化的目标界面/初始界面。其中，所述第一比例为适应所述第一状态的大小与所述目标界面/初始界面默认大小之间的比例，所述第二比例为适应所述第二状态的大小与所述目标界面/初始界面默认大小之间的比例。
方法二：在所述目标界面/初始界面通过绘制在屏幕绘制区域包含的surface中显示的场景中。
在一种实施方式中，若所述处理器确定所述目标界面/初始界面的大小与所述surface大小绑定/关联(即当surface大小变化时，其显示的界面的大小也相应变化)的情况下，所述处理器可以通过调整显示有所述目标界面/初始界面的所述surface的大小，从而实现 述目标界面的大小变化。其中，为了实现所述目标界面/初始界面可以从适应第一状态的大小逐渐变化为适应第二状态的大小，所述处理器也需要控制显示目标界面/初始界面的surface从适应第一状态的大小逐渐变化为适应第二状态的大小。
在另一种实施方式中，若所述处理器确定目标界面/初始界面的大小与对应的surface的大小未绑定/未关联的情况下，所述处理器需要调整目标界面/初始界面的大小，并在对应的surface中显示大小变化的目标界面/初始界面。
在一些情况下，在当前surface的大小(在可折叠显示屏的第一状态时的surface的大小)能够显示适应第二状态大小的目标界面/初始界面时(例如可折叠显示屏从展开状态切换到折叠状态时)，所述处理器为了提高效率、节省功耗，可以不调整surface的大小，即只调整目标界面/初始界面的大小。
在另一些情况下，在当前surface的大小不能显示适应第二状态大小的目标界面/初始界面时(例如可折叠显示屏从折叠状态切换到展开状态时)，所述处理器可以在状态切换过程的开始时刻，直接将surface的大小调整为适应第二状态的大小。其中，适应第二状态的大小为在第二状态下所述可折叠显示屏中处于显示状态的屏幕的大小，当所述第二状态为展开状态时，适应第二状态的大小可以为全屏大小。
在又一些情况下，为了保证所述目标界面/初始界面的显示效果，所述处理器可以在调整目标界面/初始界面的大小的同时，调整对应的surface的大小。即所述处理器需要控制显示目标界面/初始界面的surface，以及目标界面/初始界面，均从适应第一状态的大小逐渐变化为适应第二状态的大小。
需要说明的是，在一种实施方式中，surface的大小与所在的屏幕绘制区域的大小相同，因此，所述处理器在调整surface的大小时，可以直接通过调整可折叠显示屏中屏幕绘制区域的大小实现。
示例性的，在第二种方法中，所述处理器在内部实现调整屏幕绘制区域的大小时，所述处理器可以调用窗口管理器，然后针对屏幕绘制区域创建位置动画函数TranslateAnimation，然后对所述位置动画函数中的位置变量和/或尺寸变量进行调整，以使所述屏幕绘制区域(以及其中包含的surface)的大小可以从适应第一状态的大小逐渐变为适应第二状态的大小。可选的，所述尺寸变量可以包括屏幕绘制区域的宽和高。
例如，参阅图9A所示，假设位置变量为屏幕绘制区域的左边界；可折叠显示屏在展开状态时屏幕绘制区域的位置变量取值为0；可折叠显示屏在折叠状态时，屏幕绘制区域为可折叠显示屏右侧的第二屏幕部分，此时屏幕绘制区域的位置变量取值为a。当所述可折叠显示屏从展开状态切换到折叠状态的过程中，所述处理器将调整所述位置变量逐渐从0变为a，以使所述屏幕绘制区域的大小可以从全屏逐渐变为第二屏幕部分的大小。同样的，当所述可折叠显示屏从折叠状态切换到展开状态的过程中，所述处理器也可以调整屏幕绘制区域的位置变量逐渐从a变为0，以使所述屏幕绘制区域的大小可以从第二屏幕部分的大小逐渐变为全屏。
示例性的，所述处理器在内部实现上述方法二时，所述处理器可以调用窗口管理器，然后针对目标界面/初始界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函数中的拉伸比例从第一拉伸比例逐渐变化为第二拉伸比例，以使所述目标界面/初始界面的从适应第一状态的大小逐渐变化为适应第二状态的大小。
其中，所述第一拉伸比例为目标界面/初始界面适应第一状态的大小时目标边界的长度 与目标界面/初始界面在默认大小时目标边界的长度。第二拉伸比例为目标界面/初始界面适应第二状态的大小时目标边界的长度与目标界面/初始界面在默认大小时目标边界的长度。所述目标边界为可折叠显示屏的状态切换后，目标界面/初始界面中长度发生变化的边界。其中，当可折叠显示屏的状态切换前后，当屏幕绘制区域的显示方向不发生改变时，所述目标边界为目标界面/初始界面的宽或高；当屏幕绘制区域的显示方向发生改变时，所述目标边界为目标界面/初始界面的宽和高。
下面通过具体的实例，对拉伸比例的取值进行说明。其中，实例一至实例四为处理器调整初始界面的大小变化。实例五至实例八为处理器执行目标界面的大小变化。需要说明的是，以下实例一至实例八是以左右折叠的折叠方式为例，由于取值原理相似，当可折叠显示屏的折叠方式为上下折叠时，也可以参考这些实例，此处不再赘述。
实例一：如图10A所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向不变。
在可折叠显示屏的展开状态下，屏幕绘制区域的宽为M，高为L，如图10A中的(a)所示。在可折叠显示屏的折叠状态下屏幕绘制区域为右侧的第二屏幕部分，宽为N，高仍为L，如图10A中的(b)所示。
其中，初始界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，且为初始界面的默认大小，如图10A中的(a)所示。初始界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，如图10A中的(b)所示。
那么如图10A中的(a)和(b)所示，当所述可折叠显示屏从展开状态切换到折叠状态时，发生变化的目标边界为初始界面的宽。那么所述处理器可以调用窗口管理器，然后针对初始界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函数中宽的拉伸比例从1.0(M/M)逐渐变化为N/M，以在宽方向上对所述初始界面进行压缩，使所述初始界面的从适应展开状态的大小逐渐变化为适应折叠状态的大小。
实例二：如图10A所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向发生变化。
在可折叠显示屏的展开状态下，屏幕绘制区域的宽为M，高为L，如图10A中的(a)所示。在可折叠显示屏的折叠状态下屏幕绘制区域为右侧的第二屏幕部分，宽为L，高为N，如图10A中的(d)所示。
其中，初始界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，且为初始界面的默认大小，如图10A中的(a)所示。初始界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，如图10A中的(d)所示。
在所述电子设备确定所述可折叠显示屏进入从展开状态切换到折叠状态的过程中时，处理器先通过对屏幕绘制区域进行位置设置，以改变屏幕绘制区域的显示方向，以及对所述初始界面进行重置，如图10A中的(c)所示，相对于图10A所示(a)的初始界面，此时重置后的初始界面的高的拉伸比例为M/L，宽的拉伸比例为L/M。
然后参阅10A中的(c)和(d)所示，随着所述可折叠显示屏从展开状态切换到折叠 状态过程的继续进行，发生变化的目标边界为初始界面的高。那么所述处理器可以调用窗口管理器，然后针对初始界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函数中高的拉伸比例从M/L逐渐变化为N/L(即(M/L)*(N/M))，以在高方向上继续对所述初始界面进行压缩，使所述初始界面的从适应展开状态的大小逐渐变化为适应折叠状态的大小。
最后当所述可折叠显示屏的状态切换过程结束，所述可折叠显示屏的状态为折叠状态时，所述初始界面的最后的拉伸比例为：宽方向为L/M，高方向为N/L。之后，用户需要旋转电子设备，以便观看界面，如图10A中的(d)和(e)所示。
实例三：如图10B所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向不变。
在可折叠显示屏的折叠状态下，屏幕绘制区域为可折叠显示屏的右侧的第二屏幕部分，宽为N，高为L，如图10B中的(a)所示。在可折叠显示屏的展开状态下屏幕绘制区域为全屏，宽为M，高仍为L，如图10B中的(b)所示。
其中，初始界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，且为初始界面的默认大小，如图10B中的(a)所示。初始界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，如图10B中的(b)所示。
那么如图10B中的(a)和(b)所示，当所述可折叠显示屏从折叠状态切换到展开状态时，发生变化的目标边界为初始界面的宽。那么所述处理器可以调用窗口管理器，然后针对初始界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函数中宽的拉伸比例从1.0(N/N)逐渐变化为M/N，以在宽方向上对所述初始界面进行拉伸，使所述初始界面的从适应折叠状态的大小逐渐变化为适应展开状态的大小。
实例四：如图10B所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向发生变化。
在可折叠显示屏的折叠状态下，屏幕绘制区域为可折叠显示屏的右侧的第二屏幕部分，宽为N，高为L，如图10B中的(a)所示。在可折叠显示屏的展开状态下屏幕绘制区域为全屏，宽为L，高为M，如图10B中的(d)所示。
其中，初始界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，且为初始界面的默认大小，如图10B中的(a)所示。初始界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，如图10B中的(d)所示。
在所述电子设备确定所述可折叠显示屏进入从折叠状态切换到展开状态的过程中时，处理器先通过对屏幕绘制区域进行位置设置，以改变屏幕绘制区域的显示方向，以及对所述初始界面进行重置，如图10B中的(c)所示，相对于图10B所示(a)的初始界面，此时重置后的初始界面的高的拉伸比例为N/L，宽的拉伸比例为L/N。
然后参阅10B中的(c)和(d)所示，随着所述可折叠显示屏从折叠状态切换到展开状态过程的继续进行，发生变化的目标边界为初始界面的高。那么所述处理器可以调用窗口管理器，然后针对初始界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函 数中高的拉伸比例从N/L逐渐变化为M/L(即(N/L)*(M/N))，以在高方向上继续对所述初始界面进行拉伸，使所述初始界面的从适应折叠状态的大小逐渐变化为适应展开状态的大小。
最后当所述可折叠显示屏的状态切换过程结束，所述可折叠显示屏的状态为展开状态时，所述初始界面的最后的拉伸比例为：宽方向为L/N，高方向为M/L。之后，用户需要旋转电子设备，以便观看界面，如图10B中的(d)和(e)所示。
实例五：如图10C所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向不变。目标界面的默认大小为适应第二状态(状态切换后的状态)的大小。
在可折叠显示屏的展开状态下，屏幕绘制区域的宽为M，高为L，如图10C中的(a)所示。在可折叠显示屏的折叠状态下屏幕绘制区域为右侧的第二屏幕部分，宽为N，高仍为L，如图10C中的(b)所示。
其中，目标界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，如图10C中的(a)所示。目标界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，且为目标界面的默认大小，如图10C中的(b)所示。
在所述处理器确定所述可折叠显示屏进入从展开状态切换到折叠状态的过程中时，所述处理器在获取默认大小的目标界面后，先对所述默认大小的目标界面调整为适应展开状态的大小，然后再显示到可折叠显示屏中，如图10C中的(a)所示，此时目标界面宽的拉伸比例为M/N。
然后参阅10C中的(a)和(b)所示，随着所述可折叠显示屏从展开状态切换到折叠状态过程的继续进行，发生变化的目标边界为目标界面的宽。那么所述处理器可以调用窗口管理器，然后针对目标界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函数中宽的拉伸比例从M/N逐渐变化为1.0(即N/N)，以在宽方向上继续对所述目标界面进行压缩，使所述初始界面的从适应展开状态的大小逐渐变化为适应折叠状态的大小。
实例六：如图10C所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向发生变化。目标界面的默认大小为适应第二状态(状态切换后的状态)的大小。
在可折叠显示屏的展开状态下，屏幕绘制区域的宽为M，高为L，如图10C中的(a)所示。在可折叠显示屏的折叠状态下屏幕绘制区域为右侧的第二屏幕部分，宽为L，高为N，如图10C中的(d)所示。
其中，目标界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，如图10C中的(a)所示。目标界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，且为初始界面的默认大小，如图10C中的(d)所示。
在处理器确定所述可折叠显示屏进入从展开状态切换到折叠状态的过程中时，获取默认大小的目标界面，先将所述默认大小的目标界面调整为适应展开状态的大小，然后再显示到可折叠显示屏中，如图10C中的(a)所示，此时目标界面宽的拉伸比例为M/L，高 的拉伸比例为L/N。然后，所述处理器通过对屏幕绘制区域进行位置设置，以改变屏幕绘制区域的显示方向，以及对所述目标界面进行重置，如图10C中的(c)所示，相对于图10C所示(a)的目标界面，此时重置后的初始界面的高的拉伸比例为M/N(即(L/N)*(M/L))，宽的拉伸比例为1.0(即(M/L)*(L/M))。
继续参阅10C中的(c)和(d)所示，随着所述可折叠显示屏从展开状态切换到折叠状态过程的继续进行，发生变化的目标边界为目标界面的高。那么所述处理器可以调用窗口管理器，然后针对目标界面创建ScaleAnimation函数，并设置所述ScaleAnimation函数中高的拉伸比例从M/N逐渐变化为1.0(即(M/N)*(N/M)))，以在高方向上继续对所述目标界面进行压缩，使所述目标界面的从适应展开状态的大小逐渐变化为适应折叠状态的大小。
最后当所述可折叠显示屏的状态切换过程结束，所述可折叠显示屏的状态为折叠状态时，所述目标界面的最后的拉伸比例为：宽方向为1.0，高方向为1.0(即最后所述目标界面被调整为默认大小)。之后，用户需要旋转电子设备，以便观看界面，如图10C中的(d)和(e)所示。
实例七：如图10D所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向不变。目标界面的默认大小为适应第二状态(状态切换后的状态)的大小。
在可折叠显示屏的折叠状态下，屏幕绘制区域为可折叠显示屏的右侧的第二屏幕部分，宽为N，高为L，如图10D中的(a)所示。在可折叠显示屏的展开状态下屏幕绘制区域为全屏，宽为M，高仍为L，如图10D中的(b)所示。
其中，目标界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，如图10D中的(a)所示。目标界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，且为目标界面的默认大小，如图10D中的(b)所示。
在所述处理器确定所述可折叠显示屏进入从折叠状态切换到展开状态的过程中时，所述处理器在获取默认大小的目标界面后，先对所述默认大小的目标界面调整为适应折叠状态的大小，然后再显示到可折叠显示屏中，如图10C中的(a)所示，此时目标界面宽的拉伸比例为N/M。
那么如图10D中的(a)和(b)所示，当所述可折叠显示屏从折叠状态切换到展开状态时，发生变化的目标边界为初始界面的宽。那么所述处理器可以调用窗口管理器，然后针对初始界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函数中宽的拉伸比例从N/M逐渐变化为1.0(即(N/M)*(M/N))，以在宽方向上对所述目标界面进行拉伸，使所述目标界面的从适应折叠状态的大小逐渐变化为适应展开状态的大小。
实例八：如图10D所示，可折叠显示屏的折叠方式以左右折叠为例，且可折叠显示屏在状态切换前后，屏幕绘制区域的显示方向发生变化。目标界面的默认大小为适应第二状态(状态切换后的状态)的大小。
在可折叠显示屏的折叠状态下，屏幕绘制区域为可折叠显示屏的右侧的第二屏幕部分，宽为N，高为L，如图10D中的(a)所示。在可折叠显示屏的展开状态下屏幕绘制区域 为全屏，宽为L，高为M，如图10D中的(d)所示。
其中，目标界面适应折叠状态的大小与可折叠显示屏在折叠状态下的屏幕绘制区域的大小相同，如图10D中的(a)所示。目标界面适应展开状态的大小与可折叠显示屏在展开状态下的屏幕绘制区域的大小相同，且为目标界面的默认大小，如图10D中的(d)所示。
在处理器确定所述可折叠显示屏进入从折叠状态切换到展开状态的过程中时，获取默认大小的目标界面，先将默认大小的目标界面调整为适应折叠状态的大小，然后再显示到可折叠显示屏中，如图10D中的(a)所示，此时目标界面宽的拉伸比例为N/L，高的拉伸比例为L/M。然后，所述处理器通过对屏幕绘制区域进行位置设置，以改变屏幕绘制区域的显示方向，以及对所述目标界面进行重置，如图10C中的(c)所示，相对于图10D中的(a)的目标界面，此时重置后的初始界面的高的拉伸比例为N/M(即(L/M)*(N/L))，宽的拉伸比例为1.0(即(N/L)*(L/N))。
继续参阅10D中的(c)和(d)所示，随着所述可折叠显示屏从折叠状态切换到展开状态过程的继续进行，发生变化的目标边界为目标界面的高。那么所述处理器可以调用窗口管理器，然后针对初始界面的创建ScaleAnimation函数，并设置所述ScaleAnimation函数中的高的拉伸比例从N/M逐渐变化为1.0(即(N/M)*(M/N))，以在高方向上继续对所述目标界面进行拉伸，使所述目标界面的从适应折叠状态的大小逐渐变化为适应展开状态的大小。
最后当所述可折叠显示屏的状态切换过程结束，所述可折叠显示屏的状态为展开状态时，所述目标界面的最后的拉伸比例为：宽方向为1.0，高方向为1.0(即最后所述目标界面被调整为默认大小)。之后，用户需要旋转电子设备，以便观看界面，如图10D中的(d)和(e)所示。
当所述目标界面的大小变化方式为从预设界面大小逐渐变化为适应所述第二状态的大小时，所述处理器可以通过以下步骤调整所述目标界面显示比例实现：根据从第三比例逐渐变化到第四比例的显示比例，在所述可折叠显示屏中显示大小变化的目标界面。其中，所述第三比例为所述预设界面大小与所述目标界面默认大小之间的比例，所述第四比例为适应第二状态的大小与所述目标界面默认大小之间的比例。
当所述初始界面的大小变化方式为从适应所述第一状态的大小逐渐缩小直至消失时，所述处理器可以通过以下步骤调整所述初始界面显示比例实现：根据从第五比例逐渐变化到0的显示比例，在所述可折叠显示屏中显示大小变化的目标界面。其中，所述第五比例为所述适应第一状态的大小与所述初始界面默认大小之间的比例。
在状态切换过程中，当目标界面的动态变化还包括从透明变化为不透明的透明度变化时，所述处理器可以调用窗口管理器，然后针对目标界面创建透明度动画函数AlphaAnimation，然后调整该透明度动画函数中的透明度变量从0.0变化到1.0，并根据变化的透明度变量显示目标界面，以使所述目标界面从透明逐渐变化为不透明。
类似的，在状态切换过程中，当初始界面的动态变化包括从不透明变化为透明的透明 度变化时，所述处理器可以调用窗口管理器，然后针对所述初始界面创建透明度动画函数AlphaAnimation，然后调制该透明度动画函数中的透明度变量从1.0变化到0.0，并根据变化的透明度变量显示目标界面，以使所述初始界面从不透明逐渐变化为透明。
在状态切换过程中，当初始界面/目标界面的动态变化包括颜色变化或形状变化等其他变化时，所述处理器可以调用窗口管理器，然后针对初始界面/目标界面创建相应的动画函数，并通过调整该动画函数中的变量的取值，使所述初始界面/目标界面产生以上颜色变化或者形状变化等其他变化。
需要说明的是，在目标界面和初始界面均是通过绘制在屏幕绘制区域包含的surface中显示的场景中，目标界面和初始界面分别显示在屏幕绘制区域的不同surface中。例如图3C和图3D所示，其中，surface 1中显示初始界面，而surface 2中显示目标界面。通过对屏幕绘制区域的显示原理的说明，我们知道，屏幕绘制区域最终显示的界面实质上是该屏幕绘制区域包含的各个surface中显示的界面叠加起来的综合界面。并且当surface 1中的初始界面为不透明时，屏幕绘制区域最终显示的界面为初始界面，即用户只能看到初始界面，看不到目标界面。只有当surface 1中的初始界面发生透明度变化时，屏幕绘制区域才能显示出目标界面，此时用户的视觉效果为初始界面和目标界面的叠加。
下面对可折叠显示屏的状态切换过程中的初始界面和目标界面的叠加起来的视觉效果进行示例性说明。
参阅图11A所示，在可折叠显示屏从展开状态切换为折叠状态的状态切换过程中，在屏幕绘制区域中的surface 2中显示的目标界面，以及在surface 1中显示的初始界面均从适应展开状态的大小逐渐变为适应折叠状态的大小，且在状态切换过程中，随着展开角度的越来越小，初始界面的透明度变量逐渐变小，初始界面从不透明逐渐变为透明，当可折叠显示屏的状态为折叠状态后，初始界面不再可视，用户只能看到清晰的目标界面。
参阅图11B所示，在可折叠显示屏从展开状态切换为折叠状态的状态过程中，在屏幕绘制区域中的surface 2中显示的目标界面，以及在surface 1中显示的初始界面均从适应展开状态的大小逐渐变为适应折叠状态的大小，且在状态切换过程中，随着展开角度的越来越小，初始界面的透明度变量逐渐变小，初始界面从不透明逐渐变为透明，同时目标界面的透明度变量逐渐增大，目标界面从透明逐渐变为不透明，最终当可折叠显示屏的状态为折叠状态后，初始界面不再可视，用户只能看到清晰的目标界面。
需要说明的是，在其他实施例中，surface 1中显示目标界面，而surface 2中显示初始界面也可以，界面透明度按照需求做调整即可，本申请不再赘述。
在本申请以上实施例中，涉及的目标界面可以为图像，也可以为窗口。所述初始界面可以为图像或窗口。本申请对此不作限定。本申请以上实施例中提供的具体实现方式仅是举例说明，尤其对于一些呈现效果，本领域普通技术人员容易对实现方式做调整即可实现相同或类似的效果，这种调整也应在本申请保护范围之内。
为了使可折叠显示屏在状态切换过程开始时显示给用户的界面不会出现突变，处理器可以在确定可折叠显示屏进入从第一状态切换到第二状态的过程时，对可折叠显示屏在所述第一状态下最后显示的界面(初始界面)进行截图，然后通过对所述截图进行动态变化， 即以上实施例中电子设备可以通过显示动态变化的初始界面截图，呈现给用户动态变化的初始界面，进而实现可折叠显示屏的状态切换过程中界面切换的平滑过渡。
另外，当所述目标界面为窗口时，即处理器可以通过显示大小变化(以及透明度变化等其他变化)的窗口，呈现给用户动态变化的目标界面。其中所述窗口中可以显示有图标、图片、文字等多种内容，当所述处理器控制窗口实现动态变化过程中，所述窗口中显示的内容也需要同步变化。
基于相同的技术构思，本申请还提供了一种电子设备，所述电子设备用于实现以上实施例提供的显示方法。参阅图12所示，所述电子设备包括：处理器1201、存储器1202，可折叠显示屏1203。
其中，所述处理器1201与其他部件与之间相互连接。可选的，所述处理器1201和其他部件可以通过总线相互连接；所述总线可以是外设部件互连标准(peripheral component interconnect，PCI)总线或扩展工业标准结构(extended industry standard architecture，EISA)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示，图12中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
所述可折叠显示屏1203，用于显示界面，可以包括至少一个显示屏。
所述处理器1201，用于实现以上实施例提供的显示方法，具体可以参见上述实施例中的描述，此处不再赘述。
在一些实施方式中，所述终端设备1200还可以包括摄像头、各种传感器、收发器等。其中，所述收发器，用于接收和发送数据。示例性的，所述收发器可以为图5所示的电子设备中的移动通信模块150，和/或，无线通信模块160。
所述存储器1202，用于存放计算机程序和数据等。具体地，计算机程序可以包括程序代码，该程序代码包括计算机操作的指令。存储器1202可能包含随机存取存储器(random access memory，RAM)，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。所述处理器1201执行所述存储器1202所存放的程序指令，并通过上述各个部件，实现上述功能，从而最终实现以上实施例提供的显示方法。
基于以上实施例，本申请实施例还提供了一种计算机程序，当所述计算机程序在计算机上运行时，使得所述计算机执行以上实施例提供的显示方法。
基于以上实施例，本申请实施例还提供了一种计算机存储介质，该计算机存储介质中存储有计算机程序，所述计算机程序被计算机执行时，使得计算机执行以上实施例提供的显示方法。
基于以上实施例，本申请实施例还提供了一种芯片，所述芯片用于读取存储器中存储的计算机程序，实现以上实施例提供的显示方法。
基于以上实施例，本申请实施例提供了一种芯片系统，该芯片系统包括处理器，用于支持以上实施例中电子设备所涉及的功能。在一种可能的设计中，所述芯片系统还包括存储器，所述存储器用于保存该计算机装置必要的程序和数据。该芯片系统，可以由芯片构成，也可以包含芯片和其他分立器件。
基于以上实施例，本申请实施例还提供了一种电子设备上的图形用户界面，其中，所述电子设备具有可折叠显示屏、存储器，以及处理器，所述处理器用于执行存储在所述存储器中的计算机程序，所述图形用户界面包括所述电子设备执行以上实施例提供的显示方 法时显示的图形用户界面。
综上所述，本申请提供一种显示方法及电子设备，在电子设备的可折叠显示屏的状态切换过程中，所述电子设备可以在所述可折叠显示屏中显示大小变化的目标界面。这样，该方案可以达到可折叠显示屏的状态切换过程中界面切换的平滑过渡，从而实现所述目标界面的大小变化与实际可折叠显示屏的状态切换过程相贴合的视觉效果，提高用户的视觉体验。
本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
另外，需要理解的是，在本申请的描述中，“第一”、“第二”等词汇，仅用于区分描述的目的，而不能理解为指示或暗示相对重要性，也不能理解为指示或暗示顺序。
以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括例如“一个或多个”这种表达形式，除非其上下文中明确地有相反指示。还应当理解，在本申请实施例中，“一个或多个”是指一个、两个或两个以上；“和/或”，描述关联对象的关联关系，表示可以存在三种关系；例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。
在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (21)

  1. 一种显示方法，应用于配置有可折叠显示屏的电子设备，其特征在于，包括：
    在所述可折叠显示屏从第一状态切换到第二状态的过程中，在所述可折叠显示屏中显示大小变化的目标界面；
    其中，当所述第一状态为展开状态时所述第二状态为折叠状态，当所述第一状态为折叠状态时，所述第二状态为展开状态；所述目标界面为所述可折叠显示屏在切换到所述第二状态后需要显示的首个界面。
  2. 如权利要求1所述的方法，其特征在于，在所述可折叠显示屏中显示大小变化的目标界面，包括：
    在所述可折叠显示屏中显示大小变化，且从透明逐渐变化为不透明的所述目标界面。
  3. 如权利要求1或2所述的方法，其特征在于，在所述可折叠显示屏从第一状态切换到第二状态的过程中，所述方法还包括：
    在所述可折叠显示屏中显示动态变化的初始界面，其中，所述初始界面为所述可折叠显示屏在状态切换前，在所述第一状态下最后显示的界面。
  4. 如权利要求3所述的方法，其特征在于，所述动态变化包括：大小变化，和/或，从不透明变化到透明。
  5. 如权利要求3或4所述的方法，其特征在于，显示动态变化的初始界面的时间与显示大小变化的目标界面的时间存在重叠。
  6. 如权利要求1-5任一项所述的方法，其特征在于，所述大小变化，包括：
    从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小。
  7. 如权利要求1-6任一项所述的方法，其特征在于，在所述可折叠显示屏中显示大小变化的目标界面，包括：
    根据从第一比例逐渐变化到第二比例的显示比例，在所述可折叠显示屏中显示大小变化的目标界面，其中，所述第一比例为适应所述第一状态的大小与所述目标界面默认大小之间的比例，所述第二比例为适应所述第二状态的大小与所述目标界面默认大小之间的比例。
  8. 如权利要求1-6任一项所述的方法，其特征在于，所述目标界面显示在所述可折叠显示屏的显示平面surface中，在所述可折叠显示屏中显示大小变化的目标界面，包括：
    调整显示有所述目标界面的所述surface的大小；或者
    调整所述目标界面的大小，并在所述surface中显示大小变化的所述目标界面。
  9. 一种电子设备，其特征在于，所述电子设备可折叠显示屏和处理器，其中，
    所述可折叠显示屏，用于显示界面；
    所述处理器，用于在所述可折叠显示屏从第一状态切换到第二状态的过程中，在所述可折叠显示屏中显示大小变化的目标界面；
    其中，当所述第一状态为展开状态时所述第二状态为折叠状态，当所述第一状态为折叠状态时，所述第二状态为展开状态；所述目标界面为所述可折叠显示屏在切换到所述第二状态后需要显示的首个界面。
  10. 如权利要求9所述的电子设备，其特征在于，所述处理器，在所述可折叠显示屏中显示大小变化的目标界面时，具体用于：
    在所述可折叠显示屏中显示大小变化，且从透明逐渐变化为不透明的所述目标界面。
  11. 如权利要求9或10所述的电子设备，其特征在于，所述处理器，还用于：
    在所述可折叠显示屏从第一状态切换到第二状态的过程中，在所述可折叠显示屏中显示动态变化的初始界面，其中，所述初始界面为所述可折叠显示屏在状态切换前，在所述第一状态下最后显示的界面。
  12. 如权利要求11所述的电子设备，其特征在于，所述动态变化包括：大小变化，和/或，从不透明变化到透明。
  13. 如权利要求11或12所述的电子设备，其特征在于，显示动态变化的初始界面的时间与显示大小变化的目标界面的时间存在重叠。
  14. 如权利要求9-13任一项所述的电子设备，其特征在于，所述大小变化，包括：
    从适应所述第一状态的大小逐渐变化为适应所述第二状态的大小。
  15. 如权利要求9-14任一项所述的电子设备，其特征在于，所述处理器在所述可折叠显示屏中显示大小变化的目标界面时，具体用于：
    根据从第一比例逐渐变化到第二比例的显示比例，在所述可折叠显示屏中显示大小变化的目标界面，其中，所述第一比例为适应所述第一状态的大小与所述目标界面默认大小之间的比例，所述第二比例为适应所述第二状态的大小与所述目标界面默认大小之间的比例。
  16. 如权利要求9-14任一项所述的电子设备，其特征在于，所述目标界面显示在所述可折叠显示屏的显示平面surface中，所述处理器在所述可折叠显示屏中显示大小变化的目标界面时，具体用于：
    调整显示有所述目标界面的所述surface的大小；或者
    调整所述目标界面的大小，并在所述surface中显示大小变化的所述目标界面。
  17. 一种电子设备，其特征在于，所述电子设备包括：可折叠显示屏、处理器，以及存储器；其中，所述存储器存储有计算机程序，所述计算机程序包括指令，当所述指令被所述处理器执行时，使得所述电子设备执行如权利要求1-8任一项所述的方法。
  18. 一种计算机存储介质，其特征在于，所述计算机存储介质中存储有计算机程序，当计算机程序在电子设备上运行时，使得所述电子设备执行如权利要求1-8任一项所述的方法。
  19. 一种计算机程序，其特征在于，包括指令，当所述指令在计算机上运行时，使得所述计算机执行如权利要求1-8任一项所述的方法。
  20. 一种芯片，其特征在于，所述芯片用于读取存储器中存储的计算机程序，执行如权利要求1-8任一项所述的方法。
  21. 一种电子设备上的图形用户界面，其特征在于，所述电子设备具有可折叠显示屏、存储器，以及处理器，所述处理器用于执行存储在所述存储器中的计算机程序，所述图形用户界面包括所述电子设备执行如权利要求1-8中任一项所述的方法时显示的图形用户界面。
PCT/CN2020/099463 2019-09-10 2020-06-30 显示方法及电子设备 WO2021047251A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
KR1020227011848A KR20220058955A (ko) 2019-09-10 2020-06-30 디스플레이 방법 및 전자 디바이스
US17/691,908 US12050831B2 (en) 2019-09-10 2022-03-10 Display method and electronic device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910854073.XA CN112558898A (zh) 2019-09-10 2019-09-10 显示方法及电子设备
CN201910854073.X 2019-09-10

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/691,908 Continuation US12050831B2 (en) 2019-09-10 2022-03-10 Display method and electronic device

Publications (1)

Publication Number Publication Date
WO2021047251A1 true WO2021047251A1 (zh) 2021-03-18

Family

ID=74866007

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/099463 WO2021047251A1 (zh) 2019-09-10 2020-06-30 显示方法及电子设备

Country Status (4)

Country Link
US (1) US12050831B2 (zh)
KR (1) KR20220058955A (zh)
CN (1) CN112558898A (zh)
WO (1) WO2021047251A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP4319117A4 (en) * 2021-04-28 2024-10-09 Guangdong Oppo Mobile Telecommunications Corp Ltd DISPLAY METHOD AND DEVICE, COMPUTER-READABLE MEDIUM AND ELECTRONIC DEVICE

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113193332B (zh) * 2021-04-29 2024-08-16 维沃移动通信有限公司 天线激励功率的调整方法及电子设备
CN114003161A (zh) * 2021-10-12 2022-02-01 深圳柔显系统技术有限公司 图像处理方法、电子设备及存储介质
CN117008852A (zh) * 2022-04-28 2023-11-07 华为技术有限公司 具有柔性屏幕的电子设备的显示方法和电子设备
CN117369758A (zh) * 2022-06-30 2024-01-09 华为技术有限公司 一种电子设备的显示方法、装置和存储介质
KR20240003374A (ko) * 2022-06-30 2024-01-09 삼성디스플레이 주식회사 표시 장치 및 그것의 구동 방법
WO2024005615A1 (ko) * 2022-07-01 2024-01-04 삼성전자 주식회사 전자 장치 및 전자 장치의 디스플레이 제어 방법
CN117111796A (zh) * 2023-04-28 2023-11-24 荣耀终端有限公司 一种协同显示方法、设备及介质
CN116954543A (zh) * 2023-09-19 2023-10-27 荣耀终端有限公司 一种显示方法、电子设备及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140218375A1 (en) * 2013-02-05 2014-08-07 Lg Electronics Inc. Device equipped with flexible display and controlling method thereof
CN105320352A (zh) * 2014-07-31 2016-02-10 三星电子株式会社 柔性装置及其接口方法
CN106933330A (zh) * 2017-03-13 2017-07-07 维沃移动通信有限公司 一种显示控制方法及移动终端
CN108064371A (zh) * 2016-12-27 2018-05-22 深圳市柔宇科技有限公司 一种柔性显示屏的控制方法及装置
CN108766235A (zh) * 2018-03-31 2018-11-06 上海创功通讯技术有限公司 卷轴式柔性屏、显示控制方法及存储介质
CN110119295A (zh) * 2019-04-16 2019-08-13 华为技术有限公司 一种显示控制方法及相关装置
CN110673697A (zh) * 2019-09-23 2020-01-10 Oppo广东移动通信有限公司 电子设备的控制方法、装置、电子设备及存储介质

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9812074B2 (en) * 2011-03-18 2017-11-07 Blackberry Limited System and method for foldable display
US10254863B2 (en) * 2014-12-19 2019-04-09 Lg Electronics Inc. Mobile terminal
WO2018107421A1 (zh) * 2016-12-15 2018-06-21 深圳市柔宇科技有限公司 柔性显示屏的显示控制方法及装置
KR20180129432A (ko) * 2017-05-26 2018-12-05 엘지전자 주식회사 이동 단말기 및 그 제어방법

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140218375A1 (en) * 2013-02-05 2014-08-07 Lg Electronics Inc. Device equipped with flexible display and controlling method thereof
CN105320352A (zh) * 2014-07-31 2016-02-10 三星电子株式会社 柔性装置及其接口方法
CN108064371A (zh) * 2016-12-27 2018-05-22 深圳市柔宇科技有限公司 一种柔性显示屏的控制方法及装置
CN106933330A (zh) * 2017-03-13 2017-07-07 维沃移动通信有限公司 一种显示控制方法及移动终端
CN108766235A (zh) * 2018-03-31 2018-11-06 上海创功通讯技术有限公司 卷轴式柔性屏、显示控制方法及存储介质
CN110119295A (zh) * 2019-04-16 2019-08-13 华为技术有限公司 一种显示控制方法及相关装置
CN110673697A (zh) * 2019-09-23 2020-01-10 Oppo广东移动通信有限公司 电子设备的控制方法、装置、电子设备及存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP4319117A4 (en) * 2021-04-28 2024-10-09 Guangdong Oppo Mobile Telecommunications Corp Ltd DISPLAY METHOD AND DEVICE, COMPUTER-READABLE MEDIUM AND ELECTRONIC DEVICE

Also Published As

Publication number Publication date
CN112558898A (zh) 2021-03-26
KR20220058955A (ko) 2022-05-10
US12050831B2 (en) 2024-07-30
US20220269463A1 (en) 2022-08-25

Similar Documents

Publication Publication Date Title
WO2021047251A1 (zh) 显示方法及电子设备
WO2021027747A1 (zh) 一种界面显示方法及设备
WO2021043223A1 (zh) 一种分屏显示方法及电子设备
CN112714901B (zh) 系统导航栏的显示控制方法、图形用户界面及电子设备
WO2021120914A1 (zh) 一种界面元素的显示方法及电子设备
CN114115619B (zh) 一种应用程序界面显示的方法及电子设备
WO2022022177A1 (zh) 一种显示方法及电子设备
CN114115769A (zh) 一种显示方法及电子设备
WO2023103951A1 (zh) 一种折叠屏的显示方法及相关装置
CN114756184B (zh) 协同显示方法、终端设备及计算机可读存储介质
WO2023179428A1 (zh) 一种界面的自适应显示方法及终端设备
CN110830645A (zh) 一种操作方法和电子设备
WO2023005751A1 (zh) 渲染方法及电子设备
CN117687586A (zh) 一种电子设备、显示方法、芯片系统及可读存储介质
WO2023011215A1 (zh) 一种显示方法及电子设备
JP7444527B2 (ja) インタフェース表示方法および電子デバイス
WO2023207694A1 (zh) 一种显示方法、装置及存储介质
CN115328592B (zh) 显示方法及相关装置
WO2024179249A1 (zh) 一种电子设备的显示方法、电子设备及存储介质
CN114625303B (zh) 窗口显示方法、终端设备及计算机可读存储介质
WO2024199196A1 (zh) 一种桌面管理方法、系统和电子设备
WO2024066990A1 (zh) 屏幕壁纸的显示方法及电子设备
EP4180949A1 (en) Method and apparatus for generating graffiti patterns, electronic device, and storage medium
EP4290345A1 (en) Cursor display method and electronic device
WO2024152676A1 (zh) 一种窗口管理方法以及电子设备

Legal Events

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

Ref document number: 20863024

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 20227011848

Country of ref document: KR

Kind code of ref document: A

122 Ep: pct application non-entry in european phase

Ref document number: 20863024

Country of ref document: EP

Kind code of ref document: A1