WO2020135701A1 - Display control method and apparatus, and electronic device - Google Patents

Display control method and apparatus, and electronic device Download PDF

Info

Publication number
WO2020135701A1
WO2020135701A1 PCT/CN2019/129137 CN2019129137W WO2020135701A1 WO 2020135701 A1 WO2020135701 A1 WO 2020135701A1 CN 2019129137 W CN2019129137 W CN 2019129137W WO 2020135701 A1 WO2020135701 A1 WO 2020135701A1
Authority
WO
WIPO (PCT)
Prior art keywords
screen
bending
size
display area
display
Prior art date
Application number
PCT/CN2019/129137
Other languages
French (fr)
Chinese (zh)
Inventor
苏阳
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Publication of WO2020135701A1 publication Critical patent/WO2020135701A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser

Definitions

  • the present application relates to screen display technology, in particular to a display control technology based on a flexible screen.
  • a flexible screen generally refers to a flexible organic light-emitting diode (OLED, Organic Light-Emitting Diode).
  • OLED Organic Light-Emitting Diode
  • Some companies have successfully developed flexible screens that can be mass-produced. This not only brings major changes to the production of new-generation high-end smart phones, but also brings far-reaching applications to wearable devices because of their low power consumption and flexible characteristics.
  • flexible screens will be widely used with the continuous penetration of personal intelligent terminals.
  • the flexible screen is flexible, and users can bend, fold, or rotate the screen according to their own preferences, and the content displayed on the screen also exhibits effects such as bending. However, this bending effect has a greater impact on the display of multimedia resources such as text and pictures.
  • embodiments of the present application provide a display control method and device, and electronic equipment.
  • the display control method provided by an embodiment of the present application includes: when a screen is bent, detecting a bending parameter corresponding to at least one bending area; based on the bending parameter corresponding to the at least one bending area, determining at least two display areas that need to be rearranged The size of the screen and the bending angle of the screen; based on the size of the at least two display areas and the bending angle of the screen, the display effect of the target content in the screen is rearranged and displayed.
  • the display control device includes: a detection unit configured to detect a bending parameter corresponding to at least one bending region; a first determining unit configured to determine that a re-layout is required based on the bending parameter corresponding to the at least one bending region The size of the at least two display areas and the bending angle of the screen; the second determining unit is configured to rearrange the display effect of the target content on the screen based on the size of the at least two display areas and the bending angle of the screen.
  • An electronic device provided by an embodiment of the present application includes: a screen configured to display target content; a sensor configured to detect bending parameters corresponding to at least one bending area; a processor and a memory, the memory stores a computer program, and the processor is configured To call and run the computer program stored in the memory, the above method is executed.
  • the computer-readable storage medium stores a computer program, and the computer program enables the computer to execute the above method.
  • FIG. 1 is a schematic diagram of a hardware structure of a terminal provided by an embodiment of this application.
  • FIG. 2 is a first schematic flowchart of a display control method provided by an embodiment of the present application.
  • FIG. 3 is a schematic structural composition diagram of an electronic device provided by an embodiment of this application.
  • FIG. 4 is a second schematic flowchart of a display control method provided by an embodiment of this application.
  • FIG. 5 is a schematic flowchart 3 of a display control method provided by an embodiment of this application.
  • FIG. 6 is a schematic diagram of a flexible bending sensor provided by an embodiment of the present application.
  • FIG. 7-1 is a schematic diagram of the screen bending outwards according to an embodiment of the present application.
  • 7-2 is a schematic diagram of a screen bent inwardly provided by an embodiment of the present application.
  • 8-1 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent inward and the screen bending angle is greater than 90°;
  • 8-2 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent inward and the screen bending angle is less than 90°;
  • 8-3 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent outward and the screen bending angle is less than 270°;
  • 8-4 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent outward and the screen bending angle is greater than 270°;
  • 9-1 is a schematic diagram of loading text before re-layout provided by an embodiment of the present application.
  • 9-2 is a schematic diagram of the re-layout of loading text provided by an embodiment of the present application.
  • 10-1 is a schematic diagram 1 before loading multimedia resources and re-laying text provided by an embodiment of the present application;
  • 10-2 is a schematic diagram 1 after loading multimedia resources and text re-layout provided by an embodiment of the present application;
  • 11-1 is a schematic diagram of loading multimedia resources before redistribution provided by an embodiment of the present application.
  • FIG. 11-2 is a schematic diagram of a multimedia resource re-layout provided by an embodiment of the present application.
  • FIG. 12-1 is a schematic diagram 2 before loading multimedia resources and text re-layout provided by an embodiment of the present application;
  • 12-2 is a schematic diagram 2 after loading multimedia resources and re-laying text provided by an embodiment of the present application;
  • FIG. 13 is a schematic structural diagram of a display control device provided by an embodiment of the present application.
  • module means, “part” or “unit” used to represent elements is only for the benefit of the description of the present application, and has no specific meaning in itself. Therefore, “module”, “component” or “unit” can be used in a mixed manner.
  • the terminal can be implemented in various forms.
  • the terminals described in this application may include mobile phones, tablets, laptops, PDAs, personal digital assistants (Personal Digital Assistant (PDA), portable media players (Portable Media Player, PMP), navigation devices, Wearable devices, smart bracelets, pedometers and other mobile terminals, as well as fixed terminals such as digital TVs and desktop computers.
  • PDA Personal Digital Assistant
  • PMP portable media players
  • navigation devices wearable devices
  • Wearable devices smart bracelets
  • pedometers pedometers and other mobile terminals
  • fixed terminals such as digital TVs and desktop computers.
  • a mobile terminal will be used as an example for illustration.
  • the configuration according to the embodiments of the present application can also be applied to fixed-type terminals.
  • FIG. 1 is a schematic diagram of a hardware structure of a terminal provided by an embodiment of the present application.
  • the terminal 100 may include: an RF (Radio Frequency) unit 101, a WiFi module 102, an audio output unit 103, and A/V ( Audio/video) input unit 104, sensor 105, display unit 106, user input unit 107, interface unit 108, memory 109, processor 110, power supply 111 and other components.
  • RF Radio Frequency
  • the screen of the mobile terminal can be bent or folded, such as a flexible screen, and the flexible screen is, for example, but not limited to a flexible organic light-emitting diode screen.
  • the terminal can be loaded with a variety of sensors, such as flexible bending sensors, pressure sensors, light-sensitive sensors, etc., and the sensors can generate feedback on various external influences received by the mobile phone. For example, when the user bends the mobile phone, the sensor feeds the bending parameters back to the system. The system redraws the bent screen according to the bending parameters returned by the sensor, and controls the software system to re-layout and render according to the bending mode, and displays the previous Content is re-formatted and scaled.
  • This curved screen can adaptively display the content, enhancing the user experience.
  • FIG. 2 is a first schematic flowchart of a display control method provided by an embodiment of the present application. As shown in FIG. 2, the display control method may include the following steps 201 to 203:
  • Step 201 When the screen is bent, detect bending parameters corresponding to at least one bending area.
  • the detection of the bending parameter corresponding to the at least one bending area may be implemented in at least one of the following manner 1 and manner 2:
  • Method 1 Detect the angle of light incident on the screen.
  • the terminal includes a light-sensitive sensor, which uses the light-sensitive sensor to detect the angle of light incident on the screen.
  • the angle of light incident on the entire screen is the same; when the screen is curved, the angle of light incident on the entire screen is inconsistent.
  • the photosensitive sensor can detect the incident angle of light at various positions on the screen.
  • the photosensitive sensor may detect the angle of incidence of light at predetermined positions on the screen.
  • the photosensitive sensor simultaneously detects the light intensity on the screen; based on the light intensity on the screen, the screen brightness corresponding to the at least two display areas is determined. It should be noted that the light sensor can detect the light intensity at various positions on the screen. Alternatively, the photosensitive sensor may detect the light intensity at predetermined positions on the screen.
  • Manner 2 detecting the bending parameters of the flexible bending sensor covered under the screen, the bending parameters including the coordinates of at least one bending area in the screen and the bending angle of the screen.
  • the screen can be bent into at least two display areas, and two adjacent display areas are connected by a curved area, that is, one side of the curved area is connected to one display area, and the other side of the curved area is connected to another Display area; ideally, the curved area is a straight line, and in reality, the curved area is mostly a curved surface.
  • Step 202 Based on the bending parameters corresponding to the at least one bending area, determine the size of the at least two display areas that need to be rearranged and the bending angle of the screen.
  • the coordinates of the curved area determine the size of each display area in the screen.
  • the bending angle of the screen is directly obtained from the bending parameter, and each display area in the screen is determined based on the coordinates of the bending area size of.
  • Step 203 Based on the size of the at least two display areas and the bending angle of the screen, rearrange the display effect of the target content on the screen.
  • the first display area and the second display area that need to be rearranged.
  • the following uses the curved area to divide the screen into the first display area and the second display area as an example. Note that the same applies to a larger number of display areas.
  • the display effect of rearranging and displaying the target content on the screen may be implemented by the following first and second aspects:
  • the first aspect the relocation of the display position
  • the threshold value is to display the target content at a second position near the curved area in the first display area and/or the second display area.
  • the distance between the first position and the curved area is determined based on the size of the first display area, the size of the second display area, and the angle between the first display area and the second display area Determine the distance between the second position and the edge of the screen based on the size of the first display area, the size of the second display area, and the angle between the first display area and the second display area .
  • the angle between the first display area and the second display area is A; when A is greater than 180°, if the screen content before bending is affected by the bending area at this time, the screen away from the bending area
  • the edge side is used as a reference, and the redistributed target content is first laid out to the screen edge side. Further, according to A, the distance of the target content from the bending area on both sides of the bending area can be calculated.
  • A is less than 180°, if the screen content before bending is affected by the bending area at this time, the redistributed target content is preferentially laid out on both sides of the bending area with reference to the bending area as a reference. Further, according to A, the distance between the target content and the edge of the screen on both sides of the curved area is calculated.
  • the range of A is 0°-180°.
  • /90°)*x1, d2 (
  • the range of A is 180°-360°.
  • /270°)*x1, d4 (
  • the screen is bent inward, the screen bending angle is greater than 90°, and the target content is relocated away from the edge of the screen.
  • the screen is bent inward, the screen bending angle is less than 90°, and the target content is re-layed near the edge of the screen.
  • the screen is bent outward, the screen bending angle is less than 270°, and the target content is rearranged away from the bending area.
  • the screen is bent outward, the screen bending angle is greater than 270°, and the target content is rearranged near the bending area.
  • Second aspect Redistribute display data in each display area
  • the target content is rearranged and displayed on the at least two display areas, and the content characteristics include at least one of the following One or more: text, multimedia content, controls.
  • the text content is displayed on the at least two display areas according to the size of the at least two display areas and the number of the text content, wherein the The number of text contents displayed in each of the at least two display areas is proportional to the size of the display area.
  • the screen interface contains text content
  • the text content part is partitioned by the curved area, it is redistributed according to the size of each display area and the number of text content after bending, so that the amount of text on each display area is proportional to the size of the display area .
  • the target content includes multimedia content
  • the multimedia content is displayed on the target display area according to the size of the multimedia content and the size of the at least two display areas, wherein the target display area The size is greater than or equal to the size of the multimedia content.
  • the size of the multimedia content is larger than the size of each display area in the at least two display areas, the size of the multimedia content is reduced to the size of the target display area, and the size of the target display area Is the largest of the sizes of the at least two display areas, displaying the reduced multimedia content on the target display area; if the size of the multimedia content is smaller than each of the at least two display areas The size of the display area, the multimedia content is displayed in a target display area, and the target display area is any one of the at least two display areas; if the size of the multimedia content is smaller than the at least two If the size of a partial display area in the display area is to display the multimedia content in a target display area, the target display area is a display area in the at least two display areas whose size is larger than the size of the multimedia content.
  • the size of the multimedia content is S1 and the sizes of the two display areas obtained after the screen is bent are S2 and S3, then:
  • the target content further includes text content
  • the text content is displayed on the at least two display areas according to the size of the at least two display areas and the number of the text content, wherein the at least two The number of text contents displayed in each display area of each display area is proportional to the size of the display area.
  • 2.2) determine the proportion of the multimedia content according to the size of the multimedia content and the size of the screen; for each display area of the at least two display areas, according to the proportion of the multimedia content
  • the coefficient and the size of the display area determine the zoom size of the multimedia content corresponding to the display area, and the multimedia content is scaled according to the zoom size and displayed in the display area.
  • the size of the original multimedia content is S4 and the size of the original screen is S5
  • the size of the display area on both sides after the screen is bent is S6 and S7
  • the laid-out multimedia content is reduced (expanded) in proportion to k times, that is, the size of the multimedia content on the display area on both sides after bending is k*S6, k*S7, and then the multimedia content is laid out according to this size.
  • the user when a user bends a flexible screen, the user can dynamically rearrange the screen content according to the bending angle of the screen in real time to obtain the best user experience. Text, pictures, videos and other resources on the screen will also be re-zoomed and typeset according to the folding degree of the screen to achieve the most suitable viewing angle for users.
  • the intensity of the light received on the curved screen dynamically adjust the screen brightness, reduce the screen brightness for the weak light, increase the screen brightness for the strong light, and dynamically allocate background lighting resources to reduce Power consumption.
  • the bending method of the screen is more flexible, and the user can bend the screen at any position.
  • FIG. 3 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • the electronic device may be any type of terminal. As shown in FIG. 3, the electronic device includes:
  • Screen 301 configured to display target content
  • the sensor 302 is configured to detect bending parameters corresponding to at least one bending area
  • the processor 303 is configured to determine the size of the at least two display areas to be rearranged and the bending angle of the screen based on the bending parameters corresponding to the at least one bending area;
  • a memory 304 which is used to store a computer program, which is used to realize the display effect of rearranging and displaying the target content on the screen based on the size of the at least two display areas and the bending angle of the screen when the computer program is executed .
  • the following embodiments of the present application refer to the memory 304 as a software module.
  • the screen 301 may be a flexible screen.
  • the screen 301 provides a user interface (UI, User Interface) function and is responsible for interaction with user operations, including display of text, pictures, and the like.
  • UI User Interface
  • the senor 302 may be a pressure sensor configured to sense the bending force received by the screen; it may also be a light-sensitive sensor configured to sense changes in the light irradiated on the screen (light direction, light intensity); or The flexible bending sensor is configured to sense the bending angle of the screen.
  • the sensor 302 feeds back the data to the processor 303.
  • the processor 303 calculates the coordinates of the bending area and the size of each display area after bending the screen, and provides screen related data to the software module.
  • the software module realizes to redraw the interface according to the coordinates of the bending area and the size of each display area, load resources such as text and pictures, redisplay these resources on the screen 301, and adjust the brightness of the screen.
  • FIG. 4 is a second schematic flowchart of a display control method provided by an embodiment of the present application. As shown in FIG. 4, the display control method includes the following steps 401 to 408:
  • Step 401 The user operates the screen, and the sensor senses that light enters the screen.
  • the sensor monitors the user's operation on the screen in real time, and obtains the change in the angle of light incident on the screen, and feeds back the change to the processor.
  • Step 402 If there is a difference in the angle of light incident on the screen, it indicates that the user has performed a bending operation on the screen.
  • the senor transmits the data of the angle of light incident on the screen to the processor, and the processor determines whether the light angle change is caused by the user's operation of bending the screen. If the angle of light incidence varies within a certain area, the processor assumes that the user has bent the screen.
  • Step 403 After bending the screen, the sensor senses the change in the angle formed by the light incident perpendicular to the screen, and based on this, it is determined whether the screen bending mode is to bend inward or outward.
  • FIGS. 7-1 and 7-2 wherein FIG. 7-1 is a schematic diagram of the screen bending outward, and FIG. 7-2 is a schematic diagram of the screen bending inward.
  • the curved area is a straight line, and the curved area divides the entire screen into a left display area and a right display area, where the angle of light incident between the left display area and the right display area is greater than 180°, the screen is considered to be
  • the outer side is curved; the angle of light incident on the left display area and the right display area is less than 180°, it is considered that the screen is curved inward.
  • Step 404 The sensor sends the coordinates of the bending area and the bending angle of the screen to the processor, and the processor calculates the width and length of all display areas after bending, and dynamically controls the display effect.
  • the senor sends the coordinates of the bending area to the processor.
  • the processor calculates the width and length of all display areas after the screen is bent. Taking the screen bending once as an example, after bending the screen, the processor can obtain the coordinates of the bending area, and then Combining the length and width of the screen itself before bending, the size of the display area in two directions bounded by the bending area can be calculated, and then the screen is divided into areas for display. If the user bends the screen twice, the calculation method is similar.
  • Step 405 The processor rearranges the display area according to the bending angle of the screen.
  • the display area can be rearranged as follows:
  • the processor sends instructions to the software module to clear all the content displayed on the screen before bending. Assuming that the bending angle sensed by the sensor is A, that is, the angle between the two display areas obtained after the screen is bent is A, and A represents the bending angle of the screen, then: when A is greater than 180°, the processor recognizes that the screen is bent The method is to bend to the outside. At this time, if the screen content before the bending is affected by the bending area, the processor takes the screen edge side away from the bending area as a reference, and prioritizes the redistributed data to the screen edge side, according to the angle A The distance of the data from the bending area; when A is less than 180°, the processor recognizes that the screen bending method is to bend inward.
  • the processor refers to the bending area as a reference.
  • the redistributed data is preferentially laid out on both sides of the curved area, and the distance between the data and the edge of the screen is calculated according to the angle A.
  • the range of A is 0°-180°.
  • the re-layout display content should be close to the curved area.
  • the layout display content should be far from the curved area.
  • /90°)*x1, d2 (
  • the range of A is 180°-360°.
  • the re-layout display content should be close to the edges of both sides of the curved screen.
  • the layout display content is far away from the edges of the screen, and the display content on the display areas on both sides is away from the screen
  • /270°)*x1, d4 (
  • the screen is bent inward, the screen bending angle is greater than 90°, and the target content is relocated away from the edge of the screen.
  • the screen is bent inward, the screen bending angle is less than 90°, and the target content is re-layed near the edge of the screen.
  • the screen is bent outward, the screen bending angle is less than 270°, and the target content is rearranged away from the bending area.
  • the screen is bent outward, the screen bending angle is greater than 270°, and the target content is re-layed near the bending area.
  • Step 406 The processor calculates the display content to be allocated to each display area after bending according to the display content before the screen is bent and the size of each display area after bending.
  • the processor After obtaining the size and bending mode (determined based on the bending angle of the screen) of each display area after the screen is bent, the processor needs to redesign the originally displayed interface.
  • multimedia including video, audio, pictures, etc.
  • text layout is partitioned by curved surfaces.
  • the processor redistributes the text information according to the screen size and the amount of text information after bending, so that the text on each display area The amount is proportional to the size of the display area.
  • the original text volume is N1
  • the original screen size is S1
  • the size of the first display area and the second display area obtained after the screen is bent is S2, S3,
  • the text size on the first display area is N1*S2/S1
  • the amount of characters on the second display area is N1*S3/S1.
  • the text is re-layed out as shown in Figure 9-2.
  • the processor calculates the multimedia size S1, the first display area and the second display obtained after the screen is bent
  • the processor will re-layout the multimedia to the two display areas after the screen is bent, and the display areas on both sides of the curved area
  • the multimedia is displayed.
  • the original multimedia size is S4 and the original screen size is S5
  • the size of the first display area and the second display area obtained after the screen is bent is S6, S7, so heavy
  • the laid-out multimedia is reduced (expanded) proportionally k times, that is, the multimedia sizes on the first display area and the second display area are k*S6 and k*S7, respectively, and the post-processor lays out multimedia according to this size.
  • Figure 11-2 shows the multimedia after re-layout.
  • the processor first lays out the multimedia on the side of the screen where the multimedia is located, and then lays out the text according to the remaining space of the two display areas, each displayed The amount of text on the area is proportional to the amount of space left in the display area.
  • Figure 12-2 shows the multimedia and text after re-layout.
  • the above methods are to scale the multimedia size according to the previous size, and the corresponding text will be redesigned so that the curved screen can display a matching layout, and the influence of the curved area on the interface is minimized.
  • Step 407 The processor instructs the software module to draw the interface according to the display content allocated in each display area, reload and adjust the layout, and display the content.
  • the designed layout data will be passed to the software system, and then the secondary layout of the interface will be carried out according to the layout and data at all levels of the software to complete the display of visual effects, and the display module will present the new interface.
  • Step 408 The display module dynamically adjusts the brightness of the screen after the curved screen according to the intensity of the light received by the screen light sensor.
  • the display module quantifies the intensity of the light received throughout the screen, adjusts the brightness of the screen according to the quantized value, increases the screen brightness display where the light is strong, and decreases the screen brightness display where the light is weak.
  • the sensor under the screen will sense the angle difference and feedback the area affected by the difference in light angle
  • the processor judges that the reason for the difference in light angle is that the user bends the screen instead of the user touching the screen.
  • the sensor will judge the corresponding bending mode according to the difference in light received at the bending area.
  • the processor will redraw the curved screen according to the data returned by the sensor, and control the software module to re-layout and render according to the bending mode, and re-typeset and zoom the previously displayed content.
  • This curved screen can adaptively display the content, enhancing the user experience.
  • the advantage of this application in identifying the bending area is that the photosensitive sensor is a must-have sensor for each terminal. There is no need to add an additional sensor to the terminal. Using the photosensitive sensor to obtain data directly, you can identify the bending area, and can also be based on The light incidence angle identifies the bending angle of the screen, and the bending angle of the screen is used to re-layout the interface, which achieves the purpose of solving multiple problems with one component, saves costs, materials, and has high efficiency.
  • FIG. 5 is a third schematic flowchart of a display control method provided by an embodiment of the present application. As shown in FIG. 5, the display control method includes the following steps 501 to 506:
  • Step 501 The user operates the screen, and the sensor senses the change in screen bending.
  • a flexible bending sensor is provided below the screen.
  • the bending of the screen will cause the flexible bending sensor to bend, and the bending parameter of the flexible bending sensor can be detected by the controller.
  • Step 502 The sensor monitors the user's operation on the screen in real time, and the processor determines whether the bending mode of the screen is bending inward or outward through the bending change felt by the sensor, and calculates the bending angle.
  • FIG. 7-1 is a schematic diagram of the screen bending outward
  • FIG. 7-2 is a schematic diagram of the screen bending inward
  • the curved area is a straight line
  • the curved area divides the entire screen into a left display area and a right display area, where the angle of light incident between the left display area and the right display area is greater than 180°, the screen is considered to be
  • the outer side is curved; the angle of light incident on the left display area and the right display area is less than 180°, it is considered that the screen is curved inward.
  • Step 503 The sensor sends the coordinates of the bending area to the processor, and the processor calculates the width and length of all display areas obtained after the screen is bent, and dynamically controls the display mode of the screen.
  • the senor sends the coordinates of the bending area to the processor.
  • the processor calculates the width and length of all display areas after the screen is bent. Taking the screen bending once as an example, after bending the screen, the processor can obtain the coordinates of the bending area, and then Combining the length and width of the screen itself before bending, the size of the display area in two directions bounded by the bending area can be calculated, and then the screen is divided into areas for display. If the user bends the screen twice, the calculation method is similar.
  • Step 504 The processor rearranges the display area according to the bending angle of the screen.
  • the display area can be rearranged as follows:
  • the processor sends instructions to the software module to clear all the content displayed on the screen before bending. Assuming that the bending angle sensed by the sensor is A, that is, the angle between the two display areas obtained after the screen is bent is A, and A represents the bending angle of the screen, then: when A is greater than 180°, the processor recognizes that the screen is bent The method is to bend to the outside. At this time, if the screen content before the bending is affected by the bending area, the processor takes the screen edge side away from the bending area as a reference, and prioritizes the redistributed data to the screen edge side, according to the angle A The distance of the data from the bending area; when A is less than 180°, the processor recognizes that the screen bending method is to bend inward.
  • the processor refers to the bending area as a reference.
  • the redistributed data is preferentially laid out on both sides of the curved area, and the distance between the data and the edge of the screen is calculated according to the angle A.
  • the range of A is 0°-180°.
  • the re-layout display content should be close to the curved area.
  • the layout display content should be far from the curved area.
  • /90°)*x1, d2 (
  • the range of A is 180°-360°.
  • the re-layout display content should be close to the edges of both sides of the curved screen.
  • the layout display content is far from the edges of the screen, and the display content on the display areas on both sides is away from the screen
  • /270°)*x1, d4 (
  • the screen is bent inward, the screen bending angle is greater than 90°, and the target content is relocated away from the edge of the screen.
  • the screen is bent inward, the screen bending angle is less than 90°, and the target content is re-layed near the edge of the screen.
  • the screen is bent outward, the screen bending angle is less than 270°, and the target content is rearranged away from the bending area.
  • the screen is bent outward, the screen bending angle is greater than 270°, and the target content is re-layed near the bending area.
  • Step 505 The processor calculates the display content to be allocated to each display area after bending according to the corresponding display content before the screen bending and the size of each display area after bending.
  • the processor After obtaining the size and bending mode (determined based on the bending angle of the screen) of each display area after the screen is bent, the processor needs to redesign the originally displayed interface.
  • multimedia including video, audio, pictures, etc.
  • text layout is partitioned by curved surfaces.
  • the processor redistributes the text information according to the screen size and the amount of text information after bending, so that the text on each display area The amount is proportional to the size of the display area.
  • the original text volume is N1
  • the original screen size is S1
  • the size of the first display area and the second display area obtained after the screen is bent is S2, S3,
  • the text size on the first display area is N1*S2/S1
  • the amount of characters on the second display area is N1*S3/S1.
  • the text is re-layed out as shown in Figure 9-2.
  • the processor calculates the multimedia size S1, the first display area and the second display obtained after the screen is bent
  • the size of the area is S2, S3,
  • Figure 10-2 shows the multimedia and text after re-layout.
  • the processor will re-layout the multimedia to the two display areas after the screen is bent, and the display areas on both sides of the curved area
  • the multimedia is displayed.
  • the original multimedia size is S4 and the original screen size is S5
  • the sizes of the first display area and the second display area obtained after the screen is bent are S6 and S7, so heavy
  • the laid-out multimedia is reduced (expanded) proportionally k times, that is, the multimedia sizes on the first display area and the second display area are k*S6 and k*S7, respectively, and the post-processor lays out multimedia according to this size.
  • Figure 11-2 shows the multimedia after re-layout.
  • the processor first lays out the multimedia on the side of the screen where the multimedia is located, and then lays out the text according to the remaining space of the two display areas, each displayed The amount of text on the area is proportional to the amount of space left in the display area.
  • Figure 12-2 shows the multimedia and text after re-layout.
  • the above methods are to scale the multimedia size according to the previous size, and the corresponding text will be redesigned so that the curved screen can display a matching layout, and the influence of the curved area on the interface is minimized.
  • Step 506 The processor instructs the software module to draw the interface according to the display content allocated in each display area, reload and adjust the layout, and display the content.
  • the designed layout data will be passed to the software system, and then the secondary layout of the interface will be carried out according to the layout and data at all levels of the software to complete the display of visual effects, and the display module will present the new interface.
  • the sensor when the user bends the screen, the sensor will also bend, and the sensor under the screen will feel the angle difference, and feed back the area affected by the angle difference to the processor, and the processor will judge that the angle difference occurs
  • the reason is that the user bends the screen instead of the user touching the screen.
  • the sensor When the screen is bent to the outside or the inside, the sensor will judge the corresponding bending method according to the angle of the bending area.
  • the processor redraws the curved screen according to the data returned by the sensor, and controls the software module to re-layout and render according to the bending mode, and re-typesets and zooms the previously displayed content.
  • This curved screen can adaptively display the content, enhancing the user experience.
  • the device may include a detection unit 1301, a first determination unit 1302, and a second determination unit 1303.
  • the detection unit 1301 is configured to detect bending parameters corresponding to at least one bending area.
  • the first determining unit 1302 is configured to determine the size of the at least two display areas that need to be rearranged and the bending angle of the screen based on the bending parameters corresponding to the at least one bending area.
  • the second determining unit 1303 is configured to rearrange the display effect of the target content in the screen based on the sizes of the at least two display areas and the bending angle of the screen.
  • the detection unit 1301 is configured to detect the angle of light incident on the screen; the first determination unit 1302 is configured to determine the screen based on the angle of light incident on the screen The coordinates of at least one bending area and the bending angle of the screen; determining the size of each display area on the screen based on the coordinates of the bending area.
  • the detection unit 1301 is further configured to detect the light intensity on the screen; the first determination unit 1302 is further configured to determine the at least two based on the light intensity on the screen The brightness of the screen corresponding to the display area.
  • the detection unit 1301 is configured to detect a bending parameter of a flexible bending sensor covered under the screen, the bending parameter including coordinates of at least one bending area in the screen and bending of the screen Angle; the first determining unit 1302 is configured to determine the size of each display area in the screen based on the coordinates of the bending area.
  • the curved area divides the screen into a first display area and a second display area;
  • the second determination unit 1303 is configured to: The bending angle of the screen determines the angle between the first display area and the second display area; if the angle between the first display area and the second display area is less than the first threshold, the A display area and/or the second display area displays the target content at a first position away from the curved area; if the angle between the first display area and the second display area is greater than a second threshold, then Target content is displayed at a second position in the first display area and/or the second display area near the curved area.
  • the distance between the first position and the curved area is based on the size of the first display area, the size of the second display area, and the first display area and the second display area The angle between is determined; the distance between the second position and the edge of the screen is based on the size of the first display area, the size of the second display area, and the first display area and the second display area The angle is determined.
  • the second determining unit 1303 is configured to re-layout and display the target content on the at least two displays according to the sizes of the at least two display areas and the content characteristics of the target content Regionally, the content features include at least one or more of the following: text, multimedia content, controls, and other content that can be displayed on the screen.
  • the second determining unit 1303 is configured to: when the target content includes text content, according to the size of the at least two display areas and the number of the text content, the text content Displayed on the at least two display areas, wherein the number of text content displayed in each of the at least two display areas is proportional to the size of the display area.
  • the second determining unit 1303 is configured to: when the target content includes multimedia content, according to the size of the multimedia content and the size of the at least two display areas, the multimedia content Displayed in a target display area, wherein the size of the target display area is greater than or equal to the size of the multimedia content.
  • the second determining unit 1303 is configured to: if the size of the multimedia content is larger than the size of each display area of the at least two display areas, reduce the size of the multimedia content to a target A size of a display area, the size of the target display area is a maximum value among the sizes of the at least two display areas, and the multimedia content after the size reduction is displayed on the target display area;
  • the multimedia content is displayed in a target display area, the target display area being of the at least two display areas Any display area;
  • the multimedia content is displayed in the target display area, the target display area being that the size of the at least two display areas is larger than The display area of the size of the multimedia content.
  • the second determining unit 1303 is configured to: determine the proportion factor of the multimedia content according to the size of the multimedia content and the size of the screen; for each of the at least two display areas Display area, according to the ratio of the multimedia content and the size of the display area, determine the zoom size of the multimedia content corresponding to the display area, the multimedia content is scaled according to the zoom size and displayed in the In the display area.
  • each unit in the display control device shown in FIG. 13 can be understood by referring to the related description of the foregoing display control method.
  • the functions of each unit in the display control device shown in FIG. 13 can be realized by a program running on a processor, or by a specific logic circuit.
  • the detection unit 1301 in the display control device shown in FIG. 13 can be implemented by a sensor, such as a photosensor or a flexible bending sensor; the first determination unit 1302 in the display control device shown in FIG. 13 can be implemented by a processor ; The second determining unit 1303 in the display control device shown in FIG. 13 may be implemented by a computer program in the memory.
  • An embodiment of the present application also provides an electronic device.
  • the electronic device includes a processor, and the processor can call and run a computer program from the memory to implement the method in the embodiments of the present application.
  • the electronic device may further include a memory.
  • the processor may call and run the computer program from the memory to implement the method in the embodiments of the present application.
  • the memory may be a separate device independent of the processor, or may be integrated in the processor.
  • the electronic device may further include a transceiver, and the processor may control the transceiver to communicate with other devices, specifically, may send information or data to other devices, or receive information or data sent by other devices.
  • the transceiver may include a transmitter and a receiver.
  • the transceiver may further include antennas, and the number of antennas may be one or more.
  • An embodiment of the present application also provides a computer-readable storage medium, which stores a computer program.
  • the computer-readable storage medium may be applied to the network device in the embodiments of the present application, and the computer program causes the computer to execute the corresponding processes implemented by the network device in the methods of the embodiments of the present application. I will not repeat them here.
  • the computer-readable storage medium can be applied to the mobile terminal/terminal device in the embodiments of the present application, and the computer program enables the computer to execute various methods of the embodiments of the present application implemented by the mobile terminal/terminal device The corresponding process will not be repeated here for brevity.
  • An embodiment of the present application also provides a computer program product, including computer program instructions.
  • the computer program product can be applied to the network device in the embodiments of the present application, and the computer program instructions cause the computer to execute the corresponding process implemented by the network device in each method of the embodiment of the present application. This will not be repeated here.
  • the computer program product can be applied to the mobile terminal/terminal device in the embodiments of the present application, and the computer program instructions cause the computer to execute the corresponding implementation of the mobile terminal/terminal device in each method of the embodiments of the present application For the sake of brevity, I will not repeat them here.
  • An embodiment of the present application also provides a computer program.
  • the computer program can be applied to the network device in the embodiment of the present application.
  • the computer program runs on the computer, the computer is allowed to execute the corresponding process implemented by the network device in each method of the embodiment of the present application. For brevity, I will not repeat them here.
  • the computer program can be applied to the mobile terminal/terminal device in the embodiments of the present application.
  • the computer program runs on the computer, the computer is executed by the mobile terminal/terminal in each method of the embodiments of the present application. The corresponding process implemented by the device will not be repeated here for simplicity.
  • the disclosed system, device, and method may be implemented in other ways.
  • the device embodiments described above are only schematic.
  • the division of the units is only a logical function division, and there may be other divisions in actual implementation, for example, multiple units or components may be combined or Can be integrated into another system, or some features can be ignored, or not implemented.
  • the displayed or discussed mutual coupling or direct coupling or communication connection may be indirect coupling or communication connection through some interfaces, devices or units, and may be in electrical, mechanical, or other forms.
  • the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or may be distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
  • each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units may be integrated into one unit.
  • the function is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium.
  • the technical solution of the present application essentially or part of the contribution to the existing technology or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including Several instructions are used to enable a computer device (which may be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present application.
  • the aforementioned storage media include: U disk, mobile hard disk, read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk and other media that can store program code .

Abstract

Disclosed are a display control method and apparatus, and an electronic device. The method comprises: when a screen is bent, detecting a bending parameter corresponding to at least one bending area; determining the sizes of at least two display areas needing to be rearranged and a bending angle of the screen based on the bending parameter corresponding to the at least one bending area; and rearranging and displaying a display effect of the target content on the screen based on the sizes of the at least two display areas and the bending angle of the screen. Abstract drawing: figure 2

Description

显示控制方法及装置、电子设备Display control method and device, electronic equipment 技术领域Technical field
本申请涉及屏幕显示技术,尤其涉及一种基于柔性屏的显示控制技术。The present application relates to screen display technology, in particular to a display control technology based on a flexible screen.
背景技术Background technique
柔性屏幕,一般指的是柔性有机发光二极管(OLED,Organic Light-Emitting Diode)。目前已经有公司成功研发出可大量生产的柔性屏幕,这不仅对新一代高端智能手机的制造带来重大变革,也因其低功耗、可弯曲的特性对可穿戴式设备的应用带来深远的影响,未来柔性屏幕将随着个人智能终端的不断渗透而广泛应用。柔性屏幕具有可弯曲性,用户可以根据自己的喜好将屏幕弯曲、折叠或旋转,而屏幕上所显示的内容也随之呈现弯曲等效果。但是,这种弯曲效果对文字、图片等多媒体资源的显示带来较大的影响,用户在阅读文字图片的时候,会由于弯曲效果产生阅读障碍,影响阅读体验。因此如何在屏幕弯曲时将屏幕中被影响的区域等二次布局,重新展现用户所能接受的视觉体验是一个亟待解决的问题。A flexible screen generally refers to a flexible organic light-emitting diode (OLED, Organic Light-Emitting Diode). At present, some companies have successfully developed flexible screens that can be mass-produced. This not only brings major changes to the production of new-generation high-end smart phones, but also brings far-reaching applications to wearable devices because of their low power consumption and flexible characteristics. In the future, flexible screens will be widely used with the continuous penetration of personal intelligent terminals. The flexible screen is flexible, and users can bend, fold, or rotate the screen according to their own preferences, and the content displayed on the screen also exhibits effects such as bending. However, this bending effect has a greater impact on the display of multimedia resources such as text and pictures. When reading text and pictures, users will have reading difficulties due to the bending effect and affect the reading experience. Therefore, how to re-display the affected area in the screen and other secondary layouts when the screen is bent to re-display the visual experience acceptable to the user is an urgent problem to be solved.
发明内容Summary of the invention
为解决上述技术问题,本申请实施例提供了一种显示控制方法及装置、电子设备。To solve the above technical problems, embodiments of the present application provide a display control method and device, and electronic equipment.
本申请实施例提供的显示控制方法,包括:当屏幕发生弯曲时,检测至少一个弯曲区域对应的弯曲参数;基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度;基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果。The display control method provided by an embodiment of the present application includes: when a screen is bent, detecting a bending parameter corresponding to at least one bending area; based on the bending parameter corresponding to the at least one bending area, determining at least two display areas that need to be rearranged The size of the screen and the bending angle of the screen; based on the size of the at least two display areas and the bending angle of the screen, the display effect of the target content in the screen is rearranged and displayed.
本申请实施例提供的显示控制装置,包括:检测单元,配置为检测至少一个弯曲区域对应的弯曲参数;第一确定单元,配置为基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度;第二确定单元,配置为基于所述至少两个显示区域的尺寸以及屏幕 的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果。The display control device provided by an embodiment of the present application includes: a detection unit configured to detect a bending parameter corresponding to at least one bending region; a first determining unit configured to determine that a re-layout is required based on the bending parameter corresponding to the at least one bending region The size of the at least two display areas and the bending angle of the screen; the second determining unit is configured to rearrange the display effect of the target content on the screen based on the size of the at least two display areas and the bending angle of the screen.
本申请实施例提供的电子设备,包括:屏幕,配置为显示目标内容;传感器,配置为检测至少一个弯曲区域对应的弯曲参数;处理器和存储器,该存储器存储有计算机程序,所述处理器配置为调用并运行所述存储器中存储的计算机程序,执行上述的方法。An electronic device provided by an embodiment of the present application includes: a screen configured to display target content; a sensor configured to detect bending parameters corresponding to at least one bending area; a processor and a memory, the memory stores a computer program, and the processor is configured To call and run the computer program stored in the memory, the above method is executed.
本申请实施例提供的计算机可读存储介质存储有计算机程序,所述计算机程序使得计算机执行上述的方法。The computer-readable storage medium provided by the embodiments of the present application stores a computer program, and the computer program enables the computer to execute the above method.
附图说明BRIEF DESCRIPTION
附图以示例而非限制的方式大体示出了本文中所讨论的各个实施例。The drawings generally illustrate various embodiments discussed herein by way of example and not limitation.
图1为本申请实施例提供的一种终端的硬件结构示意图;1 is a schematic diagram of a hardware structure of a terminal provided by an embodiment of this application;
图2为本申请实施例提供的显示控制方法的流程示意图一;2 is a first schematic flowchart of a display control method provided by an embodiment of the present application;
图3为本申请实施例提供的电子设备的结构组成示意图;3 is a schematic structural composition diagram of an electronic device provided by an embodiment of this application;
图4为本申请实施例提供的显示控制方法的流程示意图二;4 is a second schematic flowchart of a display control method provided by an embodiment of this application;
图5为本申请实施例提供的显示控制方法的流程示意图三;5 is a schematic flowchart 3 of a display control method provided by an embodiment of this application;
图6为本申请实施例提供的柔性弯曲传感器的示意图;6 is a schematic diagram of a flexible bending sensor provided by an embodiment of the present application;
图7-1为本申请实施例提供的屏幕向外侧弯曲的示意图;FIG. 7-1 is a schematic diagram of the screen bending outwards according to an embodiment of the present application;
图7-2为本申请实施例提供的屏幕向里侧弯曲的示意图;7-2 is a schematic diagram of a screen bent inwardly provided by an embodiment of the present application;
图8-1为本申请实施例提供的屏幕向里侧弯曲且屏幕弯曲角度大于90°的界面布局示意图;8-1 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent inward and the screen bending angle is greater than 90°;
图8-2为本申请实施例提供的屏幕向里侧弯曲且屏幕弯曲角度小于90°的界面布局示意图;8-2 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent inward and the screen bending angle is less than 90°;
图8-3为本申请实施例提供的屏幕向外侧弯曲且屏幕弯曲角度小于270°的界面布局示意图;8-3 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent outward and the screen bending angle is less than 270°;
图8-4为本申请实施例提供的屏幕向外侧弯曲且屏幕弯曲角度大于270°的界面布局示意图;8-4 is a schematic diagram of an interface layout provided by an embodiment of the present application where the screen is bent outward and the screen bending angle is greater than 270°;
图9-1为本申请实施例提供的加载文字重布局前的示意图;9-1 is a schematic diagram of loading text before re-layout provided by an embodiment of the present application;
图9-2为本申请实施例提供的加载文字重布局后的示意图;9-2 is a schematic diagram of the re-layout of loading text provided by an embodiment of the present application;
图10-1为本申请实施例提供的加载多媒体资源和文字重布局前的示意图一;10-1 is a schematic diagram 1 before loading multimedia resources and re-laying text provided by an embodiment of the present application;
图10-2为本申请实施例提供的加载多媒体资源和文字重布局后的示意图一;10-2 is a schematic diagram 1 after loading multimedia resources and text re-layout provided by an embodiment of the present application;
图11-1为本申请实施例提供的加载多媒体资源重布局前的示意图;11-1 is a schematic diagram of loading multimedia resources before redistribution provided by an embodiment of the present application;
图11-2为本申请实施例提供的加载多媒体资源重布局后的示意图;FIG. 11-2 is a schematic diagram of a multimedia resource re-layout provided by an embodiment of the present application;
图12-1为本申请实施例提供的加载多媒体资源和文字重布局前的示意图二;FIG. 12-1 is a schematic diagram 2 before loading multimedia resources and text re-layout provided by an embodiment of the present application;
图12-2为本申请实施例提供的加载多媒体资源和文字重布局后的示意图二;12-2 is a schematic diagram 2 after loading multimedia resources and re-laying text provided by an embodiment of the present application;
图13为本申请实施例提供的显示控制装置的结构组成示意图。13 is a schematic structural diagram of a display control device provided by an embodiment of the present application.
具体实施方式detailed description
应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。It should be understood that the specific embodiments described herein are only used to explain the present application, and are not used to limit the present application.
在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本申请的说明,其本身没有特定的意义。因此,“模块”、“部件”或“单元”可以混合地使用。In the subsequent description, the use of suffixes such as “module”, “part” or “unit” used to represent elements is only for the benefit of the description of the present application, and has no specific meaning in itself. Therefore, "module", "component" or "unit" can be used in a mixed manner.
终端可以以各种形式来实施。例如,本申请中描述的终端可以包括诸如手机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant,PDA)、便捷式媒体播放器(Portable Media Player,PMP)、导航装置、可穿戴设备、智能手环、计步器等移动终端,以及诸如数字TV、台式计算机等固定终端。The terminal can be implemented in various forms. For example, the terminals described in this application may include mobile phones, tablets, laptops, PDAs, personal digital assistants (Personal Digital Assistant (PDA), portable media players (Portable Media Player, PMP), navigation devices, Wearable devices, smart bracelets, pedometers and other mobile terminals, as well as fixed terminals such as digital TVs and desktop computers.
后续描述中将以移动终端为例进行说明,本领域技术人员将理解的是,除了特别用于移动目的元件之外,根据本申请的实施方式的构造也能够应用于固定类型的终端。In the subsequent description, a mobile terminal will be used as an example for illustration. Those skilled in the art will understand that, in addition to elements specifically used for mobile purposes, the configuration according to the embodiments of the present application can also be applied to fixed-type terminals.
参照图1,图1为本申请实施例提供的一种终端的硬件结构示意图,该终端100可以包括:RF(Radio Frequency,射频)单元101、WiFi模块102、音频输出单元103、A/V(音频/视频)输入单元104、传感器105、显示单元106、 用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解,图1中示出的移动终端结构并不构成对移动终端的限定,移动终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。Referring to FIG. 1, FIG. 1 is a schematic diagram of a hardware structure of a terminal provided by an embodiment of the present application. The terminal 100 may include: an RF (Radio Frequency) unit 101, a WiFi module 102, an audio output unit 103, and A/V ( Audio/video) input unit 104, sensor 105, display unit 106, user input unit 107, interface unit 108, memory 109, processor 110, power supply 111 and other components. Those skilled in the art may understand that the structure of the mobile terminal shown in FIG. 1 does not constitute a limitation on the mobile terminal, and the mobile terminal may include more or fewer components than those illustrated, or combine certain components, or different components Layout.
需要说明的是,本申请实施例的移动终端的屏幕能够被弯曲或折叠,例如柔性屏,该柔性屏例如为、但不限于柔性有机发光二极管屏幕。该终端可装载多种传感器,例如柔性弯曲传感器,压力传感器、光敏传感器等,而传感器可对手机受到的各种外界影响产生反馈。例如:当用户弯曲手机时,传感器将弯曲参数反馈给系统,系统会根据传感器反馈回来的弯曲参数对弯曲后的屏幕进行重新绘制,并根据弯曲方式控制软件系统进行重新布局和渲染,将之前显示的内容进行重新排版、缩放。这样弯曲后的屏幕可自适应显示的内容,增强了用户体验。It should be noted that the screen of the mobile terminal according to the embodiment of the present application can be bent or folded, such as a flexible screen, and the flexible screen is, for example, but not limited to a flexible organic light-emitting diode screen. The terminal can be loaded with a variety of sensors, such as flexible bending sensors, pressure sensors, light-sensitive sensors, etc., and the sensors can generate feedback on various external influences received by the mobile phone. For example, when the user bends the mobile phone, the sensor feeds the bending parameters back to the system. The system redraws the bent screen according to the bending parameters returned by the sensor, and controls the software system to re-layout and render according to the bending mode, and displays the previous Content is re-formatted and scaled. This curved screen can adaptively display the content, enhancing the user experience.
图2为本申请实施例提供的显示控制方法的流程示意图一,如图2所示,所述显示控制方法可以包括以下步骤201至203:FIG. 2 is a first schematic flowchart of a display control method provided by an embodiment of the present application. As shown in FIG. 2, the display control method may include the following steps 201 to 203:
步骤201:当屏幕发生弯曲时,检测至少一个弯曲区域对应的弯曲参数。Step 201: When the screen is bent, detect bending parameters corresponding to at least one bending area.
本申请实施例中,可以通过如下方式一和方式二中的至少一种来实现检测至少一个弯曲区域对应的弯曲参数:In the embodiment of the present application, the detection of the bending parameter corresponding to the at least one bending area may be implemented in at least one of the following manner 1 and manner 2:
方式一:检测所述屏幕上的光线射入角度。Method 1: Detect the angle of light incident on the screen.
这种方式下,终端包括光敏传感器,利用光敏传感器检测屏幕上的光线射入角度。在屏幕没有发生弯曲的情况下,整个屏幕上的光线射入角度是一致的;在屏幕发生弯曲的情况下,整个屏幕上的光线射入角度不一致。需要说明的是,光敏传感器可以检测到屏幕上各个位置处的光线入射角度。可选地,光敏传感器可以检测到屏幕上预定的多个位置处的光线入射角度。In this way, the terminal includes a light-sensitive sensor, which uses the light-sensitive sensor to detect the angle of light incident on the screen. When the screen does not bend, the angle of light incident on the entire screen is the same; when the screen is curved, the angle of light incident on the entire screen is inconsistent. It should be noted that the photosensitive sensor can detect the incident angle of light at various positions on the screen. Alternatively, the photosensitive sensor may detect the angle of incidence of light at predetermined positions on the screen.
进一步,光敏传感器同时检测所述屏幕上的光线强度;基于所述屏幕上的光线强度,确定所述至少两个显示区域分别对应的屏幕亮度。要说明的是,光敏传感器可以检测到屏幕上各个位置处的光线强度。可选地,光敏传感器可以检测到屏幕上预定的多个位置处的光线强度。Further, the photosensitive sensor simultaneously detects the light intensity on the screen; based on the light intensity on the screen, the screen brightness corresponding to the at least two display areas is determined. It should be noted that the light sensor can detect the light intensity at various positions on the screen. Alternatively, the photosensitive sensor may detect the light intensity at predetermined positions on the screen.
方式二:检测覆盖在所述屏幕下的柔性弯曲传感器的弯曲参数,所述弯曲参数包括所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度。Manner 2: detecting the bending parameters of the flexible bending sensor covered under the screen, the bending parameters including the coordinates of at least one bending area in the screen and the bending angle of the screen.
需要说明的是,屏幕可以被弯曲成至少两个显示区域,相邻两个显示区域之间通过弯曲区域连接,即:弯曲区域的一侧连接一个显示区域,弯曲区域的另一侧连接另一个显示区域;理想情况下,弯曲区域为一条直线,实际情况下,弯曲区域多为一个具有弧度的曲面。It should be noted that the screen can be bent into at least two display areas, and two adjacent display areas are connected by a curved area, that is, one side of the curved area is connected to one display area, and the other side of the curved area is connected to another Display area; ideally, the curved area is a straight line, and in reality, the curved area is mostly a curved surface.
步骤202:基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度。Step 202: Based on the bending parameters corresponding to the at least one bending area, determine the size of the at least two display areas that need to be rearranged and the bending angle of the screen.
在采用上述方式一来检测至少一个弯曲区域对应的弯曲参数的情况下,基于所述屏幕上的光线射入角度,确定所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度;基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。In the case of adopting the above method one to detect the bending parameter corresponding to at least one bending area, based on the light incident angle on the screen, determine the coordinates of the at least one bending area in the screen and the bending angle of the screen; The coordinates of the curved area determine the size of each display area in the screen.
在采用上述方式二来检测至少一个弯曲区域对应的弯曲参数的情况下,直接从所述弯曲参数中获取所述屏幕的弯曲角度,并且基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。In the case of adopting the above manner two to detect the bending parameter corresponding to at least one bending area, the bending angle of the screen is directly obtained from the bending parameter, and each display area in the screen is determined based on the coordinates of the bending area size of.
步骤203:基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果。Step 203: Based on the size of the at least two display areas and the bending angle of the screen, rearrange the display effect of the target content on the screen.
当所述屏幕上只有一个弯曲区域时,确定需要重新布局的第一显示区域和第二显示区域,下面以所述弯曲区域将所述屏幕划分成第一显示区域和第二显示区域为例进行说明,更多数目的显示区域同理。When there is only one curved area on the screen, determine the first display area and the second display area that need to be rearranged. The following uses the curved area to divide the screen into the first display area and the second display area as an example. Note that the same applies to a larger number of display areas.
本申请实施例中,基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果,可以通过以下第一方面和第二方面来实施:In the embodiment of the present application, based on the size of the at least two display areas and the bending angle of the screen, the display effect of rearranging and displaying the target content on the screen may be implemented by the following first and second aspects:
第一方面:显示位置的重新布局The first aspect: the relocation of the display position
基于所述屏幕的弯曲角度,确定所述第一显示区域和所述第二显示区域的夹角;如果所述第一显示区域和所述第二显示区域的夹角小于第一阈值,则在所述第一显示区域和/或所述第二显示区域中远离所述弯曲区域的第一位置处显示目标内容;如果所述第一显示区域和所述第二显示区域的夹角大于第二阈值,则在所述第一显示区域和/或所述第二显示区域中靠近所述弯曲区域的第二位置处显示目标内容。Determine the angle between the first display area and the second display area based on the bending angle of the screen; if the angle between the first display area and the second display area is less than the first threshold, then Display target content at a first position in the first display area and/or the second display area away from the curved area; if the angle between the first display area and the second display area is greater than the second The threshold value is to display the target content at a second position near the curved area in the first display area and/or the second display area.
这里,基于所述第一显示区域的尺寸、所述第二显示区域的尺寸以及所述 第一显示区域和所述第二显示区域的夹角确定所述第一位置与所述弯曲区域的距离;基于所述第一显示区域的尺寸、所述第二显示区域的尺寸以及所述第一显示区域和所述第二显示区域的夹角确定所述第二位置与所述屏幕的边缘的距离。Here, the distance between the first position and the curved area is determined based on the size of the first display area, the size of the second display area, and the angle between the first display area and the second display area Determine the distance between the second position and the edge of the screen based on the size of the first display area, the size of the second display area, and the angle between the first display area and the second display area .
举个例子:假设所述第一显示区域和所述第二显示区域的夹角为A;当A大于180°时,此时如果弯曲前屏幕内容被弯曲区域影响,则以远离弯曲区域的屏幕边缘侧为参考,将重新分配后的目标内容先布局到屏幕边缘侧。进一步,根据A可计算出目标内容在弯曲区域两侧距离弯曲区域的距离。当A小于180°时,此时如果弯曲前屏幕内容被弯曲区域影响,则以靠近弯曲区域为参考,将重新分配后的目标内容优先布局到弯曲区域两侧。进一步,根据A计算出目标内容在弯曲区域两侧距离屏幕边缘侧的距离。For example: suppose the angle between the first display area and the second display area is A; when A is greater than 180°, if the screen content before bending is affected by the bending area at this time, the screen away from the bending area The edge side is used as a reference, and the redistributed target content is first laid out to the screen edge side. Further, according to A, the distance of the target content from the bending area on both sides of the bending area can be calculated. When A is less than 180°, if the screen content before bending is affected by the bending area at this time, the redistributed target content is preferentially laid out on both sides of the bending area with reference to the bending area as a reference. Further, according to A, the distance between the target content and the edge of the screen on both sides of the curved area is calculated.
进一步,假设弯曲后弯曲区域两侧的显示区域的长度分别为x1、x2;Further, assume that the lengths of the display areas on both sides of the bending area after bending are x1 and x2, respectively;
如果屏幕为向里侧弯曲,那么可知A的范围为0°—180°。为了增强显示效果,当A大于90°时,布局目标内容应靠近弯曲区域;当A小于90°时,布局目标内容远离弯曲区域,两侧显示区域的目标内容距离弯曲区域的距离分别为d1、d2,那么根据夹角A可计算出d1、d2的值:d1=(|90°—A|/90°)*x1,d2=(|90°—A|/90°)*x2,根据d1、d2距离来设计布局。If the screen is curved inward, then the range of A is 0°-180°. In order to enhance the display effect, when A is greater than 90°, the layout target content should be close to the curved area; when A is less than 90°, the layout target content is far from the curved area, and the distance between the target content of the display areas on both sides and the curved area is d1, respectively d2, then the values of d1 and d2 can be calculated according to the included angle A: d1=(|90°—A|/90°)*x1, d2=(|90°—A|/90°)*x2, according to d1 , D2 distance to design the layout.
如果屏幕为向外侧弯曲,那么可知A的范围为180°—360°。为了增强显示效果,当A小于270°时,布局目标内容应靠近弯曲屏幕两侧边缘;当A大于270°时,布局目标内容远离屏幕边缘侧,两侧显示区域的目标内容距离屏幕边缘的距离为d3、d4,那么根据光线入射夹角A可计算出d3、d4的值:d3=(|270°—A|/270°)*x1,d4=(|270°—A|/270°)*x2,根据d3、d4距离来设计布局。If the screen is curved outward, then the range of A is 180°-360°. To enhance the display effect, when A is less than 270°, the layout target content should be close to the edges of both sides of the curved screen; when A is greater than 270°, the layout target content is far from the screen edge, and the distance between the target content of the display area on both sides and the screen edge D3, d4, then the values of d3 and d4 can be calculated according to the angle A of light incidence: d3=(|270°—A|/270°)*x1, d4=(|270°—A|/270°) *x2, design the layout according to the distance between d3 and d4.
参照图8-1,屏幕向里侧弯曲,屏幕弯曲角度大于90°,远离屏幕边缘重布局目标内容。Referring to Fig. 8-1, the screen is bent inward, the screen bending angle is greater than 90°, and the target content is relocated away from the edge of the screen.
参照图8-2,屏幕向里侧弯曲,屏幕弯曲角度小于90°,靠近屏幕边缘重布局目标内容。Referring to Figure 8-2, the screen is bent inward, the screen bending angle is less than 90°, and the target content is re-layed near the edge of the screen.
参照图8-3,屏幕向外侧弯曲,屏幕弯曲角度小于270°,远离弯曲区域重布局目标内容。Referring to FIG. 8-3, the screen is bent outward, the screen bending angle is less than 270°, and the target content is rearranged away from the bending area.
参照图8-4,屏幕向外侧弯曲,屏幕弯曲角度大于270°,靠近弯曲区域重 布局目标内容。Referring to Figure 8-4, the screen is bent outward, the screen bending angle is greater than 270°, and the target content is rearranged near the bending area.
第二方面:各个显示区域重新分配显示数据Second aspect: Redistribute display data in each display area
具体地,根据所述至少两个显示区域的尺寸以及所述目标内容的内容特征,将所述目标内容重新布局显示在所述至少两个显示区域上,所述内容特征至少包括下述的一种或多种:文字、多媒体内容、控件。Specifically, according to the size of the at least two display areas and the content characteristics of the target content, the target content is rearranged and displayed on the at least two display areas, and the content characteristics include at least one of the following One or more: text, multimedia content, controls.
1)所述目标内容包含文字内容的情况下,根据所述至少两个显示区域的尺寸以及所述文字内容的数量,将所述文字内容显示在所述至少两个显示区域,其中,所述至少两个显示区域中的每个显示区域中所显示的文字内容的数量与该显示区域的尺寸成正比。1) When the target content includes text content, the text content is displayed on the at least two display areas according to the size of the at least two display areas and the number of the text content, wherein the The number of text contents displayed in each of the at least two display areas is proportional to the size of the display area.
具体地,如果屏幕界面中包含文字内容,并且文字内容部分被弯曲区域隔断,根据弯曲后各显示区域的尺寸和文字内容的数量重新分配,使得各显示区域上的文字量和显示区域尺寸成正比。Specifically, if the screen interface contains text content, and the text content part is partitioned by the curved area, it is redistributed according to the size of each display area and the number of text content after bending, so that the amount of text on each display area is proportional to the size of the display area .
2)所述目标内容包含多媒体内容的情况下,根据所述多媒体内容的尺寸以及所述至少两个显示区域的尺寸,将所述多媒体内容显示在目标显示区域,其中,所述目标显示区域的尺寸大于等于所述多媒体内容的尺寸。2) When the target content includes multimedia content, the multimedia content is displayed on the target display area according to the size of the multimedia content and the size of the at least two display areas, wherein the target display area The size is greater than or equal to the size of the multimedia content.
其中,2.1)如果所述多媒体内容的尺寸大于所述至少两个显示区域中每个显示区域的尺寸,则将所述多媒体内容的尺寸缩小至目标显示区域的尺寸,所述目标显示区域的尺寸为所述至少两个显示区域的尺寸中的最大值,在所述目标显示区域上显示尺寸缩小后的所述多媒体内容;如果所述多媒体内容的尺寸小于所述至少两个显示区域中每个显示区域的尺寸,则将所述多媒体内容显示在目标显示区域,所述目标显示区域为所述至少两个显示区域中的任意一个显示区域;如果所述多媒体内容的尺寸小于所述至少两个显示区域中部分显示区域的尺寸,则将所述多媒体内容显示在目标显示区域,所述目标显示区域为所述至少两个显示区域中尺寸大于所述多媒体内容的尺寸的显示区域。Wherein 2.1) If the size of the multimedia content is larger than the size of each display area in the at least two display areas, the size of the multimedia content is reduced to the size of the target display area, and the size of the target display area Is the largest of the sizes of the at least two display areas, displaying the reduced multimedia content on the target display area; if the size of the multimedia content is smaller than each of the at least two display areas The size of the display area, the multimedia content is displayed in a target display area, and the target display area is any one of the at least two display areas; if the size of the multimedia content is smaller than the at least two If the size of a partial display area in the display area is to display the multimedia content in a target display area, the target display area is a display area in the at least two display areas whose size is larger than the size of the multimedia content.
举个例子,假设多媒体内容的尺寸为S1、屏幕弯曲后得到的两个显示区域的尺寸为S2、S3,则:For example, assuming that the size of the multimedia content is S1 and the sizes of the two display areas obtained after the screen is bent are S2 and S3, then:
若S1>MAX(S2,S3),则将多媒体内容的尺寸缩小至S2和S3中的最大值,在最大值一侧的显示区域上布局该多媒体内容;If S1>MAX(S2, S3), the size of the multimedia content is reduced to the maximum value of S2 and S3, and the multimedia content is laid out on the display area on the side of the maximum value;
若S1<MIN(S2,S3),则将多媒体内容移动到任一侧的显示区域上;If S1<MIN(S2, S3), move the multimedia content to the display area on either side;
若S2<=S1<=S3,则将多媒体内容移动到较大尺寸的显示区域上显示。If S2<=S1<=S3, the multimedia content is moved to a larger size display area and displayed.
此外,所述目标内容还包含文字内容,根据所述至少两个显示区域的尺寸以及所述文字内容的数量,将所述文字内容显示在所述至少两个显示区域,其中,所述至少两个显示区域中的每个显示区域中所显示的文字内容的数量与该显示区域的尺寸成正比。In addition, the target content further includes text content, and the text content is displayed on the at least two display areas according to the size of the at least two display areas and the number of the text content, wherein the at least two The number of text contents displayed in each display area of each display area is proportional to the size of the display area.
进一步,2.2)根据所述多媒体内容的尺寸以及所述屏幕的尺寸,确定所述多媒体内容的占比系数;针对所述至少两个显示区域的每个显示区域,根据所述多媒体内容的占比系数以及该显示区域的尺寸,确定所述多媒体内容在该显示区域对应的缩放尺寸,按照所述缩放尺寸对所述多媒体内容进行缩放后显示在该显示区域中。Further, 2.2) determine the proportion of the multimedia content according to the size of the multimedia content and the size of the screen; for each display area of the at least two display areas, according to the proportion of the multimedia content The coefficient and the size of the display area determine the zoom size of the multimedia content corresponding to the display area, and the multimedia content is scaled according to the zoom size and displayed in the display area.
举个例子:假设原多媒体内容的尺寸为S4,原屏幕的尺寸为S5,则多媒体内容的占比系数为k=S4/S5,屏幕弯曲后两侧显示区域的尺寸为S6、S7,那么重布局后的多媒体内容以成比例k倍缩小(扩大),即弯曲后两侧显示区域上的多媒体内容的尺寸为k*S6、k*S7,而后按照此尺寸布局多媒体内容。For example, assuming that the size of the original multimedia content is S4 and the size of the original screen is S5, the ratio of the multimedia content is k=S4/S5, and the size of the display area on both sides after the screen is bent is S6 and S7, so heavy The laid-out multimedia content is reduced (expanded) in proportion to k times, that is, the size of the multimedia content on the display area on both sides after bending is k*S6, k*S7, and then the multimedia content is laid out according to this size.
采用本申请实施例的技术方案,用户在弯曲柔性屏幕时,可实时动态的根据屏幕的弯曲角度来重新布局屏幕内容,以获得最佳用户体验。屏幕上的文字、图片、视频等资源还会根据屏幕的折叠程度重新缩放、排版,以达到最适合用户观看的角度。另一方面,根据弯曲后的屏幕上接收到的光线强弱,动态的调整屏幕亮度,对光线弱的地方降低屏幕亮度,对光线强的地方提高屏幕亮度,能够动态的分配背景光照资源,降低功耗。此外,用户在弯曲柔性屏幕时,屏幕的弯曲方式更加灵活,用户可以针对屏幕进行任意位置的弯曲。With the technical solutions of the embodiments of the present application, when a user bends a flexible screen, the user can dynamically rearrange the screen content according to the bending angle of the screen in real time to obtain the best user experience. Text, pictures, videos and other resources on the screen will also be re-zoomed and typeset according to the folding degree of the screen to achieve the most suitable viewing angle for users. On the other hand, according to the intensity of the light received on the curved screen, dynamically adjust the screen brightness, reduce the screen brightness for the weak light, increase the screen brightness for the strong light, and dynamically allocate background lighting resources to reduce Power consumption. In addition, when the user bends the flexible screen, the bending method of the screen is more flexible, and the user can bend the screen at any position.
图3为本申请实施例提供的电子设备的结构组成示意图,该电子设备可以是任意类型的终端,如图3所述,所述电子设备包括:FIG. 3 is a schematic structural diagram of an electronic device provided by an embodiment of the present application. The electronic device may be any type of terminal. As shown in FIG. 3, the electronic device includes:
屏幕301,配置为显示目标内容;Screen 301, configured to display target content;
传感器302,配置为检测至少一个弯曲区域对应的弯曲参数;The sensor 302 is configured to detect bending parameters corresponding to at least one bending area;
处理器303,配置为基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度;The processor 303 is configured to determine the size of the at least two display areas to be rearranged and the bending angle of the screen based on the bending parameters corresponding to the at least one bending area;
存储器304,该存储器304用于存储计算机程序,所述计算机程序被运行时用于实现基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局 显示所述屏幕中目标内容的显示效果。本申请以下实施例将存储器304称为软件模块。A memory 304, which is used to store a computer program, which is used to realize the display effect of rearranging and displaying the target content on the screen based on the size of the at least two display areas and the bending angle of the screen when the computer program is executed . The following embodiments of the present application refer to the memory 304 as a software module.
本申请实施例中,屏幕301可以为柔性屏幕,该屏幕301提供用户界面(UI,User Interface)功能,负责与用户操作的交互,包括文字、图片等的显示。In the embodiment of the present application, the screen 301 may be a flexible screen. The screen 301 provides a user interface (UI, User Interface) function and is responsible for interaction with user operations, including display of text, pictures, and the like.
本申请实施例中,传感器302,可以是压力传感器,配置为感应屏幕受到的弯曲力;也可以是光敏传感器,配置为感应照射到屏幕上的光线变化(光线方向、光线强度);还可以是柔性弯曲传感器,配置为感应屏幕的弯曲角度。传感器302将数据反馈给处理器303。In the embodiment of the present application, the sensor 302 may be a pressure sensor configured to sense the bending force received by the screen; it may also be a light-sensitive sensor configured to sense changes in the light irradiated on the screen (light direction, light intensity); or The flexible bending sensor is configured to sense the bending angle of the screen. The sensor 302 feeds back the data to the processor 303.
本申请实施例中,处理器303计算弯曲屏幕后弯曲区域的坐标及各个显示区域的尺寸,向软件模块提供屏幕相关数据。In the embodiment of the present application, the processor 303 calculates the coordinates of the bending area and the size of each display area after bending the screen, and provides screen related data to the software module.
本申请实施例中,软件模块实现根据弯曲区域的坐标及各个显示区域的尺寸重新绘制界面,加载文字、图片等资源,在屏幕301上重新显示这些资源,并调整屏幕的亮度。In the embodiment of the present application, the software module realizes to redraw the interface according to the coordinates of the bending area and the size of each display area, load resources such as text and pictures, redisplay these resources on the screen 301, and adjust the brightness of the screen.
图4为本申请实施例提供的显示控制方法的流程示意图二,如图4所示,所述显示控制方法包括以下步骤401至408:FIG. 4 is a second schematic flowchart of a display control method provided by an embodiment of the present application. As shown in FIG. 4, the display control method includes the following steps 401 to 408:
步骤401:用户操作屏幕,传感器感应到屏幕各处光线射入。Step 401: The user operates the screen, and the sensor senses that light enters the screen.
这里,传感器会实时监测用户对屏幕进行的操作,并获取屏幕感应到的光线射入的角度的变化,将变化反馈给处理器。Here, the sensor monitors the user's operation on the screen in real time, and obtains the change in the angle of light incident on the screen, and feeds back the change to the processor.
步骤402:若屏幕上射入的光线角度产生差异,则表明用户对屏幕进行了弯曲操作。Step 402: If there is a difference in the angle of light incident on the screen, it indicates that the user has performed a bending operation on the screen.
这里,传感器将感应到的屏幕各处光线射入角度数据传递给处理器,处理器判断此次光线角度变化是否是用户弯曲屏幕操作导致的。如果光线射入角度在某一区域内产生了差异,则处理器认为用户对屏幕进行了弯曲操作。Here, the sensor transmits the data of the angle of light incident on the screen to the processor, and the processor determines whether the light angle change is caused by the user's operation of bending the screen. If the angle of light incidence varies within a certain area, the processor assumes that the user has bent the screen.
步骤403:弯曲屏幕后,传感器感应垂直于屏幕的光线射入组成的夹角变化,基于此判断出此次屏幕弯曲方式是向里侧弯曲还是向外侧弯曲。Step 403: After bending the screen, the sensor senses the change in the angle formed by the light incident perpendicular to the screen, and based on this, it is determined whether the screen bending mode is to bend inward or outward.
这里,参照图7-1和图7-2,其中,图7-1为屏幕向外侧弯曲的示意图,如图7-2为屏幕向里侧弯曲的示意图。这里,弯曲区域为一条直线,弯曲区域将整个屏幕划分为左侧显示区域和右侧显示区域,其中,左侧显示区域与右侧显示区域的光线射入的角度大于180°,则认为屏幕向外侧弯曲;左侧显示区域 与右侧显示区域的光线射入的角度小于180°,则认为屏幕向里侧弯曲。Here, referring to FIGS. 7-1 and 7-2, wherein FIG. 7-1 is a schematic diagram of the screen bending outward, and FIG. 7-2 is a schematic diagram of the screen bending inward. Here, the curved area is a straight line, and the curved area divides the entire screen into a left display area and a right display area, where the angle of light incident between the left display area and the right display area is greater than 180°, the screen is considered to be The outer side is curved; the angle of light incident on the left display area and the right display area is less than 180°, it is considered that the screen is curved inward.
步骤404:传感器将弯曲区域的坐标及所述屏幕的弯曲角度发送给处理器,处理器计算出弯曲后所有显示区域的宽度与长度,并动态控制显示效果。Step 404: The sensor sends the coordinates of the bending area and the bending angle of the screen to the processor, and the processor calculates the width and length of all display areas after bending, and dynamically controls the display effect.
这里,传感器将弯曲区域的坐标发送给处理器,处理器计算出屏幕弯曲后所有显示区域的宽度与长度;以屏幕弯曲一次为例,弯曲屏幕后,处理器可得到弯曲区域的坐标数值,再结合弯曲之前屏幕本身的长度和宽度,可计算出以弯曲区域为界限的两个方向的显示区域的尺寸,进而对屏幕划分区域显示。如果用户对屏幕进行二次弯曲,计算方法类似。Here, the sensor sends the coordinates of the bending area to the processor. The processor calculates the width and length of all display areas after the screen is bent. Taking the screen bending once as an example, after bending the screen, the processor can obtain the coordinates of the bending area, and then Combining the length and width of the screen itself before bending, the size of the display area in two directions bounded by the bending area can be calculated, and then the screen is divided into areas for display. If the user bends the screen twice, the calculation method is similar.
步骤405:处理器根据所述屏幕的弯曲角度重新布局显示区域。Step 405: The processor rearranges the display area according to the bending angle of the screen.
具体地,可以按照如下方式重新布局显示区域:Specifically, the display area can be rearranged as follows:
处理器向软件模块发出指令,清除弯曲前屏幕所显示的所有内容。假设传感器感应到的弯曲角度为A,即屏幕弯曲后得到的两个显示区域的夹角为A,A代表了所述屏幕的弯曲角度,则:当A大于180°时,处理器识别屏幕弯曲方式为向外侧弯曲,此时如果弯曲前屏幕内容被弯曲区域影响,则处理器以远离弯曲区域的屏幕边缘侧为参考,将重新分配后的数据优先布局到屏幕边缘侧,根据角度A计算出该数据距离弯曲区域的距离;当A小于180°时,处理器识别屏幕弯曲方式为向里侧弯曲,此时如果弯曲前屏幕内容被弯曲区域影响,则处理器以靠近弯曲区域为参考,将重新分配后的数据优先布局到弯曲区域两侧,根据角度A计算出该数据距离屏幕边缘的距离。The processor sends instructions to the software module to clear all the content displayed on the screen before bending. Assuming that the bending angle sensed by the sensor is A, that is, the angle between the two display areas obtained after the screen is bent is A, and A represents the bending angle of the screen, then: when A is greater than 180°, the processor recognizes that the screen is bent The method is to bend to the outside. At this time, if the screen content before the bending is affected by the bending area, the processor takes the screen edge side away from the bending area as a reference, and prioritizes the redistributed data to the screen edge side, according to the angle A The distance of the data from the bending area; when A is less than 180°, the processor recognizes that the screen bending method is to bend inward. At this time, if the screen content is affected by the bending area before bending, the processor refers to the bending area as a reference. The redistributed data is preferentially laid out on both sides of the curved area, and the distance between the data and the edge of the screen is calculated according to the angle A.
上述距离的计算方法如下:假设屏幕中弯曲区域两侧的显示区域的长度为x1、x2,则:The calculation method of the above distance is as follows: Assuming that the lengths of the display areas on both sides of the curved area in the screen are x1, x2, then:
如果屏幕为向里侧弯曲,那么可知A的范围为0°—180°。为了增强显示效果,当A大于90°时,重布局显示内容应靠近弯曲区域,当A小于90°时,布局显示内容应远离弯曲区域,两侧显示区域上的显示内容距离弯曲区域的距离为d1、d2,那么根据光线入射夹角A可计算出d1、d2的值:d1=(|90°—A|/90°)*x1,d2=(|90°—A|/90°)*x2,处理器根据d1、d2距离来设计布局。If the screen is curved inward, then the range of A is 0°-180°. In order to enhance the display effect, when A is greater than 90°, the re-layout display content should be close to the curved area. When A is less than 90°, the layout display content should be far from the curved area. The display content on the display areas on both sides is at a distance from the curved area d1, d2, then the value of d1, d2 can be calculated according to the angle A of light incidence: d1=(|90°—A|/90°)*x1, d2=(|90°—A|/90°)* x2, the processor designs the layout based on the distances of d1 and d2.
如果屏幕为向外侧弯曲,那么可知A的范围为180°—360°。为了增强显示效果,当A小于270°时,重布局显示内容应靠近弯曲屏幕两侧边缘,当A大于270°时,布局显示内容远离屏幕两侧边缘,两侧显示区域上的显示内容距离屏幕边缘的距离为d3、d4,那么根据光线入射夹角A可计算出d3、d4的值: d3=(|270°—A|/270°)*x1,d4=(|270°—A|/270°)*x2,处理器根据d3、d4距离来设计布局。If the screen is curved outward, then the range of A is 180°-360°. In order to enhance the display effect, when A is less than 270°, the re-layout display content should be close to the edges of both sides of the curved screen. When A is greater than 270°, the layout display content is far away from the edges of the screen, and the display content on the display areas on both sides is away from the screen The distance between the edges is d3, d4, then the values of d3 and d4 can be calculated according to the angle A of light incidence: d3=(|270°—A|/270°)*x1, d4=(|270°—A|/ 270°)*x2, the processor designs the layout according to the distance between d3 and d4.
参照图8-1,屏幕向里侧弯曲,屏幕弯曲角度大于90°,远离屏幕边缘重布局目标内容。Referring to Fig. 8-1, the screen is bent inward, the screen bending angle is greater than 90°, and the target content is relocated away from the edge of the screen.
参照图8-2,屏幕向里侧弯曲,屏幕弯曲角度小于90°,靠近屏幕边缘重布局目标内容。Referring to Figure 8-2, the screen is bent inward, the screen bending angle is less than 90°, and the target content is re-layed near the edge of the screen.
参照图8-3,屏幕向外侧弯曲,屏幕弯曲角度小于270°,远离弯曲区域重布局目标内容。Referring to FIG. 8-3, the screen is bent outward, the screen bending angle is less than 270°, and the target content is rearranged away from the bending area.
参照图8-4,屏幕向外侧弯曲,屏幕弯曲角度大于270°,靠近弯曲区域重布局目标内容。Referring to FIG. 8-4, the screen is bent outward, the screen bending angle is greater than 270°, and the target content is re-layed near the bending area.
步骤406:处理器根据屏幕弯曲前对应的显示内容和弯曲后各个显示区域的尺寸计算出弯曲后各个显示区域应分配的显示内容。Step 406: The processor calculates the display content to be allocated to each display area after bending according to the display content before the screen is bent and the size of each display area after bending.
获得屏幕弯曲后的各个显示区域的尺寸以及弯曲方式(基于所述屏幕的弯曲角度确定)后,处理器需要对原始显示的界面进行重新设计。考虑屏幕中含有多媒体资源布局(以下简称多媒体,包括视频、音频、图片等)或者文字布局被弯曲面隔断的情况。以下示例性第列出了几种情况及相应的布局方案:After obtaining the size and bending mode (determined based on the bending angle of the screen) of each display area after the screen is bent, the processor needs to redesign the originally displayed interface. Consider the situation where the screen contains multimedia resource layouts (hereinafter referred to as multimedia, including video, audio, pictures, etc.) or the text layout is partitioned by curved surfaces. The following exemplary section lists several situations and corresponding layout schemes:
1.如果界面中包含文字信息,并且文字部分被弯曲区域隔断,如图9-1所示,处理器根据弯曲后屏幕尺寸和文字信息量对文字信息进行重新分配,使得各显示区域上的文字量和显示区域的尺寸成正比。设原文字量为N1,原屏幕尺寸为S1,屏幕弯曲后得到的第一显示区域和第二显示区域的尺寸大小为S2、S3,那么第一显示区域上的文字量为N1*S2/S1,第二显示区域上的文字量为N1*S3/S1。文字重新布局后如图9-2所示。1. If the interface contains text information, and the text part is separated by the curved area, as shown in Figure 9-1, the processor redistributes the text information according to the screen size and the amount of text information after bending, so that the text on each display area The amount is proportional to the size of the display area. Suppose the original text volume is N1, the original screen size is S1, the size of the first display area and the second display area obtained after the screen is bent is S2, S3, then the text size on the first display area is N1*S2/S1 , The amount of characters on the second display area is N1*S3/S1. The text is re-layed out as shown in Figure 9-2.
2.如果界面中包含多媒体和文字,并且多媒体被弯曲区域隔断,如图10-1所示,此时处理器计算出多媒体的尺寸为S1、屏幕弯曲后得到的第一显示区域和第二显示区域的尺寸分别为S2、S3,其中,若S1>MAX(S2,S3),则将多媒体尺寸缩小至S2和S3中的最大值,在最大值一侧的显示区域上布局该多媒体;若多媒体尺寸S1<MIN(S2,S3),则将多媒体移动到任一侧显示区域上;若多媒体尺寸S2<=S1<=S3,则将多媒体移动到较大尺寸的显示区域上。2. If the interface contains multimedia and text, and the multimedia is separated by the curved area, as shown in Figure 10-1, the processor calculates the multimedia size S1, the first display area and the second display obtained after the screen is bent The size of the area is S2 and S3, respectively, if S1>MAX (S2, S3), the multimedia size is reduced to the maximum value of S2 and S3, and the multimedia is laid out on the display area on the side of the maximum value; If the size S1<MIN(S2, S3), the multimedia is moved to the display area on either side; if the multimedia size S2<=S1<=S3, the multimedia is moved to the larger size display area.
上述情况下剩余屏幕空间上显示文字。多媒体和文字重新布局后如图10-2 所示。In the above case, text is displayed on the remaining screen space. The multimedia and text are re-layed out as shown in Figure 10-2.
3.如果界面中只含有多媒体,并且多媒体被弯曲区域隔断,如图11-1所示,处理器会将多媒体重布局到屏幕弯曲后的两个显示区域上,在弯曲区域两侧的显示区域均展示该多媒体。设原多媒体尺寸为S4,原屏幕尺寸为S5,则多媒体的占比系数为k=S4/S5,屏幕弯曲后得到的第一显示区域和第二显示区域的尺寸分别为S6、S7,那么重布局后的多媒体以成比例k倍缩小(扩大),即第一显示区域和第二显示区上多媒体的尺寸分别为k*S6、k*S7,而后处理器按照此尺寸布局多媒体。多媒体重新布局后如图11-2所示。3. If the interface contains only multimedia and the multimedia is separated by the curved area, as shown in Figure 11-1, the processor will re-layout the multimedia to the two display areas after the screen is bent, and the display areas on both sides of the curved area The multimedia is displayed. Suppose the original multimedia size is S4 and the original screen size is S5, then the ratio of multimedia is k=S4/S5, the size of the first display area and the second display area obtained after the screen is bent is S6, S7, so heavy The laid-out multimedia is reduced (expanded) proportionally k times, that is, the multimedia sizes on the first display area and the second display area are k*S6 and k*S7, respectively, and the post-processor lays out multimedia according to this size. Figure 11-2 shows the multimedia after re-layout.
4.如果界面中含有多媒体和文字,并且文字部分被弯曲区域隔断,如图12-1所示,处理器首先在多媒体所在屏幕侧布局多媒体,然后根据两个显示区域剩余空间布局文字,各显示区域上的文字量和显示区域所剩空间大小成正比。多媒体和文字重新布局后如图12-2所示。4. If the interface contains multimedia and text, and the text part is separated by a curved area, as shown in Figure 12-1, the processor first lays out the multimedia on the side of the screen where the multimedia is located, and then lays out the text according to the remaining space of the two display areas, each displayed The amount of text on the area is proportional to the amount of space left in the display area. Figure 12-2 shows the multimedia and text after re-layout.
上面几种方法是根据之前尺寸对多媒体大小进行缩放,相应的文字也会重新设计,使得弯曲后的屏幕能够显示出匹配的布局,弯曲区域对界面的影响降到最低。The above methods are to scale the multimedia size according to the previous size, and the corresponding text will be redesigned so that the curved screen can display a matching layout, and the influence of the curved area on the interface is minimized.
步骤407:处理器指引软件模块根据各个显示区域分配的显示内容进行界面绘制,重新加载调整布局,显示内容。Step 407: The processor instructs the software module to draw the interface according to the display content allocated in each display area, reload and adjust the layout, and display the content.
处理器重新设计界面后,会将设计后的布局数据传递给软件系统,而后由软件的各个层面按照布局和数据进行界面的二次布局,完成视效的显示,由显示模块呈现给用户新的界面。After the processor redesigns the interface, the designed layout data will be passed to the software system, and then the secondary layout of the interface will be carried out according to the layout and data at all levels of the software to complete the display of visual effects, and the display module will present the new interface.
步骤408:显示模块根据屏幕光敏传感器接收到的光线强弱,动态调整弯曲屏后的屏幕的各处亮度。Step 408: The display module dynamically adjusts the brightness of the screen after the curved screen according to the intensity of the light received by the screen light sensor.
经过弯曲重布局后的屏幕,屏幕各处光敏传感器受到的光线强弱不同。显示模块对屏幕各处接收到的光线对强弱度进行量化,根据量化值对屏幕各处的亮度进行调节,在光线强的地方提高屏幕亮度显示,在光线弱的地方降低屏幕亮度显示。After the curved and re-arranged screen, the light intensity received by the photosensors on the screen is different. The display module quantifies the intensity of the light received throughout the screen, adjusts the brightness of the screen according to the quantized value, increases the screen brightness display where the light is strong, and decreases the screen brightness display where the light is weak.
本申请实施例的技术方案,当用户弯曲屏幕时,由于垂直于屏幕的光线在各处射入的角度产生了差异,屏幕下的传感器会感应到角度差异,并将受到光线角度差异的区域反馈给处理器,处理器会判断产生光线角度差异的原因是用户弯曲屏幕而不是用户触摸屏幕。当屏幕向外侧弯曲或向里侧弯曲时,传感器 会根据弯曲区域处收到的光线差异判断相应的弯曲方式。处理器会根据传感器反馈回来的数据对弯曲后的屏幕进行重新绘制,并根据弯曲方式控制软件模块进行重新布局和渲染,将之前显示的内容进行重新排版、缩放。这样弯曲后的屏幕可自适应显示的内容,增强了用户体验。According to the technical solution of the embodiment of the present application, when the user bends the screen, due to the difference in the angles of light incident perpendicular to the screen, the sensor under the screen will sense the angle difference and feedback the area affected by the difference in light angle To the processor, the processor judges that the reason for the difference in light angle is that the user bends the screen instead of the user touching the screen. When the screen is bent to the outside or to the inside, the sensor will judge the corresponding bending mode according to the difference in light received at the bending area. The processor will redraw the curved screen according to the data returned by the sensor, and control the software module to re-layout and render according to the bending mode, and re-typeset and zoom the previously displayed content. This curved screen can adaptively display the content, enhancing the user experience.
本申请在识别弯曲区域的方案上的优点是光敏传感器是每部终端必配的传感器,不需要在终端上添加额外的传感器,直接利用光敏传感器获得数据,即可识别弯曲区域,并且还能够根据光线射入角度识别出所述屏幕的弯曲角度,利用所述屏幕的弯曲角度来重新布局界面,达到了利用一个部件解决多项问题的目的,节约了成本物料、且效率较高。The advantage of this application in identifying the bending area is that the photosensitive sensor is a must-have sensor for each terminal. There is no need to add an additional sensor to the terminal. Using the photosensitive sensor to obtain data directly, you can identify the bending area, and can also be based on The light incidence angle identifies the bending angle of the screen, and the bending angle of the screen is used to re-layout the interface, which achieves the purpose of solving multiple problems with one component, saves costs, materials, and has high efficiency.
图5为本申请实施例提供的显示控制方法的流程示意图三,如图5所示,所述显示控制方法包括以下步骤501至506:FIG. 5 is a third schematic flowchart of a display control method provided by an embodiment of the present application. As shown in FIG. 5, the display control method includes the following steps 501 to 506:
步骤501:用户操作屏幕,传感器感应到屏幕弯曲的变化。Step 501: The user operates the screen, and the sensor senses the change in screen bending.
参照图6,屏幕的下方设置有柔性弯曲传感器,屏幕的弯曲会带动柔性弯曲传感器弯曲,通过控制器能检测到该柔性弯曲传感器的弯曲参数。Referring to FIG. 6, a flexible bending sensor is provided below the screen. The bending of the screen will cause the flexible bending sensor to bend, and the bending parameter of the flexible bending sensor can be detected by the controller.
步骤502:传感器实时监测到用户对屏幕进行的操作,处理器通过传感器感受到的弯曲变化,判断出该次屏幕弯曲方式是向里侧弯曲还是向外侧弯曲,并计算出弯曲角度。Step 502: The sensor monitors the user's operation on the screen in real time, and the processor determines whether the bending mode of the screen is bending inward or outward through the bending change felt by the sensor, and calculates the bending angle.
参照图7-1和图7-2,其中,图7-1为屏幕向外侧弯曲的示意图,如图7-2为屏幕向里侧弯曲的示意图。这里,弯曲区域为一条直线,弯曲区域将整个屏幕划分为左侧显示区域和右侧显示区域,其中,左侧显示区域与右侧显示区域的光线射入的角度大于180°,则认为屏幕向外侧弯曲;左侧显示区域与右侧显示区域的光线射入的角度小于180°,则认为屏幕向里侧弯曲。Referring to FIGS. 7-1 and 7-2, FIG. 7-1 is a schematic diagram of the screen bending outward, and FIG. 7-2 is a schematic diagram of the screen bending inward. Here, the curved area is a straight line, and the curved area divides the entire screen into a left display area and a right display area, where the angle of light incident between the left display area and the right display area is greater than 180°, the screen is considered to be The outer side is curved; the angle of light incident on the left display area and the right display area is less than 180°, it is considered that the screen is curved inward.
步骤503:传感器将弯曲区域的坐标发送给处理器,处理器计算出屏幕弯曲后得到的所有显示区域的宽度与长度,动态控制屏幕的显示方式。Step 503: The sensor sends the coordinates of the bending area to the processor, and the processor calculates the width and length of all display areas obtained after the screen is bent, and dynamically controls the display mode of the screen.
这里,传感器将弯曲区域的坐标发送给处理器,处理器计算出屏幕弯曲后所有显示区域的宽度与长度;以屏幕弯曲一次为例,弯曲屏幕后,处理器可得到弯曲区域的坐标数值,再结合弯曲之前屏幕本身的长度和宽度,可计算出以弯曲区域为界限的两个方向的显示区域的尺寸,进而对屏幕划分区域显示。如果用户对屏幕进行二次弯曲,计算方法类似。Here, the sensor sends the coordinates of the bending area to the processor. The processor calculates the width and length of all display areas after the screen is bent. Taking the screen bending once as an example, after bending the screen, the processor can obtain the coordinates of the bending area, and then Combining the length and width of the screen itself before bending, the size of the display area in two directions bounded by the bending area can be calculated, and then the screen is divided into areas for display. If the user bends the screen twice, the calculation method is similar.
步骤504:处理器根据所述屏幕的弯曲角度重新布局显示区域。Step 504: The processor rearranges the display area according to the bending angle of the screen.
具体地,可以按照如下方式重新布局显示区域:Specifically, the display area can be rearranged as follows:
处理器向软件模块发出指令,清除弯曲前屏幕所显示的所有内容。假设传感器感应到的弯曲角度为A,即屏幕弯曲后得到的两个显示区域的夹角为A,A代表了所述屏幕的弯曲角度,则:当A大于180°时,处理器识别屏幕弯曲方式为向外侧弯曲,此时如果弯曲前屏幕内容被弯曲区域影响,则处理器以远离弯曲区域的屏幕边缘侧为参考,将重新分配后的数据优先布局到屏幕边缘侧,根据角度A计算出该数据距离弯曲区域的距离;当A小于180°时,处理器识别屏幕弯曲方式为向里侧弯曲,此时如果弯曲前屏幕内容被弯曲区域影响,则处理器以靠近弯曲区域为参考,将重新分配后的数据优先布局到弯曲区域两侧,根据角度A计算出该数据距离屏幕边缘的距离。The processor sends instructions to the software module to clear all the content displayed on the screen before bending. Assuming that the bending angle sensed by the sensor is A, that is, the angle between the two display areas obtained after the screen is bent is A, and A represents the bending angle of the screen, then: when A is greater than 180°, the processor recognizes that the screen is bent The method is to bend to the outside. At this time, if the screen content before the bending is affected by the bending area, the processor takes the screen edge side away from the bending area as a reference, and prioritizes the redistributed data to the screen edge side, according to the angle A The distance of the data from the bending area; when A is less than 180°, the processor recognizes that the screen bending method is to bend inward. At this time, if the screen content is affected by the bending area before bending, the processor refers to the bending area as a reference. The redistributed data is preferentially laid out on both sides of the curved area, and the distance between the data and the edge of the screen is calculated according to the angle A.
上述距离的计算方法如下:假设屏幕中弯曲区域两侧的显示区域的长度为x1、x2,则:The calculation method of the above distance is as follows: Assuming that the lengths of the display areas on both sides of the curved area in the screen are x1, x2, then:
如果屏幕为向里侧弯曲,那么可知A的范围为0°—180°。为了增强显示效果,当A大于90°时,重布局显示内容应靠近弯曲区域,当A小于90°时,布局显示内容应远离弯曲区域,两侧显示区域上的显示内容距离弯曲区域的距离为d1、d2,那么根据光线入射夹角A可计算出d1、d2的值:d1=(|90°—A|/90°)*x1,d2=(|90°—A|/90°)*x2,处理器根据d1、d2距离来设计布局。If the screen is curved inward, then the range of A is 0°-180°. In order to enhance the display effect, when A is greater than 90°, the re-layout display content should be close to the curved area. When A is less than 90°, the layout display content should be far from the curved area. The display content on the display areas on both sides is at a distance from the curved area d1, d2, then the value of d1, d2 can be calculated according to the angle A of light incidence: d1=(|90°—A|/90°)*x1, d2=(|90°—A|/90°)* x2, the processor designs the layout based on the distances of d1 and d2.
如果屏幕为向外侧弯曲,那么可知A的范围为180°—360°。为了增强显示效果,当A小于270°时,重布局显示内容应靠近弯曲屏幕两侧边缘,当A大于270°时,布局显示内容远离屏幕两侧边缘,两侧显示区域上的显示内容距离屏幕边缘的距离为d3、d4,那么根据光线入射夹角A可计算出d3、d4的值:d3=(|270°—A|/270°)*x1,d4=(|270°—A|/270°)*x2,处理器根据d3、d4距离来设计布局。If the screen is curved outward, then the range of A is 180°-360°. In order to enhance the display effect, when A is less than 270°, the re-layout display content should be close to the edges of both sides of the curved screen. When A is greater than 270°, the layout display content is far from the edges of the screen, and the display content on the display areas on both sides is away from the screen The distance between the edges is d3, d4, then the values of d3 and d4 can be calculated according to the angle A of light incidence: d3=(|270°—A|/270°)*x1, d4=(|270°—A|/ 270°)*x2, the processor designs the layout according to the distance between d3 and d4.
参照图8-1,屏幕向里侧弯曲,屏幕弯曲角度大于90°,远离屏幕边缘重布局目标内容。Referring to Fig. 8-1, the screen is bent inward, the screen bending angle is greater than 90°, and the target content is relocated away from the edge of the screen.
参照图8-2,屏幕向里侧弯曲,屏幕弯曲角度小于90°,靠近屏幕边缘重布局目标内容。Referring to Figure 8-2, the screen is bent inward, the screen bending angle is less than 90°, and the target content is re-layed near the edge of the screen.
参照图8-3,屏幕向外侧弯曲,屏幕弯曲角度小于270°,远离弯曲区域重布局目标内容。Referring to FIG. 8-3, the screen is bent outward, the screen bending angle is less than 270°, and the target content is rearranged away from the bending area.
参照图8-4,屏幕向外侧弯曲,屏幕弯曲角度大于270°,靠近弯曲区域重布局目标内容。Referring to FIG. 8-4, the screen is bent outward, the screen bending angle is greater than 270°, and the target content is re-layed near the bending area.
步骤505:处理器根据屏幕弯曲前对应的显示内容和弯曲后各个显示区域的尺寸计算出弯曲后各个显示区域应分配的显示内容。Step 505: The processor calculates the display content to be allocated to each display area after bending according to the corresponding display content before the screen bending and the size of each display area after bending.
获得屏幕弯曲后的各个显示区域的尺寸以及弯曲方式(基于所述屏幕的弯曲角度确定)后,处理器需要对原始显示的界面进行重新设计。考虑屏幕中含有多媒体资源布局(以下简称多媒体,包括视频、音频、图片等)或者文字布局被弯曲面隔断的情况。以下示例性第列出了几种情况及相应的布局方案:After obtaining the size and bending mode (determined based on the bending angle of the screen) of each display area after the screen is bent, the processor needs to redesign the originally displayed interface. Consider the situation where the screen contains multimedia resource layouts (hereinafter referred to as multimedia, including video, audio, pictures, etc.) or the text layout is partitioned by curved surfaces. The following exemplary section lists several situations and corresponding layout schemes:
1.如果界面中包含文字信息,并且文字部分被弯曲区域隔断,如图9-1所示,处理器根据弯曲后屏幕尺寸和文字信息量对文字信息进行重新分配,使得各显示区域上的文字量和显示区域的尺寸成正比。设原文字量为N1,原屏幕尺寸为S1,屏幕弯曲后得到的第一显示区域和第二显示区域的尺寸大小为S2、S3,那么第一显示区域上的文字量为N1*S2/S1,第二显示区域上的文字量为N1*S3/S1。文字重新布局后如图9-2所示。1. If the interface contains text information, and the text part is separated by the curved area, as shown in Figure 9-1, the processor redistributes the text information according to the screen size and the amount of text information after bending, so that the text on each display area The amount is proportional to the size of the display area. Suppose the original text volume is N1, the original screen size is S1, the size of the first display area and the second display area obtained after the screen is bent is S2, S3, then the text size on the first display area is N1*S2/S1 , The amount of characters on the second display area is N1*S3/S1. The text is re-layed out as shown in Figure 9-2.
2.如果界面中包含多媒体和文字,并且多媒体被弯曲区域隔断,如图10-1所示,此时处理器计算出多媒体的尺寸为S1、屏幕弯曲后得到的第一显示区域和第二显示区域的尺寸分别为S2、S3,2. If the interface contains multimedia and text, and the multimedia is separated by the curved area, as shown in Figure 10-1, the processor calculates the multimedia size S1, the first display area and the second display obtained after the screen is bent The size of the area is S2, S3,
若S1>MAX(S2,S3),则将多媒体尺寸缩小至S2和S3中的最大值,在最大值一侧的显示区域上布局该多媒体;If S1>MAX(S2, S3), the multimedia size is reduced to the maximum value among S2 and S3, and the multimedia is laid out on the display area on the side of the maximum value;
若多媒体尺寸S1<MIN(S2,S3),则将多媒体移动到任一侧显示区域上;If the multimedia size S1<MIN(S2, S3), move the multimedia to the display area on either side;
若多媒体尺寸S2<=S1<=S3,则将多媒体移动到较大尺寸的显示区域上。If the multimedia size S2<=S1<=S3, the multimedia is moved to a larger size display area.
上述情况下剩余屏幕空间上显示文字。多媒体和文字重新布局后如图10-2所示。In the above case, text is displayed on the remaining screen space. Figure 10-2 shows the multimedia and text after re-layout.
3.如果界面中只含有多媒体,并且多媒体被弯曲区域隔断,如图11-1所示,处理器会将多媒体重布局到屏幕弯曲后的两个显示区域上,在弯曲区域两侧的显示区域均展示该多媒体。设原多媒体尺寸为S4,原屏幕尺寸为S5,则多媒体的占比系数为k=S4/S5,屏幕弯曲后得到的第一显示区域和第二显示区域的尺寸分别为S6、S7,那么重布局后的多媒体以成比例k倍缩小(扩大),即第一显示区域和第二显示区上多媒体的尺寸分别为k*S6、k*S7,而后处理器按照 此尺寸布局多媒体。多媒体重新布局后如图11-2所示。3. If the interface contains only multimedia and the multimedia is separated by the curved area, as shown in Figure 11-1, the processor will re-layout the multimedia to the two display areas after the screen is bent, and the display areas on both sides of the curved area The multimedia is displayed. Suppose the original multimedia size is S4 and the original screen size is S5, then the ratio of multimedia is k=S4/S5, and the sizes of the first display area and the second display area obtained after the screen is bent are S6 and S7, so heavy The laid-out multimedia is reduced (expanded) proportionally k times, that is, the multimedia sizes on the first display area and the second display area are k*S6 and k*S7, respectively, and the post-processor lays out multimedia according to this size. Figure 11-2 shows the multimedia after re-layout.
4.如果界面中含有多媒体和文字,并且文字部分被弯曲区域隔断,如图12-1所示,处理器首先在多媒体所在屏幕侧布局多媒体,然后根据两个显示区域剩余空间布局文字,各显示区域上的文字量和显示区域所剩空间大小成正比。多媒体和文字重新布局后如图12-2所示。4. If the interface contains multimedia and text, and the text part is separated by a curved area, as shown in Figure 12-1, the processor first lays out the multimedia on the side of the screen where the multimedia is located, and then lays out the text according to the remaining space of the two display areas, each displayed The amount of text on the area is proportional to the amount of space left in the display area. Figure 12-2 shows the multimedia and text after re-layout.
上面几种方法是根据之前尺寸对多媒体大小进行缩放,相应的文字也会重新设计,使得弯曲后的屏幕能够显示出匹配的布局,弯曲区域对界面的影响降到最低。The above methods are to scale the multimedia size according to the previous size, and the corresponding text will be redesigned so that the curved screen can display a matching layout, and the influence of the curved area on the interface is minimized.
步骤506:处理器指引软件模块根据各个显示区域分配的显示内容进行界面绘制,重新加载调整布局,显示内容。Step 506: The processor instructs the software module to draw the interface according to the display content allocated in each display area, reload and adjust the layout, and display the content.
处理器重新设计界面后,会将设计后的布局数据传递给软件系统,而后由软件的各个层面按照布局和数据进行界面的二次布局,完成视效的显示,由显示模块呈现给用户新的界面。After the processor redesigns the interface, the designed layout data will be passed to the software system, and then the secondary layout of the interface will be carried out according to the layout and data at all levels of the software to complete the display of visual effects, and the display module will present the new interface.
本申请实施例的技术方案,当用户弯曲屏幕时,传感器也会随之弯曲,屏幕下的传感器会感受到角度差异,并将受到角度差异的区域反馈给处理器,处理器会判断产生角度差异的原因是用户弯曲屏幕而不是用户触摸屏幕。当屏幕向外侧弯曲或内侧弯曲时,传感器会根据弯曲区域的角度判断相应的弯曲方式。处理器根据传感器反馈回来的数据对弯曲后的屏幕进行重新绘制,并根据弯曲方式控制软件模块进行重新布局和渲染,将之前显示的内容进行重新排版、缩放。这样弯曲后的屏幕可自适应显示的内容,增强了用户体验。According to the technical solution of the embodiment of the present application, when the user bends the screen, the sensor will also bend, and the sensor under the screen will feel the angle difference, and feed back the area affected by the angle difference to the processor, and the processor will judge that the angle difference occurs The reason is that the user bends the screen instead of the user touching the screen. When the screen is bent to the outside or the inside, the sensor will judge the corresponding bending method according to the angle of the bending area. The processor redraws the curved screen according to the data returned by the sensor, and controls the software module to re-layout and render according to the bending mode, and re-typesets and zooms the previously displayed content. This curved screen can adaptively display the content, enhancing the user experience.
图13为本申请实施例提供的显示控制装置的结构组成示意图,如图13所示,所述装置可以包括检测单元1301、第一确定单元1302和第二确定单元1303。13 is a schematic structural composition diagram of a display control device provided by an embodiment of the present application. As shown in FIG. 13, the device may include a detection unit 1301, a first determination unit 1302, and a second determination unit 1303.
检测单元1301配置为检测至少一个弯曲区域对应的弯曲参数。The detection unit 1301 is configured to detect bending parameters corresponding to at least one bending area.
第一确定单元1302配置为基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度。The first determining unit 1302 is configured to determine the size of the at least two display areas that need to be rearranged and the bending angle of the screen based on the bending parameters corresponding to the at least one bending area.
第二确定单元1303配置为基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果。The second determining unit 1303 is configured to rearrange the display effect of the target content in the screen based on the sizes of the at least two display areas and the bending angle of the screen.
在一实施方式中,所述检测单元1301配置为:检测所述屏幕上的光线射入角度;所述第一确定单元1302配置为:基于所述屏幕上的光线射入角度,确定 所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度;基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。In one embodiment, the detection unit 1301 is configured to detect the angle of light incident on the screen; the first determination unit 1302 is configured to determine the screen based on the angle of light incident on the screen The coordinates of at least one bending area and the bending angle of the screen; determining the size of each display area on the screen based on the coordinates of the bending area.
在一实施方式中,所述检测单元1301还配置为:检测所述屏幕上的光线强度;所述第一确定单元1302还配置为:基于所述屏幕上的光线强度,确定所述至少两个显示区域分别对应的屏幕亮度。In an embodiment, the detection unit 1301 is further configured to detect the light intensity on the screen; the first determination unit 1302 is further configured to determine the at least two based on the light intensity on the screen The brightness of the screen corresponding to the display area.
在一实施方式中,所述检测单元1301配置为:检测覆盖在所述屏幕下的柔性弯曲传感器的弯曲参数,所述弯曲参数包括所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度;所述第一确定单元1302配置为:基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。In an embodiment, the detection unit 1301 is configured to detect a bending parameter of a flexible bending sensor covered under the screen, the bending parameter including coordinates of at least one bending area in the screen and bending of the screen Angle; the first determining unit 1302 is configured to determine the size of each display area in the screen based on the coordinates of the bending area.
在一实施方式中,当所述屏幕上只有一个弯曲区域时,所述弯曲区域将所述屏幕划分成第一显示区域和第二显示区域;所述第二确定单元1303配置为:基于所述屏幕的弯曲角度,确定所述第一显示区域和所述第二显示区域的夹角;如果所述第一显示区域和所述第二显示区域的夹角小于第一阈值,则在所述第一显示区域和/或所述第二显示区域中远离所述弯曲区域的第一位置处显示目标内容;如果所述第一显示区域和所述第二显示区域的夹角大于第二阈值,则在所述第一显示区域和/或所述第二显示区域中靠近所述弯曲区域的第二位置处显示目标内容。In an embodiment, when there is only one curved area on the screen, the curved area divides the screen into a first display area and a second display area; the second determination unit 1303 is configured to: The bending angle of the screen determines the angle between the first display area and the second display area; if the angle between the first display area and the second display area is less than the first threshold, the A display area and/or the second display area displays the target content at a first position away from the curved area; if the angle between the first display area and the second display area is greater than a second threshold, then Target content is displayed at a second position in the first display area and/or the second display area near the curved area.
在一实施方式中,所述第一位置与所述弯曲区域的距离基于所述第一显示区域的尺寸、所述第二显示区域的尺寸以及所述第一显示区域和所述第二显示区域的夹角确定;所述第二位置与所述屏幕的边缘的距离基于所述第一显示区域的尺寸、所述第二显示区域的尺寸以及所述第一显示区域和所述第二显示区域的夹角确定。In one embodiment, the distance between the first position and the curved area is based on the size of the first display area, the size of the second display area, and the first display area and the second display area The angle between is determined; the distance between the second position and the edge of the screen is based on the size of the first display area, the size of the second display area, and the first display area and the second display area The angle is determined.
在一实施方式中,所述第二确定单元1303配置为:根据所述至少两个显示区域的尺寸以及所述目标内容的内容特征,将所述目标内容重新布局显示在所述至少两个显示区域上,所述内容特征至少包括下述的一种或多种:文字、多媒体内容、控件等其他可以显示在屏幕上的内容。In an embodiment, the second determining unit 1303 is configured to re-layout and display the target content on the at least two displays according to the sizes of the at least two display areas and the content characteristics of the target content Regionally, the content features include at least one or more of the following: text, multimedia content, controls, and other content that can be displayed on the screen.
在一实施方式中,所述第二确定单元1303配置为:所述目标内容包含文字内容的情况下,根据所述至少两个显示区域的尺寸以及所述文字内容的数量,将所述文字内容显示在所述至少两个显示区域,其中,所述至少两个显示区域中的每个显示区域中所显示的文字内容的数量与该显示区域的尺寸成正比。In one embodiment, the second determining unit 1303 is configured to: when the target content includes text content, according to the size of the at least two display areas and the number of the text content, the text content Displayed on the at least two display areas, wherein the number of text content displayed in each of the at least two display areas is proportional to the size of the display area.
在一实施方式中,所述第二确定单元1303配置为:所述目标内容包含多媒体内容的情况下,根据所述多媒体内容的尺寸以及所述至少两个显示区域的尺寸,将所述多媒体内容显示在目标显示区域,其中,所述目标显示区域的尺寸大于等于所述多媒体内容的尺寸。In an embodiment, the second determining unit 1303 is configured to: when the target content includes multimedia content, according to the size of the multimedia content and the size of the at least two display areas, the multimedia content Displayed in a target display area, wherein the size of the target display area is greater than or equal to the size of the multimedia content.
在一实施方式中,所述第二确定单元1303配置为:如果所述多媒体内容的尺寸大于所述至少两个显示区域中每个显示区域的尺寸,则将所述多媒体内容的尺寸缩小至目标显示区域的尺寸,所述目标显示区域的尺寸为所述至少两个显示区域的尺寸中的最大值,在所述目标显示区域上显示尺寸缩小后的所述多媒体内容;In an embodiment, the second determining unit 1303 is configured to: if the size of the multimedia content is larger than the size of each display area of the at least two display areas, reduce the size of the multimedia content to a target A size of a display area, the size of the target display area is a maximum value among the sizes of the at least two display areas, and the multimedia content after the size reduction is displayed on the target display area;
如果所述多媒体内容的尺寸小于所述至少两个显示区域中每个显示区域的尺寸,则将所述多媒体内容显示在目标显示区域,所述目标显示区域为所述至少两个显示区域中的任意一个显示区域;If the size of the multimedia content is smaller than the size of each display area in the at least two display areas, the multimedia content is displayed in a target display area, the target display area being of the at least two display areas Any display area;
如果所述多媒体内容的尺寸小于所述至少两个显示区域中部分显示区域的尺寸,则将所述多媒体内容显示在目标显示区域,所述目标显示区域为所述至少两个显示区域中尺寸大于所述多媒体内容的尺寸的显示区域。If the size of the multimedia content is smaller than the size of part of the display area in the at least two display areas, the multimedia content is displayed in the target display area, the target display area being that the size of the at least two display areas is larger than The display area of the size of the multimedia content.
在一实施方式中,所述第二确定单元1303配置为:根据所述多媒体内容的尺寸以及所述屏幕的尺寸,确定所述多媒体内容的占比系数;对所述至少两个显示区域的每个显示区域,根据所述多媒体内容的占比系数以及该显示区域的尺寸,确定所述多媒体内容在该显示区域对应的缩放尺寸,按照所述缩放尺寸对所述多媒体内容进行缩放后显示在该显示区域中。In an embodiment, the second determining unit 1303 is configured to: determine the proportion factor of the multimedia content according to the size of the multimedia content and the size of the screen; for each of the at least two display areas Display area, according to the ratio of the multimedia content and the size of the display area, determine the zoom size of the multimedia content corresponding to the display area, the multimedia content is scaled according to the zoom size and displayed in the In the display area.
本领域技术人员应当理解,图13所示的显示控制装置中的各单元的实现功能可参照前述显示控制方法的相关描述而理解。图13所示的显示控制装置中的各单元的功能可通过运行于处理器上的程序而实现,也可通过具体的逻辑电路而实现。Those skilled in the art should understand that the functions realized by the units in the display control device shown in FIG. 13 can be understood by referring to the related description of the foregoing display control method. The functions of each unit in the display control device shown in FIG. 13 can be realized by a program running on a processor, or by a specific logic circuit.
实际应用中,图13所示显示控制装置中的检测单元1301可以由传感器来实现,例如光敏传感器、柔性弯曲传感器;图13所示显示控制装置中的第一确定单元1302可以由处理器来实现;图13所示显示控制装置中的第二确定单元1303可以由存储器中的计算机程序来实现。In practical applications, the detection unit 1301 in the display control device shown in FIG. 13 can be implemented by a sensor, such as a photosensor or a flexible bending sensor; the first determination unit 1302 in the display control device shown in FIG. 13 can be implemented by a processor ; The second determining unit 1303 in the display control device shown in FIG. 13 may be implemented by a computer program in the memory.
本申请实施例还提供一种电子设备。该电子设备包括处理器,处理器可以从存储器中调用并运行计算机程序,以实现本申请实施例中的方法。An embodiment of the present application also provides an electronic device. The electronic device includes a processor, and the processor can call and run a computer program from the memory to implement the method in the embodiments of the present application.
在一实施方式中,电子设备还可以包括存储器。其中,处理器可以从存储器中调用并运行计算机程序,以实现本申请实施例中的方法。In an embodiment, the electronic device may further include a memory. The processor may call and run the computer program from the memory to implement the method in the embodiments of the present application.
其中,存储器可以是独立于处理器的一个单独的器件,也可以集成在处理器中。Among them, the memory may be a separate device independent of the processor, or may be integrated in the processor.
在一实施方式中,电子设备还可以包括收发器,处理器可以控制该收发器与其他设备进行通信,具体地,可以向其他设备发送信息或数据,或接收其他设备发送的信息或数据。In an embodiment, the electronic device may further include a transceiver, and the processor may control the transceiver to communicate with other devices, specifically, may send information or data to other devices, or receive information or data sent by other devices.
其中,收发器可以包括发射机和接收机。收发器还可以进一步包括天线,天线的数量可以为一个或多个。Among them, the transceiver may include a transmitter and a receiver. The transceiver may further include antennas, and the number of antennas may be one or more.
本申请实施例还提供了一种计算机可读存储介质,其存储计算机程序。An embodiment of the present application also provides a computer-readable storage medium, which stores a computer program.
在一实施方式中,该计算机可读存储介质可应用于本申请实施例中的网络设备,并且该计算机程序使得计算机执行本申请实施例的各个方法中由网络设备实现的相应流程,为了简洁,在此不再赘述。In an embodiment, the computer-readable storage medium may be applied to the network device in the embodiments of the present application, and the computer program causes the computer to execute the corresponding processes implemented by the network device in the methods of the embodiments of the present application. I will not repeat them here.
在一实施方式中,该计算机可读存储介质可应用于本申请实施例中的移动终端/终端设备,并且该计算机程序使得计算机执行本申请实施例的各个方法中由移动终端/终端设备实现的相应流程,为了简洁,在此不再赘述。In an embodiment, the computer-readable storage medium can be applied to the mobile terminal/terminal device in the embodiments of the present application, and the computer program enables the computer to execute various methods of the embodiments of the present application implemented by the mobile terminal/terminal device The corresponding process will not be repeated here for brevity.
本申请实施例还提供了一种计算机程序产品,包括计算机程序指令。An embodiment of the present application also provides a computer program product, including computer program instructions.
在一实施方式中,该计算机程序产品可应用于本申请实施例中的网络设备,并且该计算机程序指令使得计算机执行本申请实施例的各个方法中由网络设备实现的相应流程,为了简洁,在此不再赘述。In one embodiment, the computer program product can be applied to the network device in the embodiments of the present application, and the computer program instructions cause the computer to execute the corresponding process implemented by the network device in each method of the embodiment of the present application. This will not be repeated here.
在一实施方式中,该计算机程序产品可应用于本申请实施例中的移动终端/终端设备,并且该计算机程序指令使得计算机执行本申请实施例的各个方法中由移动终端/终端设备实现的相应流程,为了简洁,在此不再赘述。In one embodiment, the computer program product can be applied to the mobile terminal/terminal device in the embodiments of the present application, and the computer program instructions cause the computer to execute the corresponding implementation of the mobile terminal/terminal device in each method of the embodiments of the present application For the sake of brevity, I will not repeat them here.
本申请实施例还提供了一种计算机程序。An embodiment of the present application also provides a computer program.
在一实施方式中,该计算机程序可应用于本申请实施例中的网络设备,当该计算机程序在计算机上运行时,使得计算机执行本申请实施例的各个方法中由网络设备实现的相应流程,为了简洁,在此不再赘述。In an embodiment, the computer program can be applied to the network device in the embodiment of the present application. When the computer program runs on the computer, the computer is allowed to execute the corresponding process implemented by the network device in each method of the embodiment of the present application. For brevity, I will not repeat them here.
在一实施方式中,该计算机程序可应用于本申请实施例中的移动终端/终端设备,当该计算机程序在计算机上运行时,使得计算机执行本申请实施例的各 个方法中由移动终端/终端设备实现的相应流程,为了简洁,在此不再赘述。In an embodiment, the computer program can be applied to the mobile terminal/terminal device in the embodiments of the present application. When the computer program runs on the computer, the computer is executed by the mobile terminal/terminal in each method of the embodiments of the present application. The corresponding process implemented by the device will not be repeated here for simplicity.
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。Persons of ordinary skill in the art may realize that the units and algorithm steps of the examples described in conjunction with the embodiments disclosed herein can be implemented by electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are executed in hardware or software depends on the specific application of the technical solution and design constraints. Professional technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。Those skilled in the art can clearly understand that for the convenience and conciseness of the description, the specific working process of the system, device and unit described above can refer to the corresponding process in the foregoing method embodiments, which will not be repeated here.
在本申请所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。In the several embodiments provided in this application, it should be understood that the disclosed system, device, and method may be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the units is only a logical function division, and there may be other divisions in actual implementation, for example, multiple units or components may be combined or Can be integrated into another system, or some features can be ignored, or not implemented. In addition, the displayed or discussed mutual coupling or direct coupling or communication connection may be indirect coupling or communication connection through some interfaces, devices or units, and may be in electrical, mechanical, or other forms.
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。The units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or may be distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units may be integrated into one unit.
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(Read-Only Memory,)ROM、随机存取存 储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。If the function is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on such an understanding, the technical solution of the present application essentially or part of the contribution to the existing technology or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including Several instructions are used to enable a computer device (which may be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present application. The aforementioned storage media include: U disk, mobile hard disk, read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), magnetic disk or optical disk and other media that can store program code .
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。The above is only the specific implementation of this application, but the scope of protection of this application is not limited to this, any person skilled in the art can easily think of changes or replacements within the technical scope disclosed in this application. It should be covered by the scope of protection of this application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims (16)

  1. 一种显示控制方法,包括:A display control method, including:
    当屏幕发生弯曲时,检测至少一个弯曲区域对应的弯曲参数;When the screen bends, detect the bending parameters corresponding to at least one bending area;
    基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度;Based on the bending parameters corresponding to the at least one bending area, determining the size of the at least two display areas to be rearranged and the bending angle of the screen;
    基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果。Based on the size of the at least two display areas and the bending angle of the screen, the display effect of the target content in the screen is rearranged and displayed.
  2. 根据权利要求1所述的方法,其中,所述检测至少一个弯曲区域对应的弯曲参数,包括:The method according to claim 1, wherein the detecting a bending parameter corresponding to at least one bending area comprises:
    检测所述屏幕上的光线射入角度;并且,Detecting the angle of incidence of light on the screen; and,
    所述基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度,包括:The determining, based on the bending parameters corresponding to the at least one bending area, the size of the at least two display areas that need to be rearranged and the bending angle of the screen include:
    基于所述屏幕上的光线射入角度,确定所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度;基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。The coordinates of at least one bending area in the screen and the bending angle of the screen are determined based on the angle of incidence of light on the screen; and the size of each display area in the screen is determined based on the coordinates of the bending area.
  3. 根据权利要求1或2所述的方法,还包括:The method according to claim 1 or 2, further comprising:
    检测所述屏幕上的光线强度;Detect the light intensity on the screen;
    基于所述屏幕上的光线强度,确定所述至少两个显示区域分别对应的屏幕亮度。Based on the light intensity on the screen, determine the screen brightness corresponding to the at least two display areas respectively.
  4. 根据权利要求1所述的方法,其中,所述检测至少一个弯曲区域对应的弯曲参数,包括:The method according to claim 1, wherein the detecting a bending parameter corresponding to at least one bending area comprises:
    检测覆盖在所述屏幕下的柔性弯曲传感器的弯曲参数,所述弯曲参数包括所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度;并且,Detecting a bending parameter of a flexible bending sensor covered under the screen, the bending parameter including coordinates of at least one bending area in the screen and a bending angle of the screen; and,
    所述基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸,包括:The determining, based on the bending parameters corresponding to the at least one bending area, the sizes of at least two display areas that need to be rearranged includes:
    基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。The size of each display area in the screen is determined based on the coordinates of the curved area.
  5. 根据权利要求1、2或4所述的方法,其中,当所述屏幕上只有一个弯曲区域时,所述方法包括:确定需要重新布局的第一显示区域和第二显示区域;The method according to claim 1, 2 or 4, wherein, when there is only one curved area on the screen, the method includes: determining a first display area and a second display area that need to be re-layed;
    所述基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果,包括:Based on the size of the at least two display areas and the bending angle of the screen, the display effect of rearranging and displaying the target content on the screen includes:
    基于所述屏幕的弯曲角度,确定所述第一显示区域和所述第二显示区域的夹角;Determine the angle between the first display area and the second display area based on the bending angle of the screen;
    如果所述第一显示区域和所述第二显示区域的夹角小于第一阈值,则在所述第一显示区域和/或所述第二显示区域中远离所述弯曲区域的第一位置处显示目标内容;If the included angle between the first display area and the second display area is less than the first threshold, at a first position away from the curved area in the first display area and/or the second display area Display target content;
    如果所述第一显示区域和所述第二显示区域的夹角大于第二阈值,则在所述第一显示区域和/或所述第二显示区域中靠近所述弯曲区域的第二位置处显示目标内容。If the included angle between the first display area and the second display area is greater than a second threshold, at a second position near the curved area in the first display area and/or the second display area Display target content.
  6. 根据权利要求5所述的方法,还包括:The method of claim 5, further comprising:
    基于所述第一显示区域的尺寸、所述第二显示区域的尺寸以及所述第一显示区域和所述第二显示区域的夹角确定所述第一位置与所述弯曲区域的距离;Determine the distance between the first position and the curved area based on the size of the first display area, the size of the second display area, and the angle between the first display area and the second display area;
    基于所述第一显示区域的尺寸、所述第二显示区域的尺寸以及所述第一显示区域和所述第二显示区域的夹角确定所述第二位置与所述屏幕的边缘的距离。The distance between the second position and the edge of the screen is determined based on the size of the first display area, the size of the second display area, and the angle between the first display area and the second display area.
  7. 根据权利要求1、2或4所述的方法,其中,所述基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果,包括:The method according to claim 1, 2 or 4, wherein the re-layout displaying the display effect of the target content in the screen based on the size of the at least two display areas and the bending angle of the screen includes:
    根据所述至少两个显示区域的尺寸以及所述目标内容的内容特征,将所述目标内容重新布局显示在所述至少两个显示区域上,所述内容特征至少包括下述的一种或多种:文字、多媒体内容、控件。Re-layout the target content on the at least two display areas according to the size of the at least two display areas and the content characteristics of the target content, the content characteristics including at least one or more of the following Species: text, multimedia content, controls.
  8. 根据权利要求7所述的方法,其中,所述目标内容包含文字内容的情况下,所述方法包括:根据所述至少两个显示区域的尺寸以及所述文字内容的数量,将所述文字内容显示在所述至少两个显示区域,其中,所述至少两个显示区域中的每个显示区域中所显示的文字内容的数量与该显示区域的尺寸成正比。The method according to claim 7, wherein when the target content includes text content, the method includes: according to the size of the at least two display areas and the number of the text content, the text content Displayed on the at least two display areas, wherein the number of text content displayed in each of the at least two display areas is proportional to the size of the display area.
  9. 根据权利要求7所述的方法,其中,所述目标内容包含多媒体内容的情况下,所述方法包括:根据所述多媒体内容的尺寸以及所述至少两个显示区域 的尺寸,将所述多媒体内容显示在目标显示区域,其中,所述目标显示区域的尺寸大于等于所述多媒体内容的尺寸。The method according to claim 7, wherein when the target content includes multimedia content, the method includes: according to the size of the multimedia content and the size of the at least two display areas, the multimedia content Displayed in a target display area, wherein the size of the target display area is greater than or equal to the size of the multimedia content.
  10. 根据权利要求9所述的方法,其中,所述根据所述多媒体内容的尺寸以及所述至少两个显示区域的尺寸,将所述多媒体内容显示在目标显示区域,包括:The method according to claim 9, wherein the displaying the multimedia content on the target display area according to the size of the multimedia content and the size of the at least two display areas includes:
    如果所述多媒体内容的尺寸大于所述至少两个显示区域中每个显示区域的尺寸,则将所述多媒体内容的尺寸缩小至目标显示区域的尺寸,所述目标显示区域的尺寸为所述至少两个显示区域的尺寸中的最大值,在所述目标显示区域上显示尺寸缩小后的所述多媒体内容;If the size of the multimedia content is larger than the size of each of the at least two display areas, the size of the multimedia content is reduced to the size of the target display area, and the size of the target display area is the at least The maximum value of the sizes of the two display areas, displaying the reduced multimedia content on the target display area;
    如果所述多媒体内容的尺寸小于所述至少两个显示区域中每个显示区域的尺寸,则将所述多媒体内容显示在目标显示区域,所述目标显示区域为所述至少两个显示区域中的任意一个显示区域;If the size of the multimedia content is smaller than the size of each display area in the at least two display areas, the multimedia content is displayed in a target display area, the target display area being of the at least two display areas Any display area;
    如果所述多媒体内容的尺寸小于所述至少两个显示区域中部分显示区域的尺寸,则将所述多媒体内容显示在目标显示区域,所述目标显示区域为所述至少两个显示区域中尺寸大于所述多媒体内容的尺寸的显示区域。If the size of the multimedia content is smaller than the size of part of the display area in the at least two display areas, the multimedia content is displayed in the target display area, the target display area being that the size of the at least two display areas is larger than The display area of the size of the multimedia content.
  11. 根据权利要求9所述的方法,其中,所述根据所述多媒体内容的尺寸以及所述至少两个显示区域的尺寸,将所述多媒体内容显示在目标显示区域,包括:The method according to claim 9, wherein the displaying the multimedia content on the target display area according to the size of the multimedia content and the size of the at least two display areas includes:
    根据所述多媒体内容的尺寸以及所述屏幕的尺寸,确定所述多媒体内容的占比系数;Determine the proportion factor of the multimedia content according to the size of the multimedia content and the size of the screen;
    针对所述至少两个显示区域的每个显示区域,根据所述多媒体内容的占比系数以及该显示区域的尺寸,确定所述多媒体内容在该显示区域对应的缩放尺寸,按照所述缩放尺寸对所述多媒体内容进行缩放后显示在该显示区域中。For each display area of the at least two display areas, according to the proportion factor of the multimedia content and the size of the display area, determine a zoom size corresponding to the multimedia content in the display area, according to the zoom size pair The multimedia content is displayed in the display area after zooming.
  12. 一种显示控制装置,包括:A display control device, including:
    检测单元,配置为检测至少一个弯曲区域对应的弯曲参数;A detection unit configured to detect a bending parameter corresponding to at least one bending area;
    第一确定单元,配置为基于所述至少一个弯曲区域对应的弯曲参数,确定需要重新布局的至少两个显示区域的尺寸以及屏幕的弯曲角度;The first determining unit is configured to determine the size of the at least two display areas to be rearranged and the bending angle of the screen based on the bending parameters corresponding to the at least one bending area;
    第二确定单元,配置为基于所述至少两个显示区域的尺寸以及屏幕的弯曲角度,重新布局显示所述屏幕中目标内容的显示效果。The second determining unit is configured to rearrange the display effect of the target content on the screen based on the size of the at least two display areas and the bending angle of the screen.
  13. 根据权利要求12所述的装置,其中,所述检测单元配置为:检测所述屏幕上的光线射入角度;并且The apparatus according to claim 12, wherein the detection unit is configured to detect an angle of incidence of light on the screen; and
    所述第一确定单元配置为:基于所述屏幕上的光线射入角度,确定所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度;基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。The first determining unit is configured to: determine the coordinates of at least one bending area in the screen and the bending angle of the screen based on the angle of incidence of light on the screen; determine the screen based on the coordinates of the bending area The size of each display area in.
  14. 根据权利要求12所述的装置,其中,所述检测单元配置为:检测覆盖在所述屏幕下的柔性弯曲传感器的弯曲参数,所述弯曲参数包括所述屏幕中至少一个弯曲区域的坐标以及所述屏幕的弯曲角度;并且The apparatus according to claim 12, wherein the detection unit is configured to detect a bending parameter of a flexible bending sensor covered under the screen, the bending parameter including coordinates of at least one bending area in the screen and all Describe the bending angle of the screen; and
    所述第一确定单元配置为:基于所述弯曲区域的坐标确定所述屏幕中各个显示区域的尺寸。The first determining unit is configured to determine the size of each display area on the screen based on the coordinates of the curved area.
  15. 一种电子设备,包括:An electronic device, including:
    屏幕,配置为显示目标内容;Screen, configured to display target content;
    传感器,配置为检测至少一个弯曲区域对应的弯曲参数;A sensor configured to detect bending parameters corresponding to at least one bending area;
    处理器和存储器,该存储器存储有计算机程序,所述处理器配置为调用并运行所述存储器中存储的计算机程序,执行如权利要求1至11中任一项所述的方法。A processor and a memory, the memory storing a computer program, the processor being configured to call and run the computer program stored in the memory to perform the method according to any one of claims 1 to 11.
  16. 一种计算机可读存储介质,存储有计算机程序,所述计算机程序使得计算机执行如权利要求1至11中任一项所述的方法。A computer-readable storage medium storing a computer program that causes a computer to execute the method according to any one of claims 1 to 11.
PCT/CN2019/129137 2018-12-29 2019-12-27 Display control method and apparatus, and electronic device WO2020135701A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201811646099.7A CN109710161A (en) 2018-12-29 2018-12-29 A kind of display control method and device, electronic equipment
CN201811646099.7 2018-12-29

Publications (1)

Publication Number Publication Date
WO2020135701A1 true WO2020135701A1 (en) 2020-07-02

Family

ID=66260446

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/129137 WO2020135701A1 (en) 2018-12-29 2019-12-27 Display control method and apparatus, and electronic device

Country Status (2)

Country Link
CN (1) CN109710161A (en)
WO (1) WO2020135701A1 (en)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109710161A (en) * 2018-12-29 2019-05-03 中兴通讯股份有限公司 A kind of display control method and device, electronic equipment
CN113268196A (en) * 2019-06-05 2021-08-17 华为技术有限公司 Display method of flexible screen and electronic equipment
CN110347322A (en) * 2019-06-12 2019-10-18 努比亚技术有限公司 A kind of display control method, terminal and computer readable storage medium
CN110275599A (en) * 2019-06-20 2019-09-24 维沃移动通信有限公司 A kind of information display method and terminal device
CN111459233B (en) * 2020-04-22 2023-10-03 维沃移动通信有限公司 Display method, electronic device and storage medium

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150187325A1 (en) * 2014-01-02 2015-07-02 Samsung Electronics Co., Ltd. Display system, flexible remote controller, flexible display apparatus, and control method thereof
CN106775515A (en) * 2016-11-18 2017-05-31 北京奇虎科技有限公司 A kind of screen display method and electronic equipment
CN107678661A (en) * 2017-10-19 2018-02-09 广东欧珀移动通信有限公司 The method and apparatus of display data content
CN107678724A (en) * 2017-10-19 2018-02-09 广东欧珀移动通信有限公司 A kind of method for information display, device, mobile terminal and storage medium
CN108064371A (en) * 2016-12-27 2018-05-22 深圳市柔宇科技有限公司 A kind of control method and device of flexible display screen
CN108279823A (en) * 2017-12-26 2018-07-13 努比亚技术有限公司 A kind of flexible screen display methods, terminal and computer readable storage medium
CN108304070A (en) * 2018-01-31 2018-07-20 努比亚技术有限公司 The bright screen method of mobile terminal, mobile terminal and computer readable storage medium
CN108322612A (en) * 2018-01-31 2018-07-24 努比亚技术有限公司 Icon display method, mobile terminal and computer readable storage medium
CN109710161A (en) * 2018-12-29 2019-05-03 中兴通讯股份有限公司 A kind of display control method and device, electronic equipment

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103258491B (en) * 2012-02-20 2016-06-01 联想(北京)有限公司 A kind of method controlling electronic equipment and electronic equipment
CN106527915B (en) * 2015-09-11 2019-11-26 联想(北京)有限公司 A kind of information processing method and electronic equipment
KR20180132847A (en) * 2016-07-27 2018-12-12 선전 로욜 테크놀로지스 컴퍼니 리미티드 Display interface control method, apparatus and terminal for preventing malfunction

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150187325A1 (en) * 2014-01-02 2015-07-02 Samsung Electronics Co., Ltd. Display system, flexible remote controller, flexible display apparatus, and control method thereof
CN106775515A (en) * 2016-11-18 2017-05-31 北京奇虎科技有限公司 A kind of screen display method and electronic equipment
CN108064371A (en) * 2016-12-27 2018-05-22 深圳市柔宇科技有限公司 A kind of control method and device of flexible display screen
CN107678661A (en) * 2017-10-19 2018-02-09 广东欧珀移动通信有限公司 The method and apparatus of display data content
CN107678724A (en) * 2017-10-19 2018-02-09 广东欧珀移动通信有限公司 A kind of method for information display, device, mobile terminal and storage medium
CN108279823A (en) * 2017-12-26 2018-07-13 努比亚技术有限公司 A kind of flexible screen display methods, terminal and computer readable storage medium
CN108304070A (en) * 2018-01-31 2018-07-20 努比亚技术有限公司 The bright screen method of mobile terminal, mobile terminal and computer readable storage medium
CN108322612A (en) * 2018-01-31 2018-07-24 努比亚技术有限公司 Icon display method, mobile terminal and computer readable storage medium
CN109710161A (en) * 2018-12-29 2019-05-03 中兴通讯股份有限公司 A kind of display control method and device, electronic equipment

Also Published As

Publication number Publication date
CN109710161A (en) 2019-05-03

Similar Documents

Publication Publication Date Title
WO2020135701A1 (en) Display control method and apparatus, and electronic device
US20220129041A1 (en) Foldable device and method of controlling the same
KR102276108B1 (en) Foldable electronic device and operation method of thereof
US20190354332A1 (en) Method and apparatus for outputting contents using a plurality of displays
EP2854013B1 (en) Method for displaying in electronic device and electronic device thereof
US9910539B2 (en) Method and apparatus for controlling flexible display and electronic device adapted to the method
US20210150953A1 (en) Method and device for providing user interface in electronic device having foldable display
US20160260408A1 (en) Method for sharing screen with external display device by electronic device and electronic device
US10068315B2 (en) Electronic device and method for operating display
CN109471692B (en) Display control method and terminal equipment
US20140009449A1 (en) Display method and apparatus in terminal having flexible display panel
KR20120063172A (en) Method and apparatus for displaying list
US10545663B2 (en) Method for changing an input mode in an electronic device
KR20160033605A (en) Apparatus and method for displying content
US11081090B2 (en) Method for displaying objects and electronic device using the same
US20140240257A1 (en) Electronic device having touch-sensitive user interface and related operating method
US20150160851A1 (en) Electronic device, method, and storage medium
US9239647B2 (en) Electronic device and method for changing an object according to a bending state
CN109718554A (en) A kind of real-time rendering method, apparatus and terminal
US10950200B2 (en) Display method and handheld electronic device
KR20160084629A (en) Content display method and electronic device implementing the same
US9898096B2 (en) Electronic device and method of controlling display of screen thereof
US11934622B2 (en) Split screen layout controlling method and device
US10102404B2 (en) Security of screen in electronic device
CN115437776A (en) Drawing thread scheduling method and device and computer equipment

Legal Events

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

Ref document number: 19905373

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 081121)

122 Ep: pct application non-entry in european phase

Ref document number: 19905373

Country of ref document: EP

Kind code of ref document: A1