WO2022142799A1 - 内容显示方法、装置、电子设备及存储介质 - Google Patents

内容显示方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
WO2022142799A1
WO2022142799A1 PCT/CN2021/130938 CN2021130938W WO2022142799A1 WO 2022142799 A1 WO2022142799 A1 WO 2022142799A1 CN 2021130938 W CN2021130938 W CN 2021130938W WO 2022142799 A1 WO2022142799 A1 WO 2022142799A1
Authority
WO
WIPO (PCT)
Prior art keywords
content
interface
display area
interface content
content display
Prior art date
Application number
PCT/CN2021/130938
Other languages
English (en)
French (fr)
Inventor
张骕珺
卢建强
李由
张明华
Original Assignee
Oppo广东移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Priority to EP21913542.3A priority Critical patent/EP4270164A4/en
Publication of WO2022142799A1 publication Critical patent/WO2022142799A1/zh
Priority to US18/215,171 priority patent/US20230342002A1/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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • 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/1624—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 sliding enclosures, e.g. sliding keyboard or display
    • 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/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1652—Details related to the display arrangement, including those related to the mounting of the display in the housing the display being flexible, e.g. mimicking a sheet of paper, or rollable
    • 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/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1675—Miscellaneous details related to the relative movement between the different enclosures or enclosure parts
    • G06F1/1677—Miscellaneous details related to the relative movement between the different enclosures or enclosure parts for detecting open or closed state or particular intermediate positions assumed by movable parts of the enclosure, e.g. detection of display lid position with respect to main body in a laptop, detection of opening of the cover of battery compartment
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

Definitions

  • the present application relates to the field of computer technology, and more particularly, to a content display method, apparatus, electronic device, and storage medium.
  • the electronic device can only display the content of one interface on the same screen, thus resulting in limited visible information.
  • the present application proposes a content display method, apparatus, electronic device and storage medium to improve the above problems.
  • the present application provides a content display method, which is applied to an electronic device including a display screen, and the size of a content display area of the display screen is adjustable, and the method includes: displaying in the content display area first interface content; in response to the increase of the content display area, additionally display second interface content in the content display area, where the second interface content is interface content corresponding to the first interface content.
  • the present application provides a content display device, which runs on an electronic device including a display screen, the size of the content display area of the display screen is adjustable, and the device includes: a content display unit for The first interface content is displayed in the content display area; the content display control unit is configured to increase and display the second interface content in the content display area in response to the increase of the content display area, and the second interface content is: Interface content corresponding to the first interface content.
  • the present application provides an electronic device including a processor and a memory; one or more programs are stored in the memory and configured to be executed by the processor to implement the above method.
  • the present application provides a computer-readable storage medium, where a program code is stored in the computer-readable storage medium, wherein the above-mentioned method is executed when the program code is executed by a startup controller.
  • FIG. 1 shows a schematic diagram of an electronic device in an embodiment of the present application from a normal form to a middle unfolded form
  • FIG. 2 shows a schematic diagram of an electronic device in an embodiment of the present application from a middle unfolded state to a fully unfolded state;
  • FIG. 3 shows a flowchart of a content display method proposed by an embodiment of the present application
  • FIG. 4 shows a schematic diagram of a first interface content and a second interface content in an embodiment of the present application
  • FIG. 5 shows a schematic diagram of another first interface content and second interface content in an embodiment of the present application
  • FIG. 6 shows a schematic diagram of still another first interface content and second interface content in an embodiment of the present application
  • FIG. 7 shows a schematic diagram of still another prompt information interface in an embodiment of the present application.
  • FIG. 8 shows a flowchart of a content display method proposed by another embodiment of the present application.
  • FIG. 9 shows a schematic diagram of adding and displaying second interface content in the content display area in an embodiment of the present application.
  • FIG. 10 shows a schematic diagram of canceling display of the second interface content in the content display area in an embodiment of the present application
  • FIG. 11 shows another schematic diagram of adding and displaying second interface content in the content display area in an embodiment of the present application
  • FIG. 12 shows a schematic diagram of a second interface content following the movement of the display screen in an embodiment of the present application
  • FIG. 13 shows a schematic diagram of replacing the content of the first interface in an embodiment of the present application
  • FIG. 14 shows a flowchart of a content display method proposed by still another embodiment of the present application.
  • FIG. 15 shows a structural block diagram of an image processing apparatus proposed by an embodiment of the present application.
  • FIG. 16 shows a structural block diagram of an electronic device of the present application for executing the content display method according to an embodiment of the present application
  • FIG. 17 is a storage unit for storing or carrying a program code for implementing the content display method according to the embodiment of the present application according to the embodiment of the present application.
  • visual interface content is usually configured to display text or image content to users.
  • some interface contents can also be used to facilitate the user to control the electronic device.
  • the electronic device can play video content.
  • the user in the setting interface of the electronic device, the user can set the electronic device through the setting interface.
  • the electronic device can only display the content of one interface on the same screen, resulting in limited visible information. Moreover, if the user triggers to enter the interface of a new level, the interface of the new level will cover the interface of the original level, and sometimes because of this situation, it will cause inconvenience to the user, resulting in poor interface display flexibility. .
  • the inventor proposes a content display method, device, electronic device and storage medium that can improve the above problems in the present application.
  • the content display area is that the display screen includes In the case of a visible area in the display area of The second interface content corresponding to the first interface content.
  • the second interface content can be displayed in the content display area as the content display area increases, so that the content display area can be displayed in the content display area.
  • the first interface content and the second interface content corresponding to the first interface content are simultaneously displayed in the area, thereby improving interface display flexibility and improving user experience.
  • the method provided in this embodiment may further include the following process: increasing the content display area in response to a first operation, where the first operation is used to instruct the electronic device to control the display screen to increase the content display area.
  • the first operation is a designated operation acting on a physical control of the electronic device.
  • the first operation is a touch operation acting on a first virtual key of the electronic device.
  • the method provided in this embodiment may further include the following process: during the process of increasing the content display area, move the first interface content along the first direction, and the second interface content from the first side of the electronic device It is gradually presented along the first direction, and the first side is the side opposite to the first direction.
  • the position of the second interface content remains unchanged relative to the first side of the electronic device.
  • the method provided in this embodiment may further include the following process: during the process of increasing the content display area, move the second interface content along the second direction, and the second interface content is changed from the first interface content to the first interface content. It is gradually presented along the second direction from one side, and the first side of the first interface content is the side corresponding to the second direction.
  • the location of the first interface content remains unchanged relative to the second side of the electronic device.
  • the method provided in this embodiment may further include the following process: if an operation to increase the content display area is detected, and the first interface content is the interface content of a later level, the content display area is increased, and the content display area is enlarged. The second interface content is displayed in the content display area.
  • the method provided by this embodiment may further include the following process: if an operation to increase the content display area is detected, and the first interface content is the interface content of the first level, increase the content display area, and Add the specified content to be displayed in the content display area.
  • the method provided in this embodiment may further include the following process: if a selection operation acting on the second interface content is detected, acquiring a target interface content option in the second interface content, where the target interface content option is selection The interface content option acted on by the operation; replace the first interface content with the interface content corresponding to the target interface content option.
  • the method provided in this embodiment may further include the following process: in response to the reduction of the content display area, reducing the content display area, and canceling the display of the second interface content in the content display area.
  • the method provided in this embodiment may further include the following process: in response to the reduction of the content display area, reducing the content display area; wherein, in the process of reducing the content display area, maintaining the second interface The position of the content remains unchanged relative to the first side of the electronic device, and the first interface content is moved to the second direction and stacked on the second interface content, so that the second interface content is invisible.
  • the method provided in this embodiment may further include the following process: based on the extent of expansion of the content display area, controlling the display position of the second interface content to move to the first side, so that the position of the second interface content is relative to the electronic The first side of the device remains the same.
  • the method provided by this embodiment may further include the following process: if an operation of increasing the content display area is detected, detecting whether the interface extended display function is enabled; if the interface extended display function is enabled, increasing the content In the display area, the second interface content is added and displayed in the content display area, and the second interface content is the interface content corresponding to the first interface content; if the interface extension display function is not turned on, the content display area is enlarged and the first interface content is enlarged. The size of the interface content.
  • the method provided in this embodiment may further include the following process: when the interface extension function is in an enabled state, in response to a reduction operation of the content display area, reducing the content display area, and in the content display area The display of the second interface content is cancelled in the area; when the interface extension function is not enabled, in response to the reduction operation of the content display area, the content display area is reduced, and the size of the first interface content is restored.
  • the second interface content is interface content at a previous level corresponding to the first interface content.
  • the electronic device may have various forms.
  • the electronic device may include a normal shape, an intermediate unfolded shape, and a fully unfolded shape.
  • the image on the left in Figure 1 shows the electronic device in its normal form.
  • part of the display area of the display screen 10 is visible, and another part of the display area is hidden in the hidden part of the electronic device.
  • the hidden part may be the inside of the electronic device or the back of the electronic device.
  • the size of the visible area in the display area of the display screen 10 is the smallest.
  • the portion with the width w1 in FIG. 1 is the range corresponding to the visible area in the display screen 10 .
  • the display screen 10 can move toward the direction shown by the arrow in FIG. 1 , so that the display area originally hidden in the hidden part of the electronic device gradually becomes visible. It can be understood that, after the hidden area is exposed and in the visible state, it is converted into the visible area. For example, as shown in the image on the right in FIG. 1, with the movement of the display screen 10, the width of the originally visible area of the display screen 10 increases from w1 to w2, then the increased width of the display area of w2-w1 is given by The display area where the hidden state transitions to the visible state.
  • the form of the electronic device when there is still a hidden part in the display area of the display screen 10, the form of the electronic device can be understood as a middle unfolded form.
  • the display screen 10 can finally be displayed in the fully expanded state shown in the image on the right in FIG. 2 .
  • the display screen 10 In the fully expanded state, the display screen 10 is originally hidden in the electronic device. Part of the hidden part can be completely exposed, so that the width of the visible area in the display area of the display screen 10 is increased to w3. And, in the fully unfolded state, the size of the visible area in the display area of the display screen 10 is the largest.
  • the display screen may move (for example, extend or retract) along with the rotation of the shaft disposed at one end of the electronic device, so as to allow the display screen to be placed in the display area of the display screen. part of the displayed area is hidden or the hidden area is turned into a visible area.
  • the display screen in order to facilitate that the display screen can be extended or retracted with the rotation of the shaft, can be a flexible screen.
  • the content display area mentioned in the content of the subsequent embodiments may be the visible area shown in FIG. 1 and FIG. 2 .
  • a content display method provided by an embodiment of the present application is applied to an electronic device including a display screen.
  • the size of the content display area of the display screen can be adjusted, and the content display area is the display screen.
  • the method includes:
  • S110 Display the first interface content in the content display area.
  • the first interface content may be a variety of interface contents, and the contents included in the first interface content are different in different display scenarios.
  • the first interface content may be video playback content.
  • the electronic device can start to play the selected video content in the content display area of the display screen, and the video content that starts to be played in the content display area of the display screen can be understood as the first interface content.
  • the first interface content may be the content of the setting interface.
  • the electronic device may display the content of the setting interface in the content display area.
  • the electronic device detects an instruction to enter the setting interface by touch, it can display the content of the corresponding setting interface according to the content of the instruction. For example, if the electronic device detects an instruction to enter the setting interface by touch, and the content of the instruction is to enter the setting interface of the first level, the electronic device will display the content of the setting interface of the first level in the content display area, corresponding to The content of the setting interface of the first level is the current first interface content.
  • the electronic device If the electronic device detects an instruction to enter the setting interface by touch, and the content of the instruction is to enter the specified second-level setting interface, the electronic device will display the specified second-level setting interface in the content display area.
  • content, the content of the corresponding setting interface of the second level is the current content of the first interface.
  • the first interface content may be the content of the game interface.
  • the electronic device detects an instruction to start a specified game during operation, it will display the interface content of the specified game in the content display area, then the displayed interface content of the specified game is the current interface content. The content of the first interface.
  • S110 can be executed when the electronic device is in the normal state shown in FIG. 1 , or can be executed when the electronic device is in the middle expanded state shown in the image on the right in FIG. 1 .
  • the electronic device when the hidden area in the display screen of the electronic device is not completely exposed to the outside of the electronic device, it also means that the electronic device can increase the content display area.
  • the content display area may be increased in response to a first operation, the first operation being used to instruct the electronic device to control the display screen to increase the content display area.
  • the first operation may be implemented in various manners.
  • the specified operation can be triggered by acting on the physical controls of the electronic device.
  • the specified operation acting on the physical controls of the electronic device is the first operate.
  • the electronic device detects a specified operation acting on the entity control, it is determined that an operation of increasing the content display area is detected.
  • the physical key may be a power key, and the specified operation may be a sliding operation along the first specified direction. Furthermore, the physical key may also be a volume increase key, and the designated operation may be a pressing operation whose pressing duration is greater than the duration threshold. It should be noted that the aforementioned power key and volume up key are only exemplary, and in this embodiment of the present application, any physical key included in the electronic device may be configured to trigger the display of the content if it is detected to increase The key for the operation of the area.
  • the first designated virtual key of the electronic device can be touched.
  • the first designated virtual key may be configured on the shortcut bar, and optionally, the first designated virtual key may be configured on the desktop.
  • Second interface content wherein, adding and displaying the second interface content in the content display area can be understood as displaying the second interface content in the content display area under the condition that the original first interface content continues to be displayed.
  • the image on the left side of FIG. 4 shows the display state when only the first interface content 11 is displayed in the content display area. If the image on the left side of the image shown in FIG. 4 is in the state, If the operation of increasing the content display area is detected, and the second interface content corresponding to the first interface content 11 is obtained as the second interface content 12, then as shown in the image on the right side of FIG. The second interface content 12 is displayed in the content display area.
  • increasing the content display area can be understood as making more hidden areas in the display area of the display screen converted into visible areas, so that the content display area can be displayed in the content display area.
  • a second interface content corresponding to an interface content can be understood as having a certain relationship with each other, and the way of the relationship is different in different scenarios.
  • the association relationship may include setting an association between interface levels.
  • the association between multiple levels of setting interfaces For example, in the setting interface scenario, the association between multiple levels of setting interfaces.
  • the first interface content 11 shown in FIG. 4 is the content of the sound and vibration setting interface
  • the second interface content 12 is the content of setting the main interface
  • the setting interface level association between the contents 12 is that the second interface content 12 is the interface content of the previous level of the first interface content 11
  • the first interface content 11 is the interface content of the subsequent level of the second interface content 12 . Therefore, in this way, the electronic device can simultaneously display the setting interfaces of multiple levels on the display screen, so that the user can know the content of the setting interfaces of different levels at the same time without switching the setting interfaces.
  • the association relationship may include setting an association between interface levels.
  • the second interface content is added and displayed in the content display area, including: :
  • the content display area is enlarged, and the second interface content is added and displayed in the content display area,
  • the second interface content is the interface content of the previous level corresponding to the first interface content.
  • the content display area is enlarged, and a display is added in the content display area.
  • the specified content can be blank content, for example, a white picture.
  • the association relationship may include associations between multiple components.
  • the association between multiple components in the context of video playback.
  • a video playback component for executing video content playback and a video playback control component for controlling the video playback progress may be included, or a bullet screen component for displaying a bullet screen corresponding to the video content may also be included.
  • the video playback control component and the bullet screen component are associated with the video playback component. As shown in FIG.
  • the first interface content 13 is the video playback content
  • the second interface content corresponding to the first interface content 13 may be the interface content corresponding to the bullet screen component
  • the interface content (second interface content 14 ) corresponding to the bullet screen component corresponding to the first interface content 13 may be additionally displayed in the content display area. Therefore, in this manner, the bullet screen can be displayed without being overlaid on the video content, thereby preventing the bullet screen content from interfering with the video content.
  • the association relationship may include associations between multiple programs.
  • the user may also view the content of other applications, but if the electronic device directly switches to display the interface of another application, the interface of the other application will cover the game. interface, which in turn interferes with the operation of the game.
  • the electronic device when the electronic device is running a game, after the electronic device receives a message, the user may go back to view the content of the message, and then the electronic device will switch the game interface to the message display interface.
  • the content display area can be displayed in the increased content display area.
  • the message display interface is displayed in , so that the user can play the game and view the message at the same time without switching the interface. Exemplarily, as shown in FIG.
  • the electronic device displays the first interface content 15 (the content of the battle interface of two people shown in the figure), if an operation to increase the content display area is detected, then The content display area is enlarged, and the second interface content 16 (the chat interface content shown in FIG. 6 ) is additionally displayed in the content display area.
  • association relationship can also be configured by the user.
  • the interface content that is displayed in the content display area corresponds to which component.
  • the user may also choose to configure the association between the video playback control component and the video playback component. Then, after the association between the video playback control component and the video playback component, if the content of the first interface is the content of the video playback component for video playback, if the operation of increasing the content display area is detected, the corresponding The interface content corresponding to the video playback control component is added and displayed in the content display area as the second interface content.
  • the association relationship includes associations between a plurality of programs.
  • the user can configure which program the interface content added and displayed in the content display area belongs to.
  • multiple pairs of associated programs may be pre-established in the electronic device to generate a program association table. Then when a program is running, the content of the first interface is the interface content of the program currently running in the foreground. If the operation of increasing the content display area of the display screen is detected, the program association table can be queried to obtain the relevant information.
  • the program association table includes that program A is associated with program B, program C is associated with program D, and program E is associated with program F.
  • the program currently running in the foreground is program C
  • the first interface content is the interface content corresponding to program C
  • you can query the program association table to find out Obtain the program D associated with the program C associated with the program currently running in the foreground, and then add and display the interface content corresponding to the program D in the content display area as the second interface content.
  • the program itself may establish an associated relationship with other programs, and a plurality of components included in the program itself may also establish an associated relationship.
  • the video playback component, video playback control component and bullet chat component of the video playback application may have an association relationship.
  • the video playback application may be associated with There are also associations between other applications.
  • the electronic device detects that the program to which the first interface content belongs includes multiple association relationships. In this case, the user may be prompted to select a target association relationship from a variety of association relationships, and then the display of the second interface content is triggered according to the target association relationship.
  • the first interface content 15 may be acquired first.
  • the prompt information interface 17 may be displayed in the content display area.
  • options corresponding to each of the included association relationships may be displayed, so as to facilitate the user to select the second interface content by himself.
  • the component expansion is displayed as an option corresponding to the association relationship between multiple components
  • the program expansion therein is displayed as an option corresponding to the association relationship between other programs.
  • the second interface content will be determined based on the association relationship between multiple components; if it is detected that the user has selected the program extended display, the content of the second interface will be determined based on the association relationship with other programs. Determine the content of the second interface.
  • S130 In response to the reduction operation of the content display area, reduce the content display area, and cancel the display of the second interface content in the content display area.
  • reducing the content display area in the embodiment of the present application can be understood as gradually hiding the visible area in the display screen to the hidden part of the electronic device, thereby reducing the visible area and increasing the hidden area.
  • the reduction of the content display area can be triggered by acting on a specified operation on a physical control of the electronic device.
  • the electronic device detects a specified operation acting on the entity control, it is determined that an operation of reducing the content display area is detected.
  • the physical button may be a power button, and the specified operation may be a sliding operation along the second specified direction.
  • the second command direction is different from the aforementioned first command direction.
  • the physical key may also be a volume down key, and the specified operation may be a pressing operation whose pressing duration is greater than the duration threshold.
  • the aforementioned power key and volume up key are only exemplary, and in this embodiment of the present application, any physical key included in the electronic device may be used as a key configured to trigger an operation of reducing the content display area .
  • the reduction of the content display area may be triggered by touching the second designated virtual key of the electronic device.
  • the second designated virtual key may be configured on the shortcut bar, and optionally, the second designated virtual key may be configured on the desktop.
  • a content display method when the size of a content display area of a display screen can be adjusted, and the content display area is a visible area in the display area included in the display screen, when the content display area is After the first interface content is displayed in the display area, in response to the increase of the content display area, the second interface content corresponding to the first interface content is additionally displayed in the content display area. Therefore, through the above method, after the first interface content has been displayed, if the content display area is increased, the second interface content can be displayed in the content display area as the content display area increases, so that the content display area can be displayed in the content display area.
  • the first interface content and the second interface content corresponding to the first interface content are simultaneously displayed in the area, thereby improving interface display flexibility and improving user experience.
  • a content display method provided by an embodiment of the present application is applied to an electronic device including a display screen.
  • the size of the content display area of the display screen can be adjusted, and the content display area is the display screen.
  • the method includes:
  • S210 Display the first interface content in the content display area.
  • S220 In response to the increase of the content display area; wherein, in the process of increasing the content display area, move the first interface content along a first direction, and the second interface content is downloaded from the electronic device The first side is gradually presented along the first direction, and the first side is the side opposite to the first direction.
  • the leftmost image in FIG. 9 shows the first interface content 11 and the second interface in the process of changing the content display area of the electronic device from the normal form of the electronic device to the fully expanded form Display style for content 12.
  • the electronic device In the normal state, only the first interface content 11 is displayed in the content display area.
  • the electronic device if an operation of increasing the content display area is detected in a normal state, the electronic device will start to increase the content display area of the display screen, and may start to increase the content display area of the second screen at the same time.
  • the interface content layer 12 is stacked under the first interface content 11 .
  • the first interface content 11 will be moved along the first direction at the same time, thereby causing the electronic device to switch to the middle expanded form shown in the middle image in FIG. 9 .
  • the middle expanded state because the first interface content 11 has moved a certain distance along the first direction, a part of the second interface content 12 is already visible.
  • the content display area continues to increase in the direction of the arrow, the first interface content 11 will continue to move in the first direction, thereby causing the electronic device to switch to the fully expanded state shown in the image on the right in FIG. 9 .
  • the fully expanded state the content of the second interface is fully visible.
  • FIG. 9 only exemplarily shows an image in the middle expanded form.
  • the content of the first interface can be gradually increased with the increase of the content display area. If it moves in the first direction, correspondingly, the content of the second interface will gradually reveal all the content along with the gradual movement of the content of the first interface, and then in the process of increasing the content display area, there will be more Expanded form in the middle.
  • S230 In response to the reduction operation of the content display area, reduce the content display area; wherein, in the process of reducing the content display area, move the first interface content to the second direction and stack it on the on the second interface content, so that the second interface content is invisible.
  • the position of the second interface content can be kept unchanged, so that the first interface content 11 faces the second interface shown by the arrow.
  • the direction is moved, so that as the content display area decreases, the first interface content 11 is gradually stacked on the second interface content 12, and finally the second interface content is invisible.
  • the first side 30 and the second side 31 of the electronic device are opposite sides.
  • the content display area is enlarged along the second direction (ie, the direction indicated by the arrow in FIG. 11 ).
  • the second interface content 12 is moved along the second direction, the second interface content 12 is gradually presented along the second direction from the first side of the first interface content 11, the first interface The first side of the content is the side corresponding to the second direction.
  • the position of the first interface content 11 remains unchanged relative to the second side 31 of the electronic device.
  • the position of the content on the second interface may remain unchanged relative to the first side of the electronic device.
  • one end of the display screen actually moves with the action of the external force, thereby making the originally hidden area in the display screen visible. For example, move in the first direction as shown in FIG. 9 .
  • the second interface content will also move with the movement of the display screen. Exemplarily, as shown in FIG.
  • maintaining the position of the second interface content relative to the first side of the electronic device includes: controlling the display of the second interface content based on the expansion range of the content display area The position is moved toward the first side, so that the position of the second interface content remains unchanged relative to the first side of the electronic device.
  • the magnitude can be characterized based on speed and distance.
  • the second interface content displays a plurality of interface content options
  • the second interface content is displayed in the content display area after the second interface content is added and displayed.
  • the method includes: if a selection operation acting on the second interface content is detected, acquiring a target interface content option in the second interface content, where the target interface content option is an interface content option acted on by the selection operation; The first interface content is replaced with the interface content corresponding to the target interface content option.
  • the second interface content 12 includes several interface content options such as SIM card traffic management, WLAN, and sound and vibration. If it is detected that WLAN is the target interface content option, it will The original first interface content 11 is replaced with interface content 17 corresponding to the WLAN.
  • interface content options such as SIM card traffic management, WLAN, and sound and vibration.
  • the content display area can be increased and displayed in the content display area with the increase of the content display area.
  • Second interface content so that the first interface content and the second interface content corresponding to the first interface content can be simultaneously displayed in the content display area, thereby improving interface display flexibility and improving user experience.
  • the second interface content can be displayed in the content display area by staggering the first interface content and the second interface content from each other. It can be seen, thus realizing the flexible display of the content of the second interface.
  • the interface of the level corresponding to the first interface content can still be switched by operating the second interface content. content.
  • a content display method provided by an embodiment of the present application is applied to an electronic device including a display screen.
  • the size of the content display area of the display screen can be adjusted, and the content display area is the display screen.
  • the method includes:
  • S310 Display the first interface content in the content display area.
  • the operation if the operation of increasing the content display area is detected may be understood as the first operation in the foregoing embodiment.
  • the electronic device is configured with a switch control for the interface extension display function. Through the switch control, the user can choose whether to enable the interface extension display function, or disable the interface extension display function.
  • the interface extension display function when the interface extension display function is turned on, in response to the reduction operation of the content display area, the content display area is reduced, and the display of the first content display area is canceled in the content display area.
  • Second interface content When the interface extension display function is not enabled, in response to the reduction operation of the content display area, the content display area is reduced, and the size of the first interface content is restored.
  • the content of the first interface may also be different.
  • the first interface content is video playback content
  • the length or width of the video playback content will be enlarged.
  • the content of the first interface is the content of the setting interface
  • the size of the content of the first interface needs to be enlarged, the size of the text and pictures in the content of the setting interface will be increased.
  • a content display method provided by the present application, through the above method, after the content of the first interface has been displayed, if the content display area is enlarged, the content display area can be increased and displayed in the content display area with the increase of the content display area. Second interface content, so that the first interface content and the second interface content corresponding to the first interface content can be simultaneously displayed in the content display area, thereby improving interface display flexibility and improving user experience. Moreover, in this embodiment, after detecting the operation of increasing the content display area, it will detect whether the interface extension display function is turned on, and then there will be different corresponding measures according to whether the interface extension display function is turned on. , which further improves the flexibility and adaptability of the interface display.
  • a content display apparatus 400 provided by an embodiment of the present application operates on an electronic device including a display screen, the size of the content display area of the display screen is adjustable, and the content display area is the display area of the display screen.
  • the visible area in the display area included in the screen, the apparatus 400 includes:
  • the content display unit 410 is configured to display the first interface content in the content display area.
  • the content display control unit 420 is configured to increase and display second interface content in the content display area in response to the increase of the content display area, where the second interface content is an interface corresponding to the first interface content content.
  • the content display control unit 420 is specifically configured to respond to the increase of the content display area; wherein, in the process of increasing the content display area, the first interface content is layered on the second interface. above the interface content, and move the first interface content along a first direction and keep the position of the second interface content unchanged relative to the first side of the electronic device, so that the second interface content is in the can be seen in the content display area, and the first side is the side opposite to the first direction.
  • the content display control unit 420 is specifically configured to control the display position of the second interface content to move to the first side based on the expansion range of the content display area, so as to make the position of the second interface content The first side relative to the electronic device remains unchanged.
  • the content display control unit 420 is specifically configured to increase the content display area if an operation of increasing the content display area is detected, and the first interface content is the interface content of a later level, In the content display area, a second interface content is added and displayed, and the second interface content is the interface content of the previous level corresponding to the first interface content.
  • the content display control unit 420 is further specifically configured to increase the content display area if an operation to increase the content display area is detected, and the first interface content is the interface content of the first level, and the content display area is increased in the content display area. The specified content is displayed in the content display area.
  • the content display control unit 420 is further configured to acquire a target interface content option in the second interface content if a selection operation acting on the second interface content is detected, and the target interface content option is effected by the selection operation interface content option; replace the first interface content with the interface content corresponding to the target interface content option.
  • the content display control unit 420 is further configured to reduce the content display area in response to the reduction operation of the content display area, and cancel the display of the second interface content in the content display area .
  • the content display control unit 420 is specifically configured to reduce the content display area in response to the reduction operation of the content display area; wherein, in the process of reducing the content display area, keep The position of the second interface content remains unchanged relative to the first side of the electronic device, and the first interface content is moved in a second direction and stacked on the second interface content, so that the second interface content Interface content is not visible.
  • the content display control unit 420 is further configured to increase the content display area in response to a first operation, where the first operation is used to instruct the electronic device to control the display screen to increase the display area.
  • Content display area is further configured to increase the content display area in response to a first operation, where the first operation is used to instruct the electronic device to control the display screen to increase the display area.
  • the first operation is a designated operation acting on the physical control of the electronic device.
  • the first operation is a touch operation acting on a first virtual key of the electronic device.
  • the content display control unit 420 is further configured to move the first interface content along a first direction during the process of increasing the content display area, and the second interface content from the electronic device
  • the first side is gradually presented along the first direction, and the first side is the side opposite to the first direction.
  • the position of the content of the two interfaces remains unchanged relative to the first side of the electronic device.
  • the content display control unit 420 is further configured to move the second interface content along a second direction in the process of increasing the content display area, the second interface content is The first side of the first interface content is gradually presented along the second direction, and the first side of the first interface content is a side corresponding to the second direction. Wherein, the position of the first interface content remains unchanged relative to the second side of the electronic device.
  • the content display control unit 420 is specifically further configured to detect whether the interface extension display function is enabled if an operation to increase the content display area is detected; if the interface extension display function is in an enabled state, increase In the content display area, the second interface content is additionally displayed in the content display area, and the second interface content is the interface content corresponding to the first interface content; if the interface extension display function is not in the In the open state, the content display area is enlarged, and the size of the first interface content is enlarged.
  • the content display control unit 420 is specifically further configured to reduce the content display area in response to the reduction operation of the content display area when the interface extension function is in an enabled state, and in the canceling the display of the second interface content in the content display area; when the interface extension function is not enabled, reducing the content display area in response to a reduction operation of the content display area, and The size of the first interface content is restored.
  • the content display device in the case where the size of the content display area of the display screen can be adjusted, and the content display area is a visible area in the display area included in the display screen, when the content display area is After the first interface content is displayed in the content display area, in response to the increase of the content display area, the second interface content corresponding to the first interface content is additionally displayed in the content display area. Therefore, through the above method, after the first interface content has been displayed, if the content display area is increased, the second interface content can be displayed in the content display area as the content display area increases, so that the content display area can be displayed in the content display area. The first interface content and the second interface content corresponding to the first interface content are simultaneously displayed in the area, thereby improving interface display flexibility and improving user experience.
  • an embodiment of the present application further provides another electronic device 200 that can execute the above-mentioned content display method.
  • the electronic device 200 includes one or more (only one shown in the figure) a processor 102, a memory 104, and a network module 106 that are coupled to each other.
  • the memory 104 stores a program that can execute the content in the foregoing embodiments, and the processor 102 can execute the program stored in the memory 104 .
  • the processor 102 may include one or more cores for processing data.
  • the processor 102 uses various interfaces and lines to connect various parts of the entire electronic device 200, and executes by running or executing the instructions, programs, code sets or instruction sets stored in the memory 104, and calling the data stored in the memory 104.
  • the processor 102 may adopt at least one of digital signal processing (Digital Signal Processing, DSP), field-programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA). implemented in a hardware form.
  • DSP Digital Signal Processing
  • FPGA Field-Programmable Gate Array
  • PLA programmable logic array
  • the processor 102 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processing unit (Graphics Processing Unit, GPU), a modem, and the like.
  • CPU Central Processing Unit
  • GPU Graphics Processing Unit
  • the CPU mainly handles the operating system, user interface and application programs, etc.
  • the GPU is used for rendering and drawing of the display content
  • the modem is used to handle wireless communication. It can be understood that, the above-mentioned modem may not be integrated into the processor 102, and is implemented by a communication chip alone.
  • the memory 104 may include random access memory (Random Access Memory, RAM), or may include read-only memory (Read-Only Memory). Memory 104 may be used to store instructions, programs, codes, sets of codes, or sets of instructions. For example, a device for displaying content may be stored in the memory 104 .
  • the apparatus for displaying the content may be the aforementioned apparatus 400 .
  • the memory 104 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing the operating system, instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.) , instructions for implementing the following method embodiments, and the like.
  • the storage data area may also store data created by the terminal 100 during use (such as phone book, audio and video data, chat record data) and the like.
  • the network module 106 is used for receiving and sending electromagnetic waves, realizing mutual conversion between electromagnetic waves and electrical signals, so as to communicate with a communication network or other devices, for example, communicate with an audio playback device.
  • the network module 106 may include various existing circuit elements for performing these functions, eg, antennas, radio frequency transceivers, digital signal processors, encryption/decryption chips, subscriber identity module (SIM) cards, memory, etc. .
  • the network module 106 can communicate with various networks such as the Internet, an intranet, a wireless network, or communicate with other devices through a wireless network.
  • the aforementioned wireless network may include a cellular telephone network, a wireless local area network, or a metropolitan area network.
  • the network module 106 may interact with the base station for information.
  • FIG. 17 shows a structural block diagram of a computer-readable storage medium provided by an embodiment of the present application.
  • the computer-readable medium 1100 stores program codes, and the program codes can be invoked by the processor to execute the methods described in the above method embodiments.
  • the computer-readable storage medium 1100 may be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM.
  • the computer-readable storage medium 1100 includes a non-transitory computer-readable storage medium.
  • the computer-readable storage medium 1100 has storage space for program code 1110 that performs any of the method steps in the above-described methods.
  • the program codes can be read from or written to one or more computer program products.
  • Program code 1110 may be compressed, for example, in a suitable form.
  • the content display method, device, electronic device and storage medium provided by the present application can be adjusted in the size of the content display area of the display screen, and the content display area is the display area included in the display screen.
  • the display and the first interface are increased in the content display area.
  • the second interface content corresponding to the content. Therefore, through the above method, after the first interface content has been displayed, if the content display area is increased, the second interface content can be displayed in the content display area as the content display area increases, so that the content display area can be displayed in the content display area.
  • the first interface content and the second interface content corresponding to the first interface content are simultaneously displayed in the area, thereby improving interface display flexibility and improving user experience.

Landscapes

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

Abstract

本申请实施例公开了一种内容显示方法、装置、电子设备及存储介质。应用于包括有显示屏的电子设备，显示屏的内容显示区域的大小可调节，内容显示区域为显示屏包括的显示区域中可见的区域，方法包括：在内容显示区域中显示第一界面内容；响应于所述内容显示区域的增大，在内容显示区域中增加显示第二界面内容。

Description

内容显示方法、装置、电子设备及存储介质
相关申请的交叉引用
本申请要求于2020年12月28日提交的申请号为202011581043.5的中国申请的优先权，其在此出于所有目的通过引用将其全部内容并入本文。
技术领域
本申请涉及计算机技术领域，更具体地，涉及一种内容显示方法、装置、电子设备及存储介质。
背景技术
由于硬件条件的限制，电子设备只能在同一个屏幕上显示一个界面的内容，进而造成可见的信息有限。
发明内容
鉴于上述问题，本申请提出了一种内容显示方法、装置、电子设备及存储介质，以改善上述问题。
第一方面，本申请提供了一种内容显示方法，应用于包括有显示屏的电子设备，所述显示屏的内容显示区域的大小可调节，所述方法包括：在所述内容显示区域中显示第一界面内容；响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容。
第二方面，本申请提供了一种内容显示装置，运行于包括有显示屏的电子设备，所述显示屏的内容显示区域的大小可调节，所述装置包括：内容显示单元，用于在所述内容显示区域中显示第一界面内容；内容显示控制单元，用于响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容。
第三方面，本申请提供了一种电子设备，包括处理器以及存储器；一个或多个程序被存储在所述存储器中并被配置为由所述处理器执行以实现上述的方法。
第四方面，本申请提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有程序代码，其中，在所述程序代码被启动控制器运行时执行上述的方法。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了本申请实施例中的电子设备从正常形态到中间展开形态的示意图；
图2示出了本申请实施例中的电子设备从中间展开形态到完全展开形态的示意图；
图3示出了本申请实施例提出的一种内容显示方法的流程图；
图4示出了本申请实施例中一种第一界面内容和第二界面内容的示意图；
图5示出了本申请实施例中另一种第一界面内容和第二界面内容的示意图；
图6示出了本申请实施例中再一种第一界面内容和第二界面内容的示意图；
图7示出了本申请实施例中再一种提示信息界面的示意图；
图8示出了本申请又一实施例提出的一种内容显示方法的流程图；
图9示出了本申请实施例中一种在内容显示区域中增加显示第二界面内容的示意图；
图10示出了本申请实施例中一种在内容显示区域中取消显示第二界面内容的示意图；
图11示出了本申请实施例中另一种在内容显示区域中增加显示第二界面内容的示意图；
图12示出了本申请实施例中一种第二界面内容随着显示屏的移动而跟随移动的示意图；
图13示出了本申请实施例中一种对第一界面内容进行替换的示意图；
图14示出了本申请再一实施例提出的一种内容显示方法的流程图；
图15示出了本申请一实施例提出的一种图像处理装置的结构框图；
图16示出了本申请的用于执行根据本申请实施例的内容显示方法的电子设备的结构框图；
图17是本申请实施例的用于保存或者携带实现根据本申请实施例的内容显示方法的程序代码的存储单元。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
在电子设备中，通常配置有可视化的界面内容，以便用于向用户展示文本或者图像内容。此外，一些界面内容还可以用于方便用户对电子设备进行控制。例如，在电子设备的视频界面中，电子设备可以播放视频内容。再例如，在电子设备的设置界面中，用户可以通过设置界面对电子设备进行设置。
但是，发明人在对电子设备的界面显示方式进行研究后发现，由于硬件条件的限制，电子设备只能在同一个屏幕上显示一个界面的内容，进而造成可见的信息有限。并且，如果用户触发进入新的一个层级的界面，该新的一个层级的界面会覆盖原来层级的界面，而有的时候因为这种情况，会对用户造成不便，进而造成界面显示灵活性较差。
因此，发明人提出了本申请中可以改善上述问题的内容显示方法、装置、电子设备及存储介质，通过在显示屏的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域的 情况下，当在所述内容显示区域中显示第一界面内容后，响应于所述内容显示区域的增大，并在所述内容显示区域中增加显示与所述第一界面内容对应的第二界面内容。
从而通过上述方式，可以使得在已经显示第一界面内容后，若增大内容显示区域，可以随内容显示区域的增大而在内容显示区域中增加显示第二界面内容，进而使得可以在内容显示区域中同时显示第一界面内容以及与该第一界面内容对应的第二界面内容，从而提升了界面显示灵活性，并提升了用户体验。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：响应于第一操作，增大内容显示区域，该第一操作用于指示电子设备控制显示屏增大内容显示区域。
在一种实施方式中，第一操作为对电子设备的实体控件作用的指定操作。
在一种实施方式中，第一操作为作用于电子设备的第一虚拟按键的触控操作。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：在增大内容显示区域的过程中，沿第一方向移动第一界面内容，第二界面内容从电子设备的第一侧起沿第一方向逐步呈现，第一侧为与第一方向相对的一侧。
在一种实施方式中，第二界面内容的位置相对于电子设备的第一侧保持不变。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：在增大内容显示区域的过程中，沿第二方向移动第二界面内容，第二界面内容从第一界面内容的第一侧起沿第二方向逐步呈现，第一界面内容的第一侧为与第二方向对应一侧。
在一种实施方式中，第一界面内容的位置相对于电子设备的第二侧保持不变。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：若检测到增大内容显示区域的操作，且第一界面内容为在后层级的界面内容，增大内容显示区域，在内容显示区域中增加显示第二界面内容。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：若检测到增大内容显示区域的操作，且第一界面内容为第一层级的界面内容，增大内容显示区域，并在内容显示区域中增加显示指定内容。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：若检测到作用于第二界面内容的选择操作，获取第二界面内容中的目标界面内容选项，目标界面内容选项为选择操作所作用的界面内容选项；将第一界面内容替换为目标界面内容选项对应的界面内容。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：响应于内容显示区域的减小，减小内容显示区域，并在内容显示区域中取消显示第二界面内容。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：响应于内容显示区域的减小，减小内容显示区域；其中，在减小内容显示区域的过程中，保持第二界面内容的位置相对电子设备的第一侧保持不变，并使第一界面内容向第二方向移动层叠于第二界面内容上，以使第二界面内容不可见。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：基于内容显示区域扩大幅度，控制第二界面内容的显示位置向第一侧移动，以使第二界面内容的位置相对电子设备的第一侧保持不变。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：若检测到增大内容显示区域的操作，检测界面扩展显示功能是否开启；若界面扩展显示功能处于开启状态，增大内容显示区域，在内容显示区域中增加显示第二界面内容，第二界面内容为与第一界面内容对应的界面内容；若界面扩展显示功能未处于开启状态，增大内容显示区域，并扩大第一界面内容的尺寸。
在一种实施方式中，本实施例提供的方法还可以包括如下流程：在界面扩展功能处于开启状态的情况下，响应于内容显示区域的减小操作，减小内容显示区域，并在内容显示区域中取消显示第二界面内容；在界面扩展功能处于未开启状态的情况下，响应于内容显示区域的减小操作，减小内容显示区域，并将第一界面内容的尺寸进行恢复。
在一种实施方式中，第二界面内容为与第一界面内容对应的上在前层级的界面内容。
需要说明的是，在本申请实施例中，电子设备可以有多种形态。可选的，电子设备可以包括有正常形态，中间展开形态以及完全展开形态。
如图1中的左侧图像所示，为电子设备处于正常形态时的样式。在正常形态时，显示屏10有部分显示区域可见，而有另外部分显示区域隐藏在电子设备的隐藏部位。其中，该隐藏部位可以为电子设备的内部，也可以为电子设备的背面。并且在正常形态情况下，显示屏10的显示区域中可见的区域的大小最小。
其中，图1中宽度为w1的部分为显示屏10中可见的区域对应的范围。而当电子设备在扩展可见的区域时，显示屏10可以朝向图1中箭头所示的方向移动，进而使得原本隐藏在电子设备的隐藏部位的显示区域逐渐开始可见。可以理解的是，隐藏的区域在显露而处于可见的状态后，则转换为可见的区域。例如， 如图1中右侧图像所示，随着显示屏10的移动，显示屏10原本可见的区域的宽度由w1增加到了w2，那么所增加的宽度为w2-w1的显示区域则为由隐藏状态转换为可见状态的显示区域。
其中，在显示屏10中的显示区域还存在隐藏部分的情况下，电子设备的形态可以理解为中间展开形态。如图2所示，随着显示屏10的持续移动，最终可以展示为图2中右侧图像所示的完全展开形态，在完全展开形态这种情况下，显示屏10原本隐藏在电子设备的隐藏部位的部分可以完全的露出，进而使得显示屏10的显示区域中可见的区域的宽度增加到w3。并且，在完全展开形态情况下，显示屏10的显示区域中可见的区域的大小最大。
其中，需要说明的是，在本申请实施例中，电子设备由正常形态转换到完全展开形态的过程中除了可以为图1和图2中箭头所示的方向外，还可以为沿与图1和图2中箭头所示的方向相反的方向，从正常形态转换到完全展开形态。其中，在本申请实施例中，可以将图1和图2中箭头所示方向作为第一方向，而将与第一方向相反的方向作为第二方向。
需要说明的是，基于前述介绍，在本实施例中显示屏可以是随着设置在电子设备一端的轴的转动而进行移动(例如，伸出或者收回)，进而实现让显示屏的显示区域中的部分显示区域隐藏或者让隐藏的区域转变为可见的区域。可选的，为了便于显示屏可以随着该轴的转动而伸出或者收回，该显示屏可以为柔性屏。
并且，在后续实施例内容中所提及的内容显示区域可以为图1和图2中所示的可见的区域。
下面将结合附图具体描述本申请的各实施例。
请参阅图3，本申请实施例提供的一种内容显示方法，应用于包括有显示屏的电子设备，所述显示屏的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域，所述方法包括：
S110：在所述内容显示区域中显示第一界面内容。
其中，第一界面内容可以为多种界面内容，并且在不同的显示场景下该第一界面内容所包括的内容不同。
作为一种方式，该第一界面内容可以为视频播放内容。可选的，若在电子设备运行视频播放程序后，检测到有视频内容被选中，则会触发显示视频播放界面。对应的，电子设备可以在显示屏的内容显示区域中开始播放被选中的视频内容，该在显示屏的内容显示区域中开始播放的视频内容则可以理解为第一界面内容。
作为另外一种方式，该第一界面内容可以为设置界面的内容。可选的，若电子设备检测到触控进入设置界面的指令，电子设备则可以在内容显示区域中显示设置界面的内容。其中，电子设备在检测到触控进入设置界面的指令时，可以根据该指令的内容来显示对应的设置界面的内容。例如，若电子设备在检测到触控进入设置界面的指令时，该指令的内容为进入第一层级的设置界面，则电子设备会在内容显示区域中显示第一层级的设置界面的内容，对应的该第一层级的设置界面的内容为当前的第一界面内容。若电子设备在检测到触控进入设置界面的指令时，该指令的内容为进入指定的第二层级的设置界面，则电子设备会在内容显示区域中显示该指定的第二层级的设置界面的内容，对应的该第二层级的设置界面的内容为当前的第一界面内容。
作为另外一种方式，该第一界面内容可以为游戏界面的内容。可选的，若电子设备在运行过程中，检测到启动指定游戏的指令时，则会在该内容显示区域中显示该指定游戏的界面内容，那么该所显示的指定游戏的界面内容为当前的第一界面内容。
其中，需要说明的是，S110可以执行在电子设备处于图1中所示的正常形态情况下，也可以执行与电子设备处于图1中右侧图像所示的中间展开形态的情况下。
S120：响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容。
其中，当电子设备的显示屏中的隐藏的区域没有完全显露到电子设备外时，也就意味着，电子设备可以增大内容显示区域。在本实施例中，可以响应于第一操作，增大所述内容显示区域，该第一操作用于指示所述电子设备控制所述显示屏增大所述内容显示区域。
在本申请实施例中，该第一操作可以通过多种方式来实现。
作为一种方式，可以通过对电子设备的实体控件作用指定操作来触发若检测到增大所述内容显示区域的操作，在这种方式下该对电子设备的实体控件作用指定操作则为第一操作。对应的，在这种方式下，若电子设备检测到有作用于实体控件的指定操作时确定检测到若检测到增大所述内容显示区域的操作的操作。
可选的，该实体按键可以为电源键，该指定操作可以为沿第一指定方向的滑动操作。再者，该实体按键还可以为音量增加键，该指定操作可以为按压时长大于时长阈值的按压操作。需要说明的是，前述的电 源键和音量增加键只是示例性的，在本申请实施例中，电子设备所包括的任一实体按键均可以用于配置为触发若检测到增大所述内容显示区域的操作的操作的按键。
作为另一种方式，可以通过对电子设备的第一指定虚拟按键进行触控来触发若检测到增大所述内容显示区域的操作。对应的，在这种方式下，若检测到作用于该第一指定虚拟按键的触控操作时，则确定检测到第一操作。可选的，该第一指定虚拟按键可以配置于快捷栏中，可选的，该第一指定虚拟按键可以配置在桌面。
那么在电子设备检测到若检测到增大所述内容显示区域的操作的操作后，则可以增大所述内容显示区域，以便在增加的内容显示区域中增加显示与第一界面内容对应的第二界面内容。其中，在内容显示区域中增加显示第二界面内容可以理解为，在保持原本的第一界面内容继续显示的情况下，还在内容显示区域中显示第二界面内容。
示例性的，如图4所示，在图4左侧图像所示为在内容显示区域中仅显示第一界面内容11时的显示状态，若在图4所示图像左侧图像的状态下，若检测到增大所述内容显示区域的操作，并且获取到该第一界面内容11对应的第二界面内容为第二界面内容12，则可以如图4右侧图像所示的在增大的内容显示区域中显示第二界面内容12。
需要说明的是，在本实施例中，增大内容显示区域则可以理解为使得显示屏的显示区域中有更多的隐藏的区域转换为可见的区域，以便可以在内容显示区域中显示与第一界面内容对应的第二界面内容。其中，界面内容之间的对应可以理解为相互之间具有一定的关联关系，而在不同的场景下该关联的方式不同。
作为一种方式，该关联关系可以包括设置界面层级之间的关联。例如，在在设置界面的场景下，多个层级的设置界面之间的关联。例如，请再参阅图4，图4所示的第一界面内容11为声音与振动设置界面的内容，第二界面内容12为设置主界面的内容，其中，第一界面内容11与第二界面内容12之间的设置界面层级关联为第二界面内容12为第一界面内容11的在前层级的界面内容，以及第一界面内容11为第二界面内容12的在后层级的界面内容。从而在这种方式下，电子设备就可以在显示屏中同时显示多个层级的设置界面，便于用户不用进行设置界面的切换就可以同时了解到不同层级的设置界面的内容。
可选的，该关联关系可以包括设置界面层级之间的关联的这种方式中，所述响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，包括：
若检测到增大所述内容显示区域的操作，且所述第一界面内容为在后层级的界面内容，增大所述内容显示区域，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的在前层级的界面内容。可选的，若检测到增大所述内容显示区域的操作，且所述第一界面内容为第一层级的界面内容，增大所述内容显示区域，并在所述内容显示区域中增加显示指定内容。该指定内容可以为空白内容，例如，一副白色的图片。
作为另外一种方式，该关联关系可以包括多个组件之间的关联。例如，在视频播放的场景下的多个组件之间的关联。示例性的，在视频播放的场景下，可以包括有用于执行视频内容播放的视频播放组件以及用于控制视频播放进度的视频播放控制组件，或者还包括显示视频内容对应的弹幕的弹幕组件，该视频播放控制组件以及弹幕组件与视频播放组件是关联的。如图5所示，在视屏播放场景下，第一界面内容13为视频播放内容，该第一界面内容13对应的第二界面内容可以为弹幕组件对应的界面内容，那么在电子设备增大所述内容显示区域时，则可以在内容显示区域中增加显示第一界面内容13对应的弹幕组件对应的界面内容(第二界面内容14)。从而在这种方式下，可以将弹幕不覆盖在视频内容上进行显示，进而避免弹幕内容对视频内容造成干扰。
作为再一种方式，该关联关系可以包括有多个程序之间的关联。例如，在游戏场景下，在游戏程序的运行过程中，用户还可能会查看其他应用程序的内容，但是若电子设备直接切换显示其他应用程序的界面，则该其他应用程序的界面就会覆盖游戏界面，进而对游戏运行造成干扰。
例如，电子设备在运行游戏的过程中，电子设备接收到消息后，用户可能回去查看该消息的内容，进而电子设备就会将游戏界面切换为消息展示界面。而在本方式中，通过建立游戏程序与消息展示界面所属程序之间的关联关系，可以在游戏程序的运行过程中，检测到增大所述内容显示区域的操作后，在增加的内容显示区域中显示该消息展示界面，以便用户可以不用进行界面的切换操作，就可以同时玩游戏和查阅消息。示例性的，如图6所示，在电子设备显示第一界面内容15(图中所示的两个人的战斗界面内容)的过程中，若检测到增大所述内容显示区域的操作，则增大所述内容显示区域，在所述内容显示区域中增加显示第二界面内容16(图6中所示的聊天界面内容)。
其中，作为一种方式，对于前述的关联关系也可以由用户进行配置。
可选的，在该关联关系包括多个组件之间的关联的这种方式中，在检测到显示屏的内容显示区域增大后，在内容显示区域中增加显示的界面内容是对应于哪个组件可以由用户进行配置。除了前述的视频播放 组件与弹幕组件建立关联外，示例性的，用户还可以选择配置视频播放控制组件与视频播放组件之间关联。那么在视频播放控制组件与视频播放组件之间进行关联后，在第一界面内容为视频播放组件进行视频播放的内容的情况下，若检测到增大内容显示区域的操作时，则会对应将视频播放控制组件对应的界面内容作为第二界面内容增加显示在内容显示区域中。
可选的，在关联关系包括多个程序之间的关联的这种方式中。在检测到显示屏的内容显示区域增大的操作后，在内容显示区域中增加显示的界面内容是属于哪个程序的可以由用户进行配置。示例性的，在电子设备中可以预先建立多对关联的程序，以生成程序关联表。那么在有程序在运行过程中，第一界面内容为当前正在前台运行的程序的界面内容，若检测到增大显示屏的内容显示区域的操作后，则可以通过查询该程序关联表来获取与当前正在前台运行的程序关联的应用程序，进而将该与当前正在前台运行的程序关联的应用程序的界面内容作为第二界面内容增加显示在内容显示区域中。示例性的，在该程序关联表中包括有程序A与程序B关联，程序C与程序D关联，程序E与程序F关联。在当前前台运行的程序为程序C的情况下，第一界面内容为程序C对应的界面内容，那么若检测到增大显示屏的内容显示区域的操作后，则可以通过查询该程序关联表来获取与当前正在前台运行的程序关联的程序C关联的程序D，进而将程序D对应的界面内容作为第二界面内容增加显示到内容显示区域中。
再者，需要说明的是，对于一些程序而言本身可能就对应有多种的关联关系。具体的，可能程序本身是与其他程序建立有关联关系的，并且该程序本身所包括的多个组件之间也可能是建立有关联关系的。例如，对于视频播放类的应用程序，该视频播放类的应用程序本身的视频播放组件、视频播放控制组件以及弹幕组件之间可能具有关联关系，再者，该视频播放类的应用程序可能与其他应用程序之间也具有关联关系。在这种情况下，为了避免程序所包括的多种关联关系对在内容显示区域中增加显示第二界面内容造成干扰，电子设备在检测到第一界面内容所属的程序包括有多种关联关系的情况下，可以提示由用户从多种关联关系中选择目标关联关系，进而根据目标关联关系来触发显示第二界面内容。
示例性的，如图7所示，在第一界面内容15已经显示在内容显示区域中的情况下，若检测到增大显示屏的内容显示区域的操作，则可以先获取第一界面内容15所属的程序所包括的关联关系。若检测到包括有与其他程序之间的关联关系，以及还包括多个组件之间的关联关系的情况下，可以在内容显示区域中显示提示信息界面17。在该提示信息界面17中可以显示有所包括的每种关联关系对应的选项，进而以便于用户自己选择第二界面内容。例如，其中的组件扩展显示为对应于多个组件之间的关联关系的选项，其中的程序扩展显示为对应于其他程序之间的关联关系的选项。若检测到用户选择了组件扩展显示，则会基于多个组件之间的关联关系来确定第二界面内容，若检测到用户选择了程序扩展显示，则会基于与其他程序之间的关联关系来确定第二界面内容。
S130：响应于所述内容显示区域的减小操作，减小所述内容显示区域，并在所述内容显示区域中取消显示所述第二界面内容。
对应的，在本申请实施例中减小内容显示区域可以理解为让显示屏中可见的区域逐渐隐藏到电子设备的隐藏部位，进而减小可见的区域，而增大隐藏的区域。在本实施例中，可以有多种方式来触发电子设备增大内容显示区域。
作为一种方式，可以通过对电子设备的实体控件作用指定操作来触发减小内容显示区域。对应的，在这种方式下，若电子设备检测到有作用于实体控件的指定操作时确定检测到减小内容显示区域的操作。
可选的，该实体按键可以为电源键，该指定操作可以为沿第二指定方向的滑动操作。该第二指令方向和前述的第一指定方向不同。再者，该实体按键还可以为音量减小键，该指定操作可以为按压时长大于时长阈值的按压操作。需要说明的是，前述的电源键和音量增加键只是示例性的，在本申请实施例中，电子设备所包括的任一实体按键均可以用于配置为触发减小内容显示区域的操作的按键。
作为另一种方式，可以通过对电子设备的第二指定虚拟按键进行触控来触发减小内容显示区域。对应的，在这种方式下，若检测到作用于该第二指定虚拟按键的触控操作时，则确定检测到减小内容显示区域的操作。可选的，该第二指定虚拟按键可以配置于快捷栏中，可选的，该第二指定虚拟按键可以配置在桌面。
本申请提供的一种内容显示方法，在显示屏的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域的情况下，当在在所述内容显示区域中显示第一界面内容后，响应于所述内容显示区域的增大，并在所述内容显示区域中增加显示与所述第一界面内容对应的第二界面内容。从而通过上述方式，可以使得在已经显示第一界面内容后，若增大内容显示区域，可以随内容显示区域的增大而在内容显示区域中增加显示第二界面内容，进而使得可以在内容显示区域中同时显示第一界面内容以及与该第一界面内容对应的第二界面内容，从而提升了界面显示灵活性，并提升了用户体验。
请参阅图8，本申请实施例提供的一种内容显示方法，应用于包括有显示屏的电子设备，所述显示屏 的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域，所述方法包括：
S210：在所述内容显示区域中显示第一界面内容。
S220：响应于所述内容显示区域的增大；其中，在增大所述内容显示区域的过程中，沿第一方向移动所述第一界面内容，所述第二界面内容从所述电子设备的第一侧起沿第一方向逐步呈现，所述第一侧为与所述第一方向相对的一侧。
如图9所示，在图9中最左侧所示的图像中，示出了电子设备的内容显示区域从电子设备的正常形态到完整展开形态的过程中第一界面内容11和第二界面内容12的显示样式。在正常形态下，内容显示区域中仅显示有第一界面内容11。并且，若在正常形态下检测到了若检测到增大所述内容显示区域的操作的操作，则电子设备会开始增加显示屏的内容显示区域，并且可以在开始增大的同时将确定的第二界面内容层12叠在第一界面内容11的下方。而在内容显示区域的增大的过程中，会同时沿第一方向移动所述第一界面内容11，进而使得电子设备转换到图9中中间图像所示的中间展开形态。在中间展开形态下，因为第一界面内容11已经沿第一方向移动了一定距离，则第二界面内容12已经有部分区域可见。而内容显示区域继续沿箭头方向增大，则第一界面内容11会继续向第一方向移动，进而使得电子设备转换到图9中右侧图像所示的完全展开形态。在完全展开形态下，第二界面内容已经完全可见。
需要说明的是，图9中只是示例性的示出了一个中间展开形态的图像，在内容显示区域的增大过程中，第一界面内容是可以随着内容显示区域的增大的幅度为逐渐向第一方向移动的，对应的，第二界面内容也是随着第一界面内容的逐渐移动而逐渐显露出所有的内容的，进而在内容显示区域中的增大过程中，会对应有多个中间展开形态。
S230：响应于所述内容显示区域的减小操作，减小所述内容显示区域；其中，在减小所述内容显示区域的过程中，使所述第一界面内容向第二方向移动层叠于所述第二界面内容上，以使所述第二界面内容不可见。
如图10所示，若在完全展开形态下检测到减小所述内容显示区域的操作，则可以保持第二界面内容的位置不变，而使得第一界面内容11朝向箭头所示的第二方向进行移动，以使得随着内容显示区域的减小而使得第一界面内容11逐渐层叠到第二界面内容12上，最终使得第二界面内容不可见。
此外，在本申请实施例中除了图9和图10所示的方式外，还有其他的方式对第二界面内容进行显示。如图11所示，电子设备的第一侧30和第二侧31为相对的两侧。在图11所示的方式中，在增大内容显示区域的过程中，为沿第二方向(即图11中箭头所示方向)对内容显示区域进行增大。对应的，在这种方式下，沿第二方向移动所述第二界面内容12，该第二界面内容12从第一界面内容11的第一侧起沿第二方向逐步呈现，该第一界面内容的第一侧为与所述第二方向对应一侧。可选的，在这种方式下，第一界面内容11的位置相对所述电子设备的第二侧31保持不变。
需要说明的是，在增大所述内容显示区域的过程中，第二界面内容的位置可以相对所述电子设备的第一侧保持不变。具体的，在内容显示区域逐渐扩大的过程中，显示屏的一端实际是随着外力作用而移动的，进而使得显示屏中原本的隐藏的区域可见。例如，如图9中所示的向第一方向移动。那么在这个过程中，如果不保持第二界面内容的位置对所述电子设备的第一侧保持不变，则第二界面内容也会随着显示屏的移动而移动。示例性的，如图12所示，在内容显示区域增大的过程中，若显示屏的移动的距离为d1，且若不对第二界面内容的位置进行调节，那么第二界面内容则也会随着显示屏的移动而移动d1。那么作为一种方式，所述使所述第二界面内容的位置相对所述电子设备的第一侧保持不变，包括：基于所述内容显示区域扩大幅度，控制所述第二界面内容的显示位置向所述第一侧移动，以使所述第二界面内容的位置相对所述电子设备的第一侧保持不变。可选的，该幅度可以基于速度和距离来进行表征。在这种情况下，通过获取内容显示区域扩大幅度，而确定具体该在什么时刻对第二界面内容向显示屏移动的相反方向进行移动，进而使得在视觉上使得第二界面内容是保持相对第一侧30保持未变的。
其中，作为一种方式，所述第二界面内容中显示有多个界面内容选项，所述响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容之后还包括：若检测到作用于第二界面内容的选择操作，获取所述第二界面内容中的目标界面内容选项，所述目标界面内容选项为所述选择操作所作用的界面内容选项；将所述第一界面内容替换为所述目标界面内容选项对应的界面内容。
示例性的，如图13所示，在第二界面内容12中包括有SIM卡流量管理、WLAN以及声音与振动这几个界面内容选项，若检测获取到WLAN为目标界面内容选项，则会将原本的第一界面内容11替换为WLAN对应的界面内容17。
本申请提供的一种内容显示方法，从而通过上述方式，可以使得在已经显示第一界面内容后，若增大内容显示区域，可以随内容显示区域的增大而在内容显示区域中增加显示第二界面内容，进而 使得可以在内容显示区域中同时显示第一界面内容以及与该第一界面内容对应的第二界面内容，从而提升了界面显示灵活性，并提升了用户体验。并且，在本实施例中，可以通过在第一界面内容和第二界面内容相互层叠后，再通过将第一界面内容与第二界面内容相互错开的方式使得第二界面内容在内容显示区域中可见，从而实现了灵活的对第二界面内容进行展示。再者，在本实施例中，在内容显示区域中同时显示第一界面内容和第二界面内容的情况下，依然可以通过对第二界面内容进行操作来切换第一界面内容所对应层级的界面内容。
请参阅图14，本申请实施例提供的一种内容显示方法，应用于包括有显示屏的电子设备，所述显示屏的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域，所述方法包括：
S310：在所述内容显示区域中显示第一界面内容。
S320：若检测到增大所述内容显示区域的操作，检测界面扩展显示功能是否开启。
其中，该若检测到增大所述内容显示区域的操作的操作可以理解为前述实施例中的第一操作。
需要说明的是，对于不同的用户而言所喜欢的界面展示方式可能会有所不同。那么为了便于不同的用户可以根据自己的喜好来选择界面展示方式，电子设备中配置有界面扩展显示功能的开关控件。通过该开关控件用户可以选择是开启界面扩展显示功能，或者关闭界面扩展显示功能。
S330：若界面扩展显示功能处于开启状态，增大所述内容显示区域，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容。
S340：若界面扩展显示功能未处于开启状态，增大所述内容显示区域，并扩大所述第一界面内容的尺寸。
需要说明的是，在界面扩展显示功能处于开启状态的情况下，响应于所述内容显示区域的减小操作，减小所述内容显示区域，并在所述内容显示区域中取消显示所述第二界面内容。在界面扩展显示功能处于未开启状态的情况下，响应于所述内容显示区域的减小操作，减小所述内容显示区域，并将第一界面内容的尺寸进行恢复。
其中，在不同的场景的中，第一界面内容也会有所不同。例如，若第一界面内容为视频播放内容，那么在需要扩大所述第一界面内容的尺寸的情况下，则会扩大视频播放内容的长或者宽。再例如，若第一界面内容为设置界面的内容，那么在需要扩大所述第一界面内容的尺寸的情况下，则会增大设置界面的内容中文字以及图片的尺寸。
本申请提供的一种内容显示方法，从而通过上述方式，可以使得在已经显示第一界面内容后，若增大内容显示区域，可以随内容显示区域的增大而在内容显示区域中增加显示第二界面内容，进而使得可以在内容显示区域中同时显示第一界面内容以及与该第一界面内容对应的第二界面内容，从而提升了界面显示灵活性，并提升了用户体验。并且，在本实施例中，在检测到若检测到增大所述内容显示区域的操作的操作后，会检测界面扩展显示功能是否开启，进而根据界面扩展显示功能是否开启会有不同的对应措施，继而进一步的提升了界面显示的灵活性和适配性。
请参阅图15，本申请实施例提供的一种内容显示装置400，运行于包括有显示屏的电子设备，所述显示屏的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域，所述装置400包括：
内容显示单元410，用于在所述内容显示区域中显示第一界面内容。
内容显示控制单元420，用于响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容。
作为一种方式，内容显示控制单元420，具体用于响应于所述内容显示区域的增大；其中，在增大所述内容显示区域的过程中，使所述第一界面内容层叠在第二界面内容的上方，并沿第一方向移动所述第一界面内容以及使所述第二界面内容的位置相对所述电子设备的第一侧保持不变，以使所述第二界面内容在所述内容显示区域中可见，所述第一侧为与所述第一方向相对的一侧。
可选的，内容显示控制单元420，具体用于基于所述内容显示区域扩大幅度，控制所述第二界面内容的显示位置向所述第一侧移动，以使所述第二界面内容的位置相对所述电子设备的第一侧保持不变。
作为一种方式，内容显示控制单元420，具体用于若检测到增大所述内容显示区域的操作，且所述第一界面内容为在后层级的界面内容，增大所述内容显示区域，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的上在前层级的界面内容。内容显示控制单元420，还具体用于若检测到增大所述内容显示区域的操作，且所述第一界面内容为第一层级的界面内容，增大所述内容显示区域，并在所述内容显示区域中增加显示指定内容。
内容显示控制单元420，还用于若检测到作用于第二界面内容的选择操作，获取所述第二界面内容中的目标界面内容选项，所述目标界面内容选项为所述选择操作所作用的界面内容选项；将所述第一界面内容替换为所述目标界面内容选项对应的界面内容。
作为一种方式，内容显示控制单元420，还用于响应于所述内容显示区域的减小操作，减小所述内容显示区域，并在所述内容显示区域中取消显示所述第二界面内容。在这种方式中，内容显示控制单元420，具体用于响应于所述内容显示区域的减小操作，减小所述内容显示区域；其中，在减小所述内容显示区域的过程中，保持所述第二界面内容的位置相对所述电子设备的第一侧保持不变，并使所述第一界面内容向第二方向移动层叠于所述第二界面内容上，以使所述第二界面内容不可见。
可选的，所述内容显示控制单元420，还用于响应于第一操作，增大所述内容显示区域，所述第一操作用于指示所述电子设备控制所述显示屏增大所述内容显示区域。
其中，所述第一操作为对所述电子设备的实体控件作用的指定操作。可选的，所述第一操作为作用于所述电子设备的第一虚拟按键的触控操作。
可选的，所述内容显示控制单元420，还用于在增大所述内容显示区域的过程中，沿第一方向移动所述第一界面内容，所述第二界面内容从所述电子设备的第一侧起沿第一方向逐步呈现，所述第一侧为与所述第一方向相对的一侧。其中，所述二界面内容的位置相对所述电子设备的第一侧保持不变。
作为另一种方式，所述内容显示控制单元420，还用于在增大所述内容显示区域的过程中，沿第二方向移动所述第二界面内容，所述第二界面内容从所述第一界面内容的第一侧起沿第二方向逐步呈现，所述第一界面内容的第一侧为与所述第二方向对应一侧。其中，所述第一界面内容的位置相对所述电子设备的第二侧保持不变。
可选的，所述内容显示控制单元420，具体还用于若检测到增大所述内容显示区域的操作，检测界面扩展显示功能是否开启；若所述界面扩展显示功能处于开启状态，增大所述内容显示区域，在所述内容显示区域中增加显示所述第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容；若所述界面扩展显示功能未处于开启状态，增大所述内容显示区域，并扩大所述第一界面内容的尺寸。
选的，所述内容显示控制单元420，具体还用于在所述界面扩展功能处于开启状态的情况下，响应于所述内容显示区域的减小操作，减小所述内容显示区域，并在所述内容显示区域中取消显示所述第二界面内容；在所述界面扩展功能处于未开启状态的情况下，响应于所述内容显示区域的减小操作，减小所述内容显示区域，并将所述第一界面内容的尺寸进行恢复。
本实施例提供的一种内容显示装置，在显示屏的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域的情况下，当在在所述内容显示区域中显示第一界面内容后，响应于所述内容显示区域的增大，并在所述内容显示区域中增加显示与所述第一界面内容对应的第二界面内容。从而通过上述方式，可以使得在已经显示第一界面内容后，若增大内容显示区域，可以随内容显示区域的增大而在内容显示区域中增加显示第二界面内容，进而使得可以在内容显示区域中同时显示第一界面内容以及与该第一界面内容对应的第二界面内容，从而提升了界面显示灵活性，并提升了用户体验。
需要说明的是，本申请中装置实施例与前述方法实施例是相互对应的，装置实施例中具体的原理可以参见前述方法实施例中的内容，此处不再赘述。
下面将结合图16对本申请提供的一种电子设备进行说明。
请参阅图16，基于上述的内容显示方法、装置，本申请实施例还提供的另一种可以执行前述内容显示方法的电子设备200。电子设备200包括相互耦合的一个或多个(图中仅示出一个)处理器102、存储器104以及网络模块106。其中，该存储器104中存储有可以执行前述实施例中内容的程序，而处理器102可以执行该存储器104中存储的程序。
其中，处理器102可以包括一个或者多个用于处理数据的核。处理器102利用各种接口和线路连接整个电子设备200内的各个部分，通过运行或执行存储在存储器104内的指令、程序、代码集或指令集，以及调用存储在存储器104内的数据，执行电子设备200的各种功能和处理数据。可选地，处理器102可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器102可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器102中，单独通过一块通信芯片进行实现。
存储器104可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。存储器104可用于存储指令、程序、代码、代码集或指令集。例如，存储器104中可以存储有内容显示的装置。该内容显示的装置可以为前述的装置400。存储器104可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等。存储数据区还可以存储终端100在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。
所述网络模块106用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯，例如和音频播放设备进行通讯。所述网络模块106可包括各种现有的用于执行这些功能的电路元件，例如，天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。所述网络模块106可与各种网络如互联网、企业内部网、无线网络进行通讯或者通过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。例如，网络模块106可以与基站进行信息交互。
请参考图17，其示出了本申请实施例提供的一种计算机可读存储介质的结构框图。该计算机可读介质1100中存储有程序代码，所述程序代码可被处理器调用执行上述方法实施例中所描述的方法。
计算机可读存储介质1100可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地，计算机可读存储介质1100包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质1100具有执行上述方法中的任何方法步骤的程序代码1110的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码1110可以例如以适当形式进行压缩。
综上所述，本申请提供的一种内容显示方法、装置、电子设备及存储介质，在显示屏的内容显示区域的大小可调节，所述内容显示区域为所述显示屏包括的显示区域中可见的区域的情况下，当在在所述内容显示区域中显示第一界面内容后，响应于所述内容显示区域的增大，并在所述内容显示区域中增加显示与所述第一界面内容对应的第二界面内容。从而通过上述方式，可以使得在已经显示第一界面内容后，若增大内容显示区域，可以随内容显示区域的增大而在内容显示区域中增加显示第二界面内容，进而使得可以在内容显示区域中同时显示第一界面内容以及与该第一界面内容对应的第二界面内容，从而提升了界面显示灵活性，并提升了用户体验。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征图进行等同替换；而这些修改或者替换，并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (20)

  1. 一种内容显示方法，其中，应用于包括有显示屏的电子设备，所述显示屏的内容显示区域的大小可调节，所述方法包括：
    在所述内容显示区域中显示第一界面内容；
    响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容。
  2. 根据权利要求1所述的方法，其中，所述方法还包括：
    响应于第一操作，增大所述内容显示区域，所述第一操作用于指示所述电子设备控制所述显示屏增大所述内容显示区域。
  3. 根据权利要求2所述的方法，其中，所述第一操作为对所述电子设备的实体控件作用的指定操作。
  4. 根据权利要求2所述的方法，其中，所述第一操作为作用于所述电子设备的第一虚拟按键的触控操作。
  5. 根据权利要求1所述的方法，其中，响应于所述内容显示区域增大，在所述内容显示区域中增加显示第二界面内容，包括：
    在增大所述内容显示区域的过程中，沿第一方向移动所述第一界面内容，所述第二界面内容从所述电子设备的第一侧起沿第一方向逐步呈现，所述第一侧为与所述第一方向相对的一侧。
  6. 根据权利要求1-5任一所述的方法，其中，所述第二界面内容的位置相对所述电子设备的第一侧保持不变。
  7. 根据权利要求1所述的方法，其中，响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，包括：
    在增大所述内容显示区域的过程中，沿第二方向移动所述第二界面内容，所述第二界面内容从所述第一界面内容的第一侧起沿第二方向逐步呈现，所述第一界面内容的第一侧为与所述第二方向对应一侧。
  8. 根据权利要求1-7任一所述的方法，其中，所述第一界面内容的位置相对所述电子设备的第二侧保持不变。
  9. 根据权利要求1所述的方法，其中，所述响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，包括：
    若检测到增大所述内容显示区域的操作，且所述第一界面内容为在后层级的界面内容，增大所述内容显示区域，在所述内容显示区域中增加显示第二界面内容。
  10. 根据权利要求9所述的方法，其中，所述方法还包括：
    若检测到增大所述内容显示区域的操作，且所述第一界面内容为第一层级的界面内容，增大所述内容显示区域，并在所述内容显示区域中增加显示指定内容。
  11. 根据权利要求9所述的方法，其中，所述第二界面内容中显示有多个界面内容选项，所述响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容之后还包括：
    若检测到作用于第二界面内容的选择操作，获取所述第二界面内容中的目标界面内容选项，所述目标界面内容选项为所述选择操作所作用的界面内容选项；
    将所述第一界面内容替换为所述目标界面内容选项对应的界面内容。
  12. 根据权利要求1所述的方法，其中，所述响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容之后还包括：
    响应于所述内容显示区域的减小，减小所述内容显示区域，并在所述内容显示区域中取消显示所述第二界面内容。
  13. 根据权利要求12所述的方法，其中，所述响应于所述内容显示区域的减小，减小所述内容显示区域，并在所述内容显示区域中取消显示所述第二界面内容，包括：
    响应于所述内容显示区域的减小，减小所述内容显示区域；
    其中，在减小所述内容显示区域的过程中，保持所述第二界面内容的位置相对所述电子设备的第一侧保持不变，并使所述第一界面内容向第二方向移动层叠于所述第二界面内容上，以使所述第二界面内容不可见。
  14. 根据权利要求13所述的方法，其中，所述保持所述第二界面内容的位置相对所述电子设备的第一侧保持不变，包括：
    基于所述内容显示区域扩大幅度，控制所述第二界面内容的显示位置向所述第一侧移动，以使所述第二界面内容的位置相对所述电子设备的第一侧保持不变。
  15. 根据权利要求1-14任一所述的方法，其中，所述在所述内容显示区域中显示第一界面内容之后还包括：
    若检测到增大所述内容显示区域的操作，检测界面扩展显示功能是否开启；
    所述响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容，包括：
    若所述界面扩展显示功能处于开启状态，增大所述内容显示区域，在所述内容显示区域中增加显示所述第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容；
    若所述界面扩展显示功能未处于开启状态，增大所述内容显示区域，并扩大所述第一界面内容的尺寸。
  16. 根据权利要求15所述的方法，其中，所述方法还包括：
    在所述界面扩展功能处于开启状态的情况下，响应于所述内容显示区域的减小操作， 减小所述内容显示区域，并在所述内容显示区域中取消显示所述第二界面内容；
    在所述界面扩展功能处于未开启状态的情况下，响应于所述内容显示区域的减小操作，减小所述内容显示区域，并将所述第一界面内容的尺寸进行恢复。
  17. 根据权利要求1-16任一所述的方法，其中，所述第二界面内容为与所述第一界面内容对应的上在前层级的界面内容。
  18. 一种内容显示装置，其中，运行于包括有显示屏的电子设备，所述显示屏的内容显示区域的大小可调节，所述装置包括：
    内容显示单元，用于在所述内容显示区域中显示第一界面内容；
    内容显示控制单元，用于响应于所述内容显示区域的增大，在所述内容显示区域中增加显示第二界面内容，所述第二界面内容为与所述第一界面内容对应的界面内容。
  19. 一种电子设备，其中，包括处理器以及存储器；
    一个或多个程序被存储在所述存储器中并被配置为由所述处理器执行以实现权利要求1-17任一所述的方法。
  20. 一种计算机可读存储介质，其中，所述计算机可读存储介质中存储有程序代码，其中，在所述程序代码被处理器运行时执行权利要求1-17任一所述的方法。
PCT/CN2021/130938 2020-12-28 2021-11-16 内容显示方法、装置、电子设备及存储介质 WO2022142799A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP21913542.3A EP4270164A4 (en) 2020-12-28 2021-11-16 CONTENT DISPLAY METHOD AND APPARATUS, ELECTRONIC DEVICE AND STORAGE MEDIUM
US18/215,171 US20230342002A1 (en) 2020-12-28 2023-06-28 Method for displaying content, electronic device, and storage medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202011581043.5 2020-12-28
CN202011581043.5A CN114690991A (zh) 2020-12-28 2020-12-28 内容显示方法、装置以及电子设备

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/215,171 Continuation US20230342002A1 (en) 2020-12-28 2023-06-28 Method for displaying content, electronic device, and storage medium

Publications (1)

Publication Number Publication Date
WO2022142799A1 true WO2022142799A1 (zh) 2022-07-07

Family

ID=82129096

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/130938 WO2022142799A1 (zh) 2020-12-28 2021-11-16 内容显示方法、装置、电子设备及存储介质

Country Status (4)

Country Link
US (1) US20230342002A1 (zh)
EP (1) EP4270164A4 (zh)
CN (1) CN114690991A (zh)
WO (1) WO2022142799A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117421073A (zh) * 2022-07-11 2024-01-19 华为技术有限公司 一种显示方法及电子设备

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20170168769A1 (en) * 2015-12-10 2017-06-15 Lg Electronics Inc. Flexible display device
US20180284964A1 (en) * 2015-10-13 2018-10-04 Lg Electronics Inc. Flexible display apparatus
CN109725773A (zh) * 2018-12-29 2019-05-07 维沃移动通信有限公司 一种柔性屏的控制方法及终端
CN111026301A (zh) * 2019-11-20 2020-04-17 维沃移动通信有限公司 一种显示方法及电子设备
CN111104086A (zh) * 2019-11-19 2020-05-05 维沃移动通信有限公司 一种显示方法及电子设备
CN111124179A (zh) * 2019-12-20 2020-05-08 维沃移动通信有限公司 一种信息处理方法及电子设备
CN111459333A (zh) * 2020-03-31 2020-07-28 维沃移动通信有限公司 一种内容显示方法及电子设备

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102560664B1 (ko) * 2015-09-30 2023-07-27 엘지전자 주식회사 이동 단말기 및 그 제어 방법
KR102387115B1 (ko) * 2015-11-18 2022-04-18 삼성전자주식회사 전자 장치 및 이의 제어 방법
CN111508372A (zh) * 2020-05-26 2020-08-07 武汉华星光电半导体显示技术有限公司 柔性显示装置

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180284964A1 (en) * 2015-10-13 2018-10-04 Lg Electronics Inc. Flexible display apparatus
US20170168769A1 (en) * 2015-12-10 2017-06-15 Lg Electronics Inc. Flexible display device
CN109725773A (zh) * 2018-12-29 2019-05-07 维沃移动通信有限公司 一种柔性屏的控制方法及终端
CN111104086A (zh) * 2019-11-19 2020-05-05 维沃移动通信有限公司 一种显示方法及电子设备
CN111026301A (zh) * 2019-11-20 2020-04-17 维沃移动通信有限公司 一种显示方法及电子设备
CN111124179A (zh) * 2019-12-20 2020-05-08 维沃移动通信有限公司 一种信息处理方法及电子设备
CN111459333A (zh) * 2020-03-31 2020-07-28 维沃移动通信有限公司 一种内容显示方法及电子设备

Also Published As

Publication number Publication date
CN114690991A (zh) 2022-07-01
EP4270164A4 (en) 2024-06-26
US20230342002A1 (en) 2023-10-26
EP4270164A1 (en) 2023-11-01

Similar Documents

Publication Publication Date Title
JP7114633B2 (ja) 画面ミラーリング方法、装置、端末及び記憶媒体
CN110058828B (zh) 应用程序显示方法、装置、电子设备及存储介质
JP4361945B2 (ja) 情報処理装置およびプログラム
CN105391965A (zh) 基于多摄像头的视频录制方法及装置
JP6187625B1 (ja) 音量調整装置、及び、音量調整プログラム
EP4220366A1 (en) Application starting method, electronic device, and readable storage medium
US20150363091A1 (en) Electronic device and method of controlling same
JP2021510878A (ja) ユーザーインターフェース表示方法、装置及びデバイス
WO2022142799A1 (zh) 内容显示方法、装置、电子设备及存储介质
US20160202948A1 (en) Causation of stylistic mimicry on a companion apparatus
CN112135081B (zh) 模式控制方法、装置、插帧芯片以及电子设备
CN113422872A (zh) 电子设备的控制方法、装置、电子设备和可读存储介质
CN105653195A (zh) 截屏方法及移动终端
CN112057842A (zh) 帧率控制方法、装置以及电子设备
JP5853003B2 (ja) 画面共有端末、画面共有方法、画面共有端末用プログラム
WO2023226422A1 (zh) 内容编辑的控制方法、装置、电子设备及存储介质
JP6017858B2 (ja) 電子機器及び音出力方法
CN116980719A (zh) 一种视频开启方法、装置及计算机可读存储介质
JP5702271B2 (ja) 無線端末装置及び通信制御方法
KR20150067117A (ko) 이동 단말기 및 그것의 제어 방법
CN114882915A (zh) 信息记录方法、装置以及电子设备
WO2021072760A1 (zh) 触摸屏报点方法、装置、电子设备及存储介质
WO2022237459A1 (zh) 内容显示控制方法、装置、电子设备及存储介质
CN114968430A (zh) 界面控制方法、装置以及电子设备
CN109491734B (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: 21913542

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

Country of ref document: EP

Effective date: 20230727