Display method of electronic equipment and first electronic equipment

By setting up a variable-size display area and driving component control in electronic devices, the restart problem during display ratio switching is solved, achieving seamless content display and improved user experience.

CN121934804APending Publication Date: 2026-04-28LENOVO (BEIJING) LTD
View PDF 0 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
LENOVO (BEIJING) LTD
Filing Date
2025-12-31
Publication Date
2026-04-28

AI Technical Summary

Technical Problem

When displaying content at different scales on electronic devices, the display components need to be restarted to switch the scales, which affects the user experience.

Method used

By setting a variable-size display area in the electronic device, the content to be displayed is divided into a first display area and a second display area, which respectively display the core content and related content, and the expansion and contraction of the display components are controlled by the driving component to adapt to different display ratios.

Benefits of technology

It enables seamless switching between different display ratios, improving user experience and device compatibility, and reducing resource waste and display mismatch issues.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN121934804A_ABST
    Figure CN121934804A_ABST
Patent Text Reader

Abstract

The invention provides a display method of electronic equipment and first electronic equipment. The display method of the electronic equipment is applied to first electronic equipment and comprises the following steps: acquiring a display attribute of to-be-displayed content; displaying the to-be-displayed content in the first display area according to the display attribute; the display area of the first electronic equipment comprises a first display area and a second display area, and the size of the display area of the first electronic equipment can be changed; and displaying the content related to the to-be-displayed content in the second display area.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This application relates to, but is not limited to, the field of display technology, and in particular to a display method for an electronic device and a first electronic device. Background Technology

[0002] In related technologies, when displaying content of different proportions in an electronic device with display function, it is necessary to restart the display component of the electronic device to switch between different display proportions, which may affect the user experience. Summary of the Invention

[0003] In view of this, embodiments of this application provide at least one display method for an electronic device and a first electronic device.

[0004] The technical solution of this application embodiment is implemented as follows: This application provides a display method for an electronic device, including: obtaining display attributes of content to be displayed; displaying the content to be displayed in a first display area according to the display attributes; the display area of ​​the first electronic device includes a first display area and a second display area, and the size of the display area of ​​the first electronic device can be varied; and displaying content related to the content to be displayed in the second display area.

[0005] This application provides a first electronic device, including a display component, a processing component, and a driving component; the driving component is used to drive the display component to extend and retract, so that the display area of ​​the display component can be varied; the processing component is used to obtain the display attributes of the content to be displayed; based on the display attributes, divide the display area into a first display area and a second display area; control the display component to display the content to be displayed in the first display area according to the display attributes; and control the display component to display content related to the content to be displayed in the second display area.

[0006] It should be understood that the above general description and the following detailed description are merely exemplary and explanatory, and are not intended to limit the technical solutions of this application. Attached Figure Description

[0007] Figure 1 This is a schematic diagram illustrating the implementation process of a display method for an electronic device provided in an embodiment of this application; Figure 2 This is a schematic diagram of the display size of a first electronic device in different forms according to an embodiment of this application; Figure 3 This is a schematic diagram illustrating the implementation process of a game streaming method for an extendable screen device provided in an embodiment of this application; Figure 4 This is a flowchart illustrating the process of adjusting and establishing the size of a display area according to an embodiment of this application; Figure 5 This is a schematic diagram of a process for entering the main display loop provided in an embodiment of this application; Figure 6 This is a schematic diagram of a partitioned display of an extendable screen provided in an embodiment of this application; Figure 7 This is a schematic diagram of the composition structure of an electronic device provided in an embodiment of this application.

[0008] It should be noted that the terms "first" and "second" mentioned above are only used to distinguish between different options and do not represent the degree of superiority or inferiority of the options or their priority in the implementation process. Detailed Implementation

[0009] To make the objectives, technical solutions, and advantages of this application clearer, the application will be further described in detail below with reference to the accompanying drawings. The described embodiments should not be regarded as limitations on this application. All other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application.

[0010] In the following description, the terms "first / second / third" are used merely to distinguish similar objects and do not represent a specific ordering of the objects. It is understood that "first / second / third" can be interchanged in a specific order or sequence where permitted, so that the embodiments of this application described herein can be implemented in an order other than that illustrated or described herein. Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for descriptive purposes only and is not intended to limit the scope of this application. It should also be noted that, for ease of description, only the parts relevant to the application are shown in the accompanying drawings.

[0011] This application provides a display method for an electronic device, applied to a first electronic device. The first electronic device is an electronic device with display components (such as a display screen, projection component, etc.) to provide display functions. The electronic device can refer to a server, laptop computer, tablet computer, desktop computer, smart TV, mobile device (such as a mobile phone, portable video player, personal digital assistant, dedicated messaging device, portable gaming device), or other device with data processing capabilities. Figure 1 As shown, the method includes the following steps S101 to S103: Step S101: Obtain the display attributes of the content to be displayed.

[0012] Here, the content to be displayed refers to the content to be displayed on the display component of the first electronic device. For example, the content to be displayed may include, but is not limited to, at least one of application windows, system interfaces, startup desktops, etc.

[0013] Display attributes are the characteristic parameters that the content to be displayed has when it is presented on the screen. For example, they may include, but are not limited to, at least one of the following: display size, aspect ratio, color mode, brightness, etc.

[0014] In some implementations, the display attributes of the content to be displayed can be determined based on the content itself or the display scenario. The display scenario may include, but is not limited to, at least one of the following: display time, display location (e.g., indoor or outdoor), and the display device used to display the content.

[0015] For example, when the content to be displayed is an application window, the display attributes of the content to be displayed can include the display size corresponding to the application (such as an aspect ratio of 16:9). This display size can be obtained after determining the application corresponding to the application window; it can also be determined based on the display device on which the application was displayed in a historical time. For example, if the application was last displayed on a second electronic device different from the first electronic device, the display size corresponding to the display area of ​​the second electronic device can be determined as the display size of the application window.

[0016] For example, when the display attribute of the content to be displayed is display brightness, the display brightness can be determined based on the time, scene, or operating mode of the first electronic device when the content is displayed; for example, if the content is displayed at noon or outdoors, the corresponding display brightness can be determined based on the ambient brightness.

[0017] In some implementations, where display attributes include resolution and / or aspect ratio, these attributes can be determined based on existing content stored locally on the first electronic device or received from the second electronic device. This allows for comprehensive consideration of both the local environment and external input conditions, optimizing the display adaptation of the content to be displayed.

[0018] For example, when a user is using game video resources stored locally on a first electronic device, the corresponding display ratio can be obtained by reading the game video resource metadata stored locally.

[0019] For example, when users conduct remote conferences via streaming, the corresponding display attributes can be determined by the display ratio obtained from the remote server and the resolution of the first electronic device.

[0020] Step S102: Display the content to be displayed in the first display area according to the display attributes; the display area of ​​the first electronic device includes a first display area and a second display area, and the size of the display area of ​​the first electronic device can be varied.

[0021] Here, the first display area is the main display area used to display the core content (i.e., the content to be displayed), and has display attributes that match the content to be displayed. The second display area is an auxiliary display area that coexists with the first display area, used to display content or functional controls that are related to but not core to the content of the first display area. For example, in a game scene, the first display area can be used to display the game interface, and the second display area can be used to display virtual controllers, function buttons, or other interactive elements.

[0022] In practice, the first display area displays the content according to its original proportions based on the display attributes of the content to be displayed, which can provide users with a better viewing experience.

[0023] In practice, the first display area can be located at a preset position (such as the center position) of the display screen of the first electronic device, and the size of the first display area can be dynamically adjusted according to the content to be displayed.

[0024] The overall size of the display area of ​​the first electronic device is variable.

[0025] In some implementations, the first electronic device may have a flexible screen, a foldable screen, or a sliding screen, so that the first electronic device can expand or shrink the display area according to the user's usage needs, flexibly adapt to the display needs in different scenarios, and improve space utilization.

[0026] In some embodiments, the first electronic device may include a display component (screen), a processing component, and a driving component. The display component is used to display content to be displayed; the processing component has data processing capabilities and can be used to implement the display method of this application; the driving component is used to drive the display component to extend or retract, so that the display area of ​​the display component can be varied.

[0027] Step S103: Display the content related to the content to be displayed in the second display area.

[0028] Here, the content related to the content to be displayed can include static content or dynamic content.

[0029] For example, if the game interface is displayed in the first display area, the content displayed in the second display area may include dynamically responsive and changing content such as game controllers and game buttons, as well as static content such as game guides and game highlight screenshots.

[0030] For example, if a video window is displayed in the first display area, the content displayed in the second display area may include a video thumbnail window synchronized with the first display area, as well as static content such as playlists and video recommendations.

[0031] In this way, users can use the first electronic device to simultaneously view the content to be displayed and related auxiliary content, achieving coordinated display of primary and secondary content. This allows different types of content to run independently in separate areas without interfering with each other, improving the overall interactive experience and resource utilization.

[0032] In this embodiment, the core content to be displayed is shown in a first display area, and related content is simultaneously displayed in a second display area. Based on a first electronic device with a variable display size, the content to be displayed can be shown in the first display area with corresponding display attributes. Thus, on the one hand, because the display area size is variable, the first electronic device can adapt to content of different proportions or sizes, thereby improving the user experience in various display scenarios by increasing the applicability of the first electronic device; on the other hand, by dividing the display area of ​​the first electronic device into a first display area and a second display area, a clear distinction between primary and secondary display elements can be achieved.

[0033] Understandably, compared to a fixed-partition display method, this solution supports dynamic adjustment of the display area layout, thereby reducing the possibility of resource waste and the problem of the content to be displayed being difficult to adapt to the device's display area.

[0034] In some embodiments, the second display area includes a first sub-area and a second sub-area, and the layout of the first sub-area and the second sub-area includes at least one of the following: the first sub-area is located above, below, to the left or to the right of the second sub-area; the first sub-area and the second sub-area are respectively located on both sides of the first display area; the first sub-area and the second sub-area are both located above, below, to the left or to the right of the first display area.

[0035] Here, the second display area can be divided into multiple sub-areas to accommodate different interaction needs. By dividing the second display area into multiple sub-areas, the position and layout of elements in each sub-area can be flexibly configured, thereby improving user interaction efficiency and viewing experience. It is understood that the first and second sub-areas are only used to distinguish their respective purposes and do not limit the number of windows in each sub-area.

[0036] For example, the first sub-region and the second sub-region can be two different functional partitions within the second display area, each used to display different operational elements.

[0037] For example, in a game scene, the first sub-area can be used to display interactive controls such as game controllers, while the second sub-area can be used to display static content such as game guides.

[0038] For example, in a video playback scenario, the first sub-area can be used to display the video thumbnail window and playback adjustment controls, while the second sub-area can be used to display the playlist.

[0039] In some implementations, the first sub-region may be located above, below, to the left, or to the right of the second sub-region. The specific arrangement of the first and second sub-regions may depend on the form and structure of the display screen and / or the user's usage habits. It is understood that this description is only intended to depict the relative relationship between the first and second sub-regions and is not limited to whether the first and second sub-regions are on the same side relative to the first display area.

[0040] For example, in landscape mode, the first sub-region can be located to the left or right of the second sub-region; in portrait mode, the first sub-region can be located above or below the second sub-region.

[0041] For example, if the first sub-area is used to display interactive controls corresponding to the content to be displayed, and the user's preferred operation side is the right side, the first sub-area can be set to the right of the second sub-area to facilitate user interaction.

[0042] In some implementations, the first sub-region and the second sub-region may be located on either side of the first display area. It is understood that the first display area is used to display core content. By controlling the first and second sub-regions to surround the first display area, a complete multi-region display structure is formed, which can provide additional auxiliary display areas while improving the integrity of the content to be displayed.

[0043] For example, when the first sub-region and the second sub-region are located on the left and right sides of the first display area, respectively, the display controls in the first sub-region and the second sub-region can respectively simulate the left and right parts of a physical controller, thereby achieving an operating experience similar to that of a physical controller.

[0044] In some implementations, the first sub-region and the second sub-region may be located on the same side relative to the first display area.

[0045] For example, the first sub-region and the second sub-region can be placed on the same side to accommodate the needs of one-handed operation (both the first and second sub-regions are used to display interactive controls) or a specific display layout (the first and second sub-regions are used to display interactive controls and / or static content).

[0046] In some implementations, the second display area can be divided into at least two independent functional sub-areas. These sub-areas can be adjacent or relatively distributed to carry different auxiliary display content, thereby improving the customizability and scalability of the content to be displayed. For example, the second display area may include a first sub-area, a second sub-area, and a third sub-area, each sub-area being used to display functional modules such as virtual joysticks, buttons, or shortcut keys.

[0047] In summary, the method of dividing the second display area into multiple sub-regions and setting different layouts in this embodiment can better adapt to devices with irregularly shaped screens. This division and layout method can improve the compatibility and ease of operation of game streaming. Through this division and layout method, the user's gaming experience on non-standard screens can be optimized. Because the gaming experience is optimized, more natural touch operations can be achieved. Because more natural touch operations are achieved, overall game performance and user satisfaction can be improved.

[0048] In this embodiment, the second display area is divided into multiple sub-areas with different layouts. This allows the second display area to more flexibly adapt to different display needs and user interaction scenarios, improving the overall usability and readability of the display interface. It is understood that, compared to traditional single-layout methods, this solution enhances support for complex display structures such as irregularly shaped screens, foldable screens, and retractable screens.

[0049] In some embodiments, before displaying the content to be displayed in the first display area with display attributes, the display method of the above-mentioned electronic device may further include the following step S111: Step S111: Obtain the content to be displayed sent by the second electronic device.

[0050] It is understandable that, since the display attributes of the content to be displayed can be determined based on the content itself or the display scenario, the display attributes of the content to be displayed can be obtained before or after the second electronic device sends the content to be displayed to the first electronic device.

[0051] In practice, the content to be displayed sent by the second electronic device may include the data to be displayed corresponding to the content to be displayed, such as image data generated by drawing based on image frames; it may also include raw data that has not been drawn. Further, the first electronic device processes (decodes, converts, draws, etc.) the raw data and displays it.

[0052] For example, the second electronic device can transmit the data corresponding to the content to be displayed to the first electronic device via streaming. For instance, if the first electronic device is used as an extended screen, it receives the content to be displayed from the second electronic device and adjusts and lays it out according to the display parameters and device parameters of the first electronic device. This allows the first electronic device to flexibly adapt to content of different proportions and sizes and present it at the original proportions according to its corresponding attribute information.

[0053] In this way, by obtaining the content to be displayed from the second electronic device, the first electronic device can achieve adaptive display of the content to be displayed, which can improve the compatibility and display quality in the multi-screen collaboration mode and enhance the user experience.

[0054] After displaying the content to be displayed in the first display area according to display attributes, the display method of the above-mentioned electronic device may further include the following steps S112 to S113: Step S112: In response to a trigger event acting on the second display area, send a first signal characterizing the trigger event to the second electronic device.

[0055] Here, the triggering event is an event generated in response to the user's operation on the second display area, reflecting the user's operation intention; for example, the operation may include, but is not limited to, at least one of touch operation (click, swipe, long press, etc.), voice command, spatial gesture operation, etc.

[0056] The first signal is a control command generated by the first electronic device and sent to the second electronic device, used to represent the user's operational intention in the second display area.

[0057] In implementation, the first electronic device responds to an operation performed by the user in the second display area, identifies it as a corresponding trigger event, and converts the trigger event into a first signal, which is then sent to the second electronic device. Upon receiving the first signal, the second electronic device can update the content to be displayed or perform a corresponding operation based on the content of the first signal. This enables real-time interaction across devices, improves the operational flexibility and response speed of the devices, and ultimately optimizes the overall interactive experience.

[0058] For example, the first electronic device may send a first signal to the second electronic device in response to a user's triggering of a virtual control in the second display area; wherein the first signal carries the position information and type information of the virtual control, thereby enabling the second electronic device to determine whether to adjust the content to be displayed in the first display area based on the corresponding information.

[0059] For example, the first electronic device can respond to the sensing signal of the second display area and send a first signal to the second electronic device after acquiring the user's spatial gesture trajectory; wherein, the first signal carries the position information of the trajectory, so that the second electronic device can determine whether to adjust the content to be displayed in the first display area according to the corresponding information.

[0060] Step S113: Obtain the updated content to be displayed from the second electronic device in response to the first signal.

[0061] Here, the updated content to be displayed is the screen content regenerated or modified by the second electronic device in response to the first signal. After receiving the updated content to be displayed, the first electronic device can rearrange and display the display area according to the display attributes corresponding to the updated content, so as to present the user with the latest content adapted to the current display scene. Therefore, the acquisition of the content to be displayed can occur in the initial receiving stage (acquiring the initial content to be displayed), or it can be dynamically acquired in subsequent interaction processes (acquiring the updated content to be displayed).

[0062] For example, in a game scene, the updated content to be displayed may include, but is not limited to, changes in the game screen corresponding to the triggered event, updates to character actions, and switching of interface elements.

[0063] For example, in a meeting scenario, the content to be updated and displayed may include, but is not limited to, changes in the focus window corresponding to the triggering event, the connection of the meeting, and the termination of the meeting.

[0064] By obtaining the updated content to be displayed returned by the second electronic device, the first electronic device can make the displayed content consistent with the user's actual operation, thereby achieving dynamic synchronization of the displayed content and improving the user's immersion and interaction efficiency.

[0065] In this embodiment, after the first electronic device obtains the content to be displayed from the second electronic device, it sends a first signal to the second electronic device in response to a trigger event in the second display area, thereby obtaining updated content to be displayed from the second electronic device. In this way, by establishing a two-way communication mechanism with the second electronic device, cross-device data linkage and feedback control are achieved, enabling the streaming display and updating of the content to be displayed, thereby enhancing the collaborative display capabilities between multiple devices and improving human-computer interaction efficiency.

[0066] In some embodiments, the display method of the above-described electronic device may further include the following step S121: Step S121: Based on the display attributes, create the first control component and the second control component.

[0067] Here, display attributes can include display parameters that define how the content to be displayed is presented, such as resolution, scaling ratio, color mode, refresh rate, and display orientation (landscape or portrait).

[0068] The first display area and the second display area can be regarded as two independent virtual display components, and the first control component and the second control component correspond to the virtual controllers of the first display area and the second display area, respectively. Among them, the control component is a software-level module responsible for managing the display behavior of the corresponding area, including but not limited to rendering, layout, input processing, etc.

[0069] For example, the first control component can be bound to the Open Graphics Library (OpenGL) corresponding to the first display area, thereby taking over and rendering the display window corresponding to the first display area. Similarly, the second control component can be bound to the OpenGL corresponding to the second display area, thereby taking over and rendering the display window corresponding to the second display area.

[0070] In some implementations, the display sizes corresponding to the first display area and the second display area can be determined based on the display size in the display attributes. Further, a first control component and a second control component corresponding to the first display area and the second display area are created, respectively.

[0071] During implementation, the first control component and the second control component can operate independently without interfering with each other; or they can work together to achieve cross-regional interaction.

[0072] Step S102 above may include the following step S122: Step S122: Display the content to be displayed in the first display area using the first control component and display attributes.

[0073] Step S103 above may include the following step S123: Step S123: Display content related to the content to be displayed in the second display area through the second control component.

[0074] In implementation, the second control component can be used to render and manage the content in the second display area. For example, the second control component can display virtual buttons, sliders, and other controls at an appropriate size and layout. Furthermore, the second control component can listen for user touch or key presses.

[0075] In this embodiment, a first control component and a second control component are created to control the display of content in the first display area and the second display area, respectively. This introduction of control components to independently manage different display areas enables fine-grained display control, ensuring that the content in each area does not interfere with each other and works efficiently together. It is understood that compared to a single control component uniformly controlling the entire display component, this solution improves adaptability and compatibility with multi-tasking (multi-content display).

[0076] In some embodiments, the display method of the above-described electronic device may further include the following steps S131 to S133: Step S131: In response to the content to be displayed being switched from the first display content corresponding to the first application to the second display content corresponding to the second application, obtain the display attributes of the second display content; the first application and the second application are different.

[0077] Here, the first application and the second application can be two different applications or functional modules running on the electronic device. In implementation, the first application and the second application can be of the same or different types, and this application embodiment does not limit this. For example, the first application and the second application can be different game applications. Or, for instance, the first application can be a game application, and the second application can be a video playback application. When switching from displaying the first display content corresponding to the first application to displaying the second display content corresponding to the second application, a change in the content to be displayed is detected, and the display attributes corresponding to the latest content to be displayed (i.e., the second display content) can be identified, so as to adapt the display effect corresponding to the content while switching display content.

[0078] The first and second display contents can correspond to the content to be displayed in the above display method. In implementation, the first and / or second display contents can originate from the first or second electronic device.

[0079] Step S132: Through the first control component, control the first display area to switch from displaying the first display content to displaying the second display content with the display attributes of the second display content.

[0080] In this step, after obtaining the display attributes of the second application, the first display area that originally displayed the first display content can be switched to be rendered and displayed with the display attributes of the second display content through the first control component, so as to achieve seamless switching of display content without restarting the first electronic device.

[0081] For example, when switching from game mode to video playback mode, the resolution, aspect ratio, and other parameters of the first display area will be dynamically adjusted to adapt to the display requirements of switching from game content to video content.

[0082] Step S133: Through the second control component, control the second display area to switch from displaying the first content related to the first display content to displaying the second content related to the second display content.

[0083] Here, when the content displayed in the first display area is switched to the second display area, the content of the second display area can be adjusted synchronously through the second control component so that the content of the second display area matches the current main display area (i.e., the first display area).

[0084] For example, when switching from the game screen to the video playback window, the content displayed in the second display area can be switched from displaying a virtual controller to displaying at least one of the following: a video progress bar, subtitle information, a playlist, etc.

[0085] Through the coordinated efforts of the above steps, the system achieves smooth switching between multiple applications while maintaining consistency in content and attributes across different display areas. This enhances the user's experience during multitasking, preventing stuttering or display anomalies caused by mismatched display attributes, and ultimately supporting more flexible and personalized display scenarios.

[0086] In this embodiment, in response to the switching of the content to be displayed from the first display content corresponding to the first application to the second display content corresponding to the second application, the display attributes of the second display content are obtained; and the second display content and related second content are switched and displayed through the first control component and the second control component, respectively. In this way, the first electronic device can adaptively adjust for applications with different display attributes in response to the switching of the application to which the display content belongs, thereby achieving seamless application switching for the user without needing to turn off or restart the first electronic device, and adapting the display area to the current application, thus improving the smoothness and consistency of the user's viewing or interaction.

[0087] In some embodiments, the display attributes include display size; after obtaining the display attributes of the content to be displayed, the display method of the above-described electronic device may further include the following steps S141 to S144: Step S141: Determine the current first display size of the display area of ​​the first electronic device.

[0088] Here, the first display size is the actual resolution and / or aspect ratio of the display screen currently used by the first electronic device.

[0089] For example, when the first electronic device has a retractable screen, the first display size of the first electronic device can be the display size of the retractable screen in its current retractable state.

[0090] For example, if the first electronic device has an irregularly shaped screen (such as a rollable screen or a foldable screen), the first display size of the first electronic device can be the display size that is attached to the screen surface.

[0091] For example, such as Figure 2As shown, the first electronic device can include three forms: In the first form, the aspect ratio of the first display size of the screen of the first electronic device is 16:10, and the display area 210 of the screen displays a game interface 211; In the second form, the aspect ratio of the first display size of the screen of the first electronic device is 21:9, the display area 220 of the screen is larger than the display area 210, and the display area 220 displays a game interface 221, wherein the content displayed in the game interface 221 is more complete than the content displayed in the game interface 211; In the third form, the aspect ratio of the first display size of the screen of the first electronic device is 24:9, the display area 230 of the screen is larger than the display area 220, and the display area 230 displays the game interface 221 and the strategy content 231 corresponding to the game application, wherein the display area corresponding to the game interface 221 can correspond to the first display area mentioned above, and the display area corresponding to the strategy content 231 can correspond to the second display area mentioned above. In the first state, the display screen of the first electronic device does not extend or retract; in the second state, the display screen of the first electronic device extends to both the left and right sides; in the third state, the extension range of the display screen of the first electronic device to the left and right sides is greater than that in the second state.

[0092] In some implementations, the first display size can be obtained by calling the operating system interface, reading graphics card information, or querying screen configuration information through a preset application programming interface (API).

[0093] Step S142: Based on the first display size and the second display size of the content to be displayed, determine whether the first electronic device supports displaying the content to be displayed.

[0094] Here, the second display size refers to the resolution and / or aspect ratio required for the content to be displayed. The metadata of the content to be displayed may include its corresponding second display size; such parameters can be provided by game engines, video players, or other content sources.

[0095] It is understandable that if the first display size and the second display size do not match, the display effect of the content to be displayed may be poor.

[0096] For example, if the preset aspect ratio of the content to be displayed is 16:9, while the current aspect ratio of the first electronic device is 21:9, displaying the content to be displayed through the first electronic device may result in screen stretching or black borders.

[0097] In some implementations, if the aspect ratio of the first display size does not match that of the second display size (e.g., the aspect ratios are different), or if the resolution of the first display size is insufficient to display the complete content to be displayed, it can be determined that the first electronic device does not support displaying the content to be displayed; otherwise, it can be determined that the first electronic device supports displaying the content to be displayed.

[0098] Step S143: If the first electronic device does not support displaying the content to be displayed, control the first electronic device to switch from the first display size to the third display size.

[0099] Here, the third display size is the display size obtained after controlling the first electronic device to extend or retract, and is used to support the display of the content to be displayed, or the display of the content to be displayed and its related content.

[0100] For example, if the first display size is insufficient to display the entire content to be displayed, the first electronic device can be controlled to extend, thereby switching to a third display size.

[0101] For example, if there is still unused area after the first display size has fully displayed the content to be displayed, the first electronic device can be controlled to shrink, thereby switching to the third display size.

[0102] By switching the first electronic device from the first display size to the third display size, problems such as screen distortion and black borders caused by mismatched display ratios can be reduced, thereby improving the user's visual experience and operational comfort.

[0103] Step S144: Based on the second display size, divide the display area of ​​the first electronic device under the third display size into a first display area and a second display area.

[0104] Here, under the third display size, the entire display area of ​​the first electronic device is divided into two parts: the first display area is used to display the main content (such as game screen, video playback window, main conference interface, etc.), and the second display area is used to display auxiliary content (such as virtual controller, interactive controls, video information, conference participant list, etc.).

[0105] For example, if the preset aspect ratio of the content to be displayed is 16:9, and the current aspect ratio of the first electronic device is 21:9, the first electronic device can be shrunk to adjust its aspect ratio to 18:9. Furthermore, 16 of the 18 equal parts of the display area are defined as the first display area, and the remaining 2 parts are defined as the second display area.

[0106] For example, if the preset aspect ratio of the content to be displayed is 21:9, and the current aspect ratio of the first electronic device is 16:9, the first electronic device can be stretched to adjust its aspect ratio to 24:9. Then, 21 of the 24 equal parts of the display area are defined as the first display area, and the remaining 3 parts are defined as the second display area.

[0107] It is understood that the above examples all use height as the standard to divide the display area corresponding to the width; in practice, the width can also be used as the standard to divide the display area corresponding to the height, and this application embodiment does not limit this.

[0108] In this embodiment, based on the current first display size of the display area of ​​the first electronic device and the second display size of the content to be displayed, it is determined whether the first electronic device supports displaying the content to be displayed; if not, the display size of the first electronic device is adjusted; if a third display size is met for displaying the content to be displayed, the display area of ​​the first electronic device is divided into a first display area and a second display area according to the second display size. Thus, by introducing display size detection and switching after obtaining display attributes, the scaling strategy of the display area of ​​the first electronic device can be determined according to the display size of the content to be displayed, thereby improving the adaptability of the first electronic device to content of different display sizes, reducing screen anomalies caused by display ratio mismatch, improving user immersion and ease of operation, and further enhancing the overall interactive experience.

[0109] In some embodiments, controlling the first electronic device to switch from the first display size to the third display size in step S143 above may include the following step S151: Step S151: Under the first display size, control the display area of ​​the first electronic device to expand along the target direction until it switches to the third display size; the target direction includes one or more directions.

[0110] Here, the target direction is the direction extended during the display size switching process of the first electronic device, which may include, but is not limited to, horizontal (horizontal direction) and / or vertical (direction perpendicular to the horizontal direction).

[0111] During implementation, the target direction can be determined based on the device hardware, display requirements, and / or user interaction habits.

[0112] For example, in a streaming scenario, if the main screen is displayed in landscape mode and the first electronic device is currently displayed in portrait mode, then the target direction is horizontal.

[0113] For example, if the user's preferred operating side is the left side, the display area of ​​the first electronic device can be expanded along the left side to set up a second display area on the left side, which facilitates user interaction.

[0114] For example, it can be deployed to at least one side of the first electronic device that extends toward the supporting display area.

[0115] In some implementations, the target direction can also be dynamically adjusted according to the application scenario. For example, when a user rotates the first electronic device from portrait to landscape mode, the horizontal direction can be determined as the target direction, and the display area can be controlled to extend horizontally, thereby completing the switch from portrait to landscape mode.

[0116] Understandably, this solution is suitable for application scenarios that require larger display space. For example, in video playback scenarios, users can obtain a wider screen; in image editing scenarios, image details can be better displayed; and when users perform multi-window operations, a larger work area can be provided, thereby improving user efficiency.

[0117] Furthermore, the method of extending based on the target direction can more flexibly adapt to different display needs and user behaviors. For example, in a game interface streaming scenario, the first display area, as the main screen, can maintain the original proportions of the game interface, while the second display area, as the controller area, can be distributed on the left and right sides of the first display area, extending horizontally respectively, thereby achieving independent display and operation of multiple areas.

[0118] In this embodiment, the display area of ​​the first electronic device is controlled to expand along a target direction until it switches from a first display size to a third display size. This gradual expansion of the display area along a specific direction (one or more directions) achieves a smooth size switching process, reducing user discomfort caused by visual abrupt changes while ensuring the display area of ​​the first electronic device can support the display of the content to be displayed.

[0119] In some embodiments, step S103 may include at least one of steps S161 to S162: Step S161: Display the content sent by the second electronic device that is related to the content to be displayed in the second display area.

[0120] Here, the content related to the content to be displayed displayed in the second display area is received from the second electronic device. Thus, the first electronic device can display the content in the second display area in response to receiving the content related to the content to be displayed.

[0121] For example, in a meeting scenario, while the meeting window is displayed in the first display area, the file content received from the second electronic device can be displayed in the second display area, allowing the user to perform relevant presentations or analyses in real time based on the latest file content displayed in the second display area during the meeting.

[0122] For example, in a game scenario, while the game interface can be displayed in the first display area, the game guide received from the second electronic device can be displayed in the second display area, thereby helping users to quickly and smoothly solve problems when they encounter difficulties in game levels by referring to the corresponding guide.

[0123] In some implementations, content related to the content to be displayed can be generated by a second electronic device and sent to a first electronic device for display via streaming, thereby enabling multi-screen collaborative operation; alternatively, the second electronic device can send only the corresponding data packets, and the first electronic device can convert and display the content of the data packets.

[0124] Step S162: Determine the target function control corresponding to the content to be displayed from the function controls supported by the first electronic device and display it in the second display area.

[0125] Here, the functional controls may include controls that can provide functional services, and for example, may include at least one of virtual gamepad buttons, menu buttons, skill shortcuts, settings options, etc.

[0126] The resource library of the first electronic device can pre-store controls that can provide specific functional services, such as virtual gamepads and virtual buttons. Furthermore, based on the content to be displayed, an appropriate functional control can be selected as the target functional control for display in the second display area.

[0127] For example, if the content to be displayed includes racing games, a virtual gamepad supported by the first electronic device and capable of being used for joystick control can be displayed as the target function control in the second display area to adapt to the game control of racing games.

[0128] For example, if the content to be displayed includes a video playback application, the virtual buttons supported by the first electronic device that can be used to switch playback content can be used as the target function control, as well as the video playlist display and the second display area, so that the user can switch between videos.

[0129] In some implementations, the first electronic device can select the most suitable combination of controls from its supported functional controls as the target functional control based on the type of content to be displayed and / or user preferences, and display it in the second display area. In practice, the correspondence between different types of content to be displayed and / or user preferences and functional controls can be determined based on a rule engine, user profile, or artificial intelligence algorithm, thereby improving the adaptability of the target functional control to the content to be displayed.

[0130] It is understandable that the content sent by the second electronic device can be combined with the functional controls supported by the first electronic device for adaptive display in the second display area. This enables collaborative display in multi-device scenarios. While displaying relevant content obtained in real-time from the second electronic device, the user interaction convenience can be further improved based on the functional controls supported by the first electronic device, enhancing the flexibility and personalization of the interactive display scenario.

[0131] In this embodiment, content related to the content to be displayed, sent by the second electronic device, is displayed in the second display area, and / or, target function controls corresponding to the content to be displayed from the function controls supported by the first electronic device are displayed in the second display area. This provides more timely and richer auxiliary information and / or operation options in the second display area, enhancing the user's personalized device experience.

[0132] In some embodiments, step S101 may include step S171: Step S171: In response to receiving first display information sent by the second electronic device, determine the display attributes of the content to be displayed from the first display information.

[0133] Here, the first display information is a set of parameterized data sent from the second electronic device to the first electronic device, used to describe display-related information of the content to be displayed. The first display information includes at least the display attributes of the content to be displayed.

[0134] In some implementations, the first display information may include only the display attributes of the content to be displayed, which indicate the display parameters required when displaying the content to be displayed.

[0135] In some implementations, the first display information may include display attributes of the content to be displayed and content information corresponding to the content to be displayed. The content information is used to generate the content to be displayed in the corresponding format after conversion.

[0136] Step S102 above may include one of the following steps S172 to S173: Step S172: Based on the content information in the first display information, display the content to be displayed in the first display area using display attributes.

[0137] Here, the content information refers to the core data describing the content to be displayed in the first display information. For example, the content information may include, but is not limited to, image size, color depth, encoding format, etc. After decoding and rendering the content information, the first electronic device displays the content to be displayed in the first display area.

[0138] In this step, the first display information includes attribute information and content information of the content to be displayed. After the first electronic device receives the first display information, it can display the decoded content information in the first display area according to the corresponding attribute information.

[0139] Step S173: In response to receiving the second display information sent by the second electronic device, based on the content information in the second display information, display the content to be displayed in the first display area with display attributes.

[0140] Here, the second display information is the display information provided by the second electronic device, which is sent in stages with the first display information, and is used to describe the relevant information of the content to be displayed.

[0141] In some implementations, the first electronic device, upon receiving first display information, first determines a partitioning strategy for the display area based on attribute information in the first display information, thereby determining a display strategy for the content to be displayed. Further, upon receiving second display information, it decodes the second display information to obtain content information for the content to be displayed, and then displays the content. In this way, by providing the display parameter requirements for the content to be displayed through the first display information, and then realizing the display of the actual content through the second display information, the displayed content can be dynamically adjusted according to user behavior or display scenarios during the use of the first electronic device. This allows for flexible responses to situations requiring dynamic display adjustments while maintaining display stability.

[0142] In this embodiment, by receiving first display information, or both first and second display information, from a second electronic device, attribute information and content information of the content to be displayed are obtained, enabling the display of the content with attribute information in the first display area. Thus, by synchronously or asynchronously receiving attribute information and content information of the content to be displayed from the second electronic device, cross-device display synchronization and coordination can be achieved, improving collaborative efficiency and document quality in multi-device display scenarios.

[0143] In related technologies, when streaming PC games to a second irregularly shaped screen device for gameplay, the display effect on the irregularly shaped screen is poor, resulting in a poor user experience.

[0144] To address the aforementioned issues, this application proposes a game streaming method for extendable screen devices, applied to electronic devices (such as the first or second electronic device in the above embodiments). By automatically detecting the game scene and identifying the game type, three areas are strategically divided on the electronic device with an extendable screen. The central core area, with a display size matching the current game's supported aspect ratio, is used to display the game interface. The two outer areas are virtualized into two independently controlled displays for displaying virtual gamepads and virtual buttons.

[0145] For example, such as Figure 3 As shown, the game streaming method for the extendable screen device may include the following steps S301 to S312: Step S301: System environment detection.

[0146] Here, we enter the testing phase of the game application's operating system environment. The specific testing content corresponds to step S302.

[0147] Step S302: Detect screen parameters and whether touch is supported.

[0148] Here, the data source provider (source end) in the data stream, such as the host of the first electronic device or the second electronic device, can detect whether the screen parameters of the data receiver (sink end), such as the display screen of the first electronic device, support the display of the game (e.g., whether the graphics card configuration of the first electronic device supports the running and display of the game) and whether it supports touch function.

[0149] During implementation, the sink end can synchronize its own screen configuration to the source end to verify whether the system environment test is passed.

[0150] Step S303: Determine whether the environment verification has passed.

[0151] If successful, proceed to step S305; if unsuccessful, proceed to step S304.

[0152] Step S304: Exit if this function is not supported.

[0153] Here, if the sink's screen configuration does not have touch or other interactive functions, it can be assumed that the sink does not support the streaming function of the current game and will exit the current streaming process.

[0154] Step S305: Identify the screen configuration of the extendable screen.

[0155] Here, the screen configuration may include the screen display configuration of the extendable screen. If the environment verification is successful, the partition ratio (i.e. the partition ratio of the first display area and the second display area) is determined according to the screen size of the sink end (the first display size). Thus, when the second display area is used to display the virtual gamepad and virtual buttons, the software layout of the virtual gamepad and virtual buttons is determined.

[0156] Step S306: Calculate the region coordinates.

[0157] Here, the coordinates of each position on the sink screen corresponding to the area in the game interface can be determined based on the screen size of the sink end (such as resolution or width and height) and the display size of the game, i.e., the second display size (resolution or width and height).

[0158] For example, the width and height values ​​of the sink end can be W and H, respectively, and the width and height values ​​of the game interface are x and y, respectively. The width and height values ​​of the first display area are W1 and H, respectively, and W1 / H is equal to x / y. In practice, if the sink end screen is a curved screen, W and H are the width and height values ​​obtained by conforming to the curved surface.

[0159] Step S307: Create three virtual controllers and bind them to OpenGL respectively.

[0160] Here, the created virtual controller corresponds to the controller for each virtual display. For example, the virtual controller can be the launcher for each virtual display, used to take over and render the display window on each virtual display, and bind the OpenGL of each virtual display.

[0161] In implementation, one virtual controller is used to control the display of the virtual monitor corresponding to the first display area; two virtual controllers are used to control the display of the virtual monitor corresponding to the second display area (first sub-area and second sub-area).

[0162] The controller of the virtual display corresponding to the first display area can correspond to the first control component in the above embodiment; the controller of the virtual display corresponding to the second display area can correspond to the second control component in the above embodiment.

[0163] After completing step S307, the stream connection initialization phase begins, namely steps S308 to S310.

[0164] Step S308: Connect the streaming parameters.

[0165] Here, the source end can send game-related streaming parameters, such as the game's encoding method and bitrate, to the control components (first control component and / or second control component) on the sink end.

[0166] Step S309: Establish a data transmission channel.

[0167] Here, a data stream transmission channel, such as a Web Real-Time Communication (WebRTC) interface, is established to transmit game-related audio and video data (which may include the content to be displayed in the first display area, or content related to the content to be displayed in the second display area).

[0168] Step S310: Register touch monitoring.

[0169] Here, registering touch monitoring means that the sink end establishes real-time monitoring of screen touch operations.

[0170] During implementation, steps S310 and S311 can be performed simultaneously or sequentially.

[0171] Step S311: Negotiate encoding and bitrate.

[0172] During implementation, the sink and source sides can negotiate the encoding method and bitrate based on the current operating resources of the device.

[0173] Step S312: Enter the main display loop.

[0174] Here, the main loop refers to the loop interaction between the sink and source ends after the stream connection is established.

[0175] In some embodiments, the processes corresponding to steps S305 to S307 are processes for adjusting and establishing the size of the first display area and the second display area. For example, as... Figure 4 As shown, this process is performed by an electronic device with an extendable screen and may include the following steps S401 to S409: Step S401: Dynamic size adjustment.

[0176] Here, dynamic size adjustment refers to the process of dynamically adjusting the display size of the extendable screen. For specific implementation details, please refer to steps S141 to S144 in the above embodiments.

[0177] Step S402: Adapt to the new size parameters.

[0178] Here, adapting to the new size parameters means that the screen can be extended based on the adjusted display size (which can correspond to the third display size in the above embodiments). For example, the parameters can include, but are not limited to, width, height, refresh rate, color mode, etc.

[0179] Step S403: Generate new size information and virtual display configuration.

[0180] Here, generating new size information corresponds to generating size information for each virtual display under the current extendable screen size, and further generating the corresponding Video Rendering Network (VidPN) configuration to construct the virtual display. In this way, by constructing virtual displays, only the display parameters and configuration of the virtual displays need to be adjusted, without restarting the extendable screen, to achieve seamless adjustment and display of different applications or content after the extendable screen is turned on.

[0181] Step S404: Submit parameter changes.

[0182] Here, parameter changes refer to the aforementioned confirmation and the generated size and configuration information.

[0183] Step S405: Transfer the configuration to the operating system.

[0184] During implementation, a preset interface can be called to pass the configuration, such as DXgkDidCommitVidPN.

[0185] Step S406: Load the virtual display driver; no restart is required.

[0186] Step S407: Synchronize resources and adapt the screen.

[0187] Here, the display resources of the extendable screen can be dynamically synchronized and adapted to the game screen for better display effects.

[0188] Step S408: Reallocate video memory resources of the new size.

[0189] Here, when the game screen is updated, the size of each display area of ​​the extendable screen and the video memory resources can be reallocated according to the latest content obtained after decoding.

[0190] During implementation, preset interfaces can be called to reallocate video memory resources for each display area of ​​the extendable screen, such as DxgkDdiCreateAllocation.

[0191] Step S409: Render the image according to the new dimensions.

[0192] In some embodiments, the process corresponding to step S312 above is a cyclical interaction between the sink and source ends after establishing a streaming connection. For example, as... Figure 5 As shown, step S312 above may include steps S501 to S517: Step S501: Stream data reception.

[0193] In practice, the sink end can receive a bitstream encoded in H264 or H265 from the source end.

[0194] Step S502: Image decoding.

[0195] Step S503: Render proportionally.

[0196] Here, the content corresponding to each display area is rendered according to the partition ratio of the first display area and the second display area.

[0197] Step S504: Area refresh.

[0198] Here, the content displayed in each display area is refreshed with the corresponding attribute information.

[0199] Step S505: Touch monitoring.

[0200] During implementation, the touch position can be obtained through a callback function to monitor touch operations in the second display area.

[0201] Step S506: Region determination.

[0202] Here, it can be determined whether the touch position corresponding to the obtained touch operation is within the valid interaction area of ​​the functional control (such as virtual gamepad, virtual button, etc.).

[0203] Step S507: Determine whether the touch is valid.

[0204] In practice, a touch operation is considered valid if the touch location corresponding to the touch operation is within the valid interaction area of ​​the functional control; otherwise, it is considered invalid.

[0205] If successful, proceed to step S508; if unsuccessful, return to step S505.

[0206] Step S508, Event Analysis.

[0207] Here, after confirming a valid touch, the touch event corresponding to the touch operation can be further determined. For example, if the touch operation corresponds to a virtual controller, the touch event can be determined to correspond to a swipe or joystick event. Similarly, if the touch operation corresponds to a virtual button, the touch event can be determined to correspond to a single click or double click event.

[0208] Step S509: Shake reduction and deduplication.

[0209] Here, by debouncing and deduplicating the data corresponding to touch events, false touch data can be removed, thereby improving the accuracy of touch event recognition.

[0210] In practice, the image stabilization threshold can be determined based on the data of different device models, that is, the corresponding image stabilization threshold can be determined according to the type of extendable device.

[0211] Step S510, instruction cache.

[0212] Here, interactive instructions corresponding to the triggered event can be generated and cached in the execution queue on the source side.

[0213] Step S511: Instruction reading.

[0214] Here, the source can read and respond to the corresponding interactive commands in sequence according to the cached queue of pending execution.

[0215] Step S512, Protocol Encoding.

[0216] Here, after reading the interactive instructions, the source end sends the encoded response information to the sink end through the communication protocol.

[0217] Step S513: Send over the network.

[0218] Here, after receiving the encoded information from the source through the communication network, the sink can return a response message representing the receipt of the encoded information through the same communication network.

[0219] Step S514: Instruction confirmation.

[0220] Here, after receiving the response information, the source end can assume that the interaction instruction has been confirmed and return to step S510 to continue reading the interaction instructions in sequence.

[0221] Step S515: Key press monitoring.

[0222] Here, key monitoring means that the sink can read the state of the physical keys on the extendable screen to provide feedback for the corresponding functions.

[0223] Step S516: User interface rendering update.

[0224] Here, after reading the user's trigger on the physical button, the sink can render and update the user interface based on the function service or interactive operation corresponding to the physical button.

[0225] Step S517: Window stability test.

[0226] During the UI update process, window stability can be monitored and adjusted through real-time window stability detection.

[0227] In this embodiment, the game screen is streamed and displayed in the core area (e.g., the center area) of the extendable screen. In response to user touch operations on the edge areas (e.g., the left and right sides) of the extendable screen, the corresponding instructions are sent back to the source. The source updates the displayed content on the extendable screen in response to the sent instructions, thus forming a complete interactive loop. This allows users to play games according to their original display ratio, while still supporting game streaming to an extendable screen with variable display size.

[0228] For example, such as Figure 6 As shown, the extendable curved screen 600 can flexibly recognize the display area as virtual displays of different sizes. The display area corresponding to each display is displayed independently without interference. The game content (display size, i.e., aspect ratio of 16:9) is displayed in the virtual display 61 (display size, i.e., aspect ratio of 16:9), which serves as the core area. The left and right sides of the virtual display 61 are virtualized as virtual displays 62, i.e., the display area of ​​the virtual gamepad, and virtual displays 63, i.e., the display area of ​​the virtual buttons, respectively, thus supporting touch operation in multiple positions without affecting the display of the game interface in the core area.

[0229] This application provides a first electronic device, such as... Figure 7 As shown, the first electronic device 700 may include a display component 710, a processing component 720, and a driving component 730; The driving component 730 is used to drive the display component 710 to extend or retract, so that the display area of ​​the display component 710 can be varied; Processing component 720 is used to obtain the display attributes of the content to be displayed; based on the display attributes, the display area is divided into a first display area and a second display area; the display component 710 is controlled to display the content to be displayed in the first display area according to the display attributes; the display component 710 is controlled to display content related to the content to be displayed in the second display area.

[0230] In some embodiments, the second display area includes a first sub-area and a second sub-area, and the layout of the first sub-area and the second sub-area includes at least one of the following: the first sub-area is located above, below, to the left or to the right of the second sub-area; the first sub-area and the second sub-area are respectively located on both sides of the first display area; the first sub-area and the second sub-area are both located above, below, to the left or to the right of the first display area.

[0231] In some embodiments, the processing component described above may further be used to: obtain the content to be displayed sent by the second electronic device before displaying the content to be displayed in the first display area with display attributes; after displaying the content to be displayed in the first display area with display attributes, send a first signal representing the triggering event to the second electronic device in response to a triggering event acting on the second display area; and obtain the updated content to be displayed returned by the second electronic device in response to the first signal.

[0232] In some embodiments, the processing component described above can also be used to: create a first control component and a second control component based on display attributes; control the display component to display the content to be displayed in a first display area using the first control component; and control the display component to display content related to the content to be displayed in a second display area using the second control component.

[0233] In some embodiments, the processing component described above can also be used to: in response to the content to be displayed being switched from a first display content corresponding to a first application to a second display content corresponding to a second application, obtain the display attributes of the second display content; the first application and the second application are different; control the first display area to switch from displaying the first display content to displaying the second display content with the display attributes of the second display content through the first control component; control the second display area to switch from displaying the first content related to the first display content to displaying the second content related to the second display content through the second control component.

[0234] In some embodiments, the display attributes include the display size; after obtaining the display attributes of the content to be displayed, the above-mentioned processing components can also be used to: determine the current first display size of the display area of ​​the first electronic device; determine whether the first electronic device supports displaying the content to be displayed based on the first display size and the second display size of the content to be displayed; if the first electronic device does not support displaying the content to be displayed, control the first electronic device to switch from the first display size to a third display size; and divide the display area of ​​the first electronic device at the third display size into a first display area and a second display area based on the second display size.

[0235] In some embodiments, the processing components described above can also be used to: control the display area of ​​the first electronic device to expand along a target direction at a first display size until switching to a third display size; the target direction includes one or more directions.

[0236] In some embodiments, the processing component described above may also be used for at least one of the following: controlling the display component to display content sent by the second electronic device that is related to the content to be displayed in the second display area; determining and controlling the display component to display a target functional control corresponding to the content to be displayed in the second display area from the functional controls supported by the first electronic device.

[0237] In some embodiments, the processing component described above may also be used to: in response to receiving first display information sent by the second electronic device, determine the display attributes of the content to be displayed from the first display information; and, one of the following: based on the content information in the first display information, control the display component to display the content to be displayed in the first display area with display attributes; in response to receiving second display information sent by the second electronic device, control the display component to display the content to be displayed in the first display area with display attributes based on the content information in the second display information.

[0238] This application also proposes a computer program including computer-readable code. When the computer-readable code is run in an electronic device, the processor in the electronic device executes a display method for implementing the electronic device provided in this application.

[0239] This application provides a computer program product, including a computer program or instructions. When the computer program or instructions are executed by a processor, they implement the display method of the electronic device provided in this application.

[0240] This application provides a computer-readable storage medium storing a computer program or instructions, which, when executed by a processor, implement the display method of the electronic device provided in this application.

[0241] This application is described with reference to flowchart illustrations and / or block diagrams of methods and apparatus according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, generate instructions for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 A device that provides the functions specified in one or more boxes.

[0242] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable data processing device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means, which are implemented in a process Figure 1 One or more processes and / or boxes Figure 1 The function specified in one or more boxes.

[0243] These computer program instructions may also be loaded onto a computer or other programmable data processing equipment to cause a series of operational steps to be performed on the computer or other programmable equipment to produce a computer-implemented process, thereby providing instructions that execute on the computer or other programmable equipment for implementing the process. Figure 1 One or more processes and / or boxes Figure 1 The steps of the function specified in one or more boxes.

[0244] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application.

[0245] The descriptions of the above device embodiments are similar to those of the above method embodiments, and have similar beneficial effects. For technical details not disclosed in the device embodiments of this application, please refer to the descriptions of the method embodiments of this application for understanding.

[0246] It should be understood that the phrase "one embodiment" or "an embodiment" throughout the specification means that a specific feature, structure, or characteristic related to the embodiment is included in at least one embodiment of this application. Therefore, "in one embodiment" or "in an embodiment" appearing throughout the specification does not necessarily refer to the same embodiment. Furthermore, these specific features, structures, or characteristics can be combined in any suitable manner in one or more embodiments. It should be understood that in the various embodiments of this application, the sequence numbers of the above-described processes do not imply a sequential order of execution; the execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiments of this application. The sequence numbers of the above-described embodiments are merely descriptive and do not represent the superiority or inferiority of the embodiments.

[0247] It should be noted that, in this document, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Unless otherwise specified, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes that element.

[0248] In the several embodiments provided in this application, it should be understood that the disclosed devices and methods can be implemented in other ways. The device embodiments described above are merely illustrative. For example, the division of units is only a logical functional division, and in actual implementation, there may be other division methods, such as: multiple units or components can be combined, or integrated into another system, or some features can be ignored or not executed. In addition, the coupling, direct coupling, or communication connection between the various components shown or discussed can be through some interfaces, and the indirect coupling or communication connection between devices or units can be electrical, mechanical, or other forms.

[0249] The units described above as separate components may or may not be physically separate. The components shown as units may or may not be physical units. They may be located in one place or distributed across multiple network units. Some or all of the units may be selected to achieve the purpose of the embodiments of this application, depending on actual needs.

[0250] In addition, each functional unit in the various embodiments of this application can be integrated into one processing unit, or each unit can be a separate unit, or two or more units can be integrated into one unit; the integrated unit can be implemented in hardware or in the form of hardware plus software functional units.

[0251] Those skilled in the art will understand that all or part of the steps of the above method embodiments can be implemented by hardware related to program instructions. The aforementioned program can be stored in a computer-readable storage medium. When the program is executed, it performs the steps of the above method embodiments. The aforementioned storage medium includes various media that can store program code, such as mobile storage devices, read-only memory (ROM), magnetic disks, or optical disks.

[0252] Alternatively, if the integrated units described above are implemented as software functional modules and sold or used as independent products, they can also be stored in a computer-readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, or the parts that contribute to related technologies, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause an electronic device (which may be a personal computer, server, or network device, etc.) to execute all or part of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as mobile storage devices, ROMs, magnetic disks, or optical disks. The above descriptions are merely embodiments of this application and are not intended to limit the scope of protection of this application. Any modifications, equivalent substitutions, and improvements made within the spirit and scope of this application are included within the scope of protection of this application.

Claims

1. A display method for an electronic device, applied to a first electronic device, the method comprising: Get the display properties of the content to be displayed; The content to be displayed is displayed in the first display area using the display attributes; The display area of ​​the first electronic device includes a first display area and a second display area, and the size of the display area of ​​the first electronic device can vary; Content related to the content to be displayed is displayed in the second display area.

2. The method according to claim 1, wherein the second display area includes a first sub-area and a second sub-area, and the layout of the first sub-area and the second sub-area includes at least one of the following: The first sub-region is located above, below, to the left, or to the right of the second sub-region; The first sub-region and the second sub-region are respectively located on both sides of the first display area; Both the first sub-region and the second sub-region are located above, below, to the left, or to the right of the first display area.

3. The method according to claim 1, further comprising, before displaying the content to be displayed in the first display area with the display attribute: Obtain the content to be displayed sent by the second electronic device; After displaying the content to be displayed in the first display area according to the display attributes, the method further includes: In response to a trigger event acting on the second display area, a first signal characterizing the trigger event is sent to the second electronic device; Obtain the updated content to be displayed from the second electronic device in response to the first signal.

4. The method according to claim 1, further comprising: Based on the aforementioned display attributes, a first control component and a second control component are created; The step of displaying the content to be displayed in the first display area according to the display attributes includes: The content to be displayed is displayed in the first display area using the display attributes via the first control component; The step of displaying content related to the content to be displayed in the second display area includes: The second control component displays content related to the content to be displayed in the second display area.

5. The method according to claim 4, further comprising: In response to the switching of the content to be displayed from the first display content corresponding to the first application to the second display content corresponding to the second application, the display attributes of the second display content are obtained; The first application is different from the second application; The first control component controls the first display area to switch from displaying the first display content to displaying the second display content using the display attributes of the second display content; The second control component controls the second display area to switch from displaying first content related to the first display content to displaying second content related to the second display content.

6. The method according to claim 1, wherein the display attribute includes display size; After obtaining the display attributes of the content to be displayed, the method further includes: Determine the current first display size of the display area of ​​the first electronic device; Based on the first display size and the second display size of the content to be displayed, determine whether the first electronic device supports displaying the content to be displayed; If the first electronic device does not support displaying the content to be displayed, control the first electronic device to switch from the first display size to the third display size; Based on the second display size, the display area of ​​the first electronic device under the third display size is divided into the first display area and the second display area.

7. The method according to claim 6, wherein controlling the first electronic device to switch from the first display size to the third display size includes: At the first display size, the display area of ​​the first electronic device is controlled to expand along the target direction until it switches to the third display size; The target direction includes one or more directions.

8. The method according to any one of claims 1 to 7, wherein displaying content related to the content to be displayed in the second display area includes at least one of the following: The content sent by the second electronic device that is related to the content to be displayed is displayed in the second display area; From the functional controls supported by the first electronic device, the target functional control corresponding to the content to be displayed is determined and displayed in the second display area.

9. The method according to any one of claims 1 to 7, wherein obtaining the display attributes of the content to be displayed includes: In response to receiving first display information sent by a second electronic device, the display attributes of the content to be displayed are determined from the first display information; Displaying the content to be displayed in the first display area according to the display attributes includes one of the following: Based on the content information in the first display information, the content to be displayed is displayed in the first display area according to the display attributes; In response to receiving second display information sent by a second electronic device, the content to be displayed is displayed in the first display area based on the content information in the second display information and the display attributes.

10. A first electronic device, comprising a display component, a processing component, and a driving component; The driving component is used to drive the display component to extend or retract, so that the display area of ​​the display component can be varied; The processing component is used to obtain the display attributes of the content to be displayed; divide the display area into a first display area and a second display area based on the display attributes; control the display component to display the content to be displayed in the first display area according to the display attributes; and control the display component to display content related to the content to be displayed in the second display area.