WO2022252978A1 - 电子设备的显示方法、装置及存储介质 - Google Patents

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

Info

Publication number
WO2022252978A1
WO2022252978A1 PCT/CN2022/093276 CN2022093276W WO2022252978A1 WO 2022252978 A1 WO2022252978 A1 WO 2022252978A1 CN 2022093276 W CN2022093276 W CN 2022093276W WO 2022252978 A1 WO2022252978 A1 WO 2022252978A1
Authority
WO
WIPO (PCT)
Prior art keywords
operation control
gray scale
target
preset
control
Prior art date
Application number
PCT/CN2022/093276
Other languages
English (en)
French (fr)
Inventor
崔志佳
李豪凯
孙舟
Original Assignee
Oppo广东移动通信有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Oppo广东移动通信有限公司 filed Critical Oppo广东移动通信有限公司
Publication of WO2022252978A1 publication Critical patent/WO2022252978A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the present application relates to the technical field of display of electronic equipment, and more specifically, to a display method, device and storage medium of electronic equipment.
  • the present application proposes a display method, device and storage medium for electronic equipment to improve the above defects.
  • the embodiment of the present application provides a method for displaying an electronic device, where an operation control is displayed on the display interface of the electronic device, and the method includes: determining where the operation control is currently located on the display interface display area; determine the target background gray scale of the current background image corresponding to the display area; adjust the control gray scale of the operation control based on the target background gray scale and the target transparency parameter of the operation control.
  • the embodiment of the present application further provides a display device for an electronic device.
  • Operation controls are displayed on the display interface of the electronic device, and the device includes: a first determination unit, a second determination unit, and an adjustment unit.
  • the first determination unit is used to determine the display area where the operation control is currently located on the display interface;
  • the second determination unit is used to determine the target background grayscale of the current background image corresponding to the display area;
  • the adjustment unit for adjusting the control grayscale of the operation control based on the target background grayscale and the target transparency parameter of the operation control.
  • the embodiment of the present application also provides an electronic device, including a processor and a memory, operation controls are displayed on the display interface of the electronic device, a computer program is stored in the memory, and the processor calls the The computer program performs the following operations: determine the display area where the operation control is currently located on the display area; determine the target background grayscale of the current background image corresponding to the display area; based on the target background grayscale and the determined The target transparency parameter of the operation control is adjusted to adjust the control gray scale of the operation control.
  • the embodiment of the present application also provides a computer-readable storage medium, the storage medium stores at least one instruction, at least one program, code set or instruction set, the at least one instruction, the at least one The program, the code set or instruction set is loaded and executed by the processor to implement the above method.
  • the embodiment of the present application further provides a computer program product, including a computer program/instruction, and when the computer program/instruction is executed by a processor, the foregoing method is implemented.
  • FIG. 1 shows a schematic diagram of a display interface of an electronic device provided by an embodiment of the present application
  • FIG. 2 shows a schematic diagram of a display interface of an electronic device provided in another embodiment of the present application
  • FIG. 3 shows a flow chart of a method for displaying an electronic device provided in another embodiment of the present application
  • Fig. 4 shows a schematic diagram of an application scenario provided by another embodiment of the present application.
  • Fig. 5 shows a schematic diagram of displaying operation controls under a light-colored background provided by an embodiment of the present application
  • Fig. 6 shows a schematic diagram of displaying operation controls under a dark background provided by an embodiment of the present application
  • FIG. 7 shows a flow chart of a method for displaying an electronic device provided in another embodiment of the present application.
  • Fig. 8 shows a schematic diagram of a grayscale fitting curve of an operation control provided by another embodiment of the present application.
  • FIG. 9 shows a schematic screen view of an electronic device provided by an embodiment of the present application.
  • FIG. 10 shows a schematic diagram of display differences in screen preset areas provided by an embodiment of the present application.
  • Fig. 11 shows a schematic diagram of a display interface of a screen preset area provided by an embodiment of the present application
  • Fig. 12 shows a flow chart of a method for displaying an electronic device provided in another embodiment of the present application.
  • Fig. 13 shows a schematic diagram of the display states of the operation control in each working mode provided by another embodiment of the present application.
  • Fig. 14 shows a module block diagram of a display device of an electronic device provided by an embodiment of the present application
  • FIG. 15 shows a structural block diagram of an electronic device provided by an embodiment of the present application.
  • FIG. 16 shows a computer-readable medium used to store or carry program codes for implementing a display method of an electronic device according to an embodiment of the present application according to an embodiment of the present application;
  • FIG. 17 shows a structural block diagram of a computer program product provided by an embodiment of the present application.
  • the interface changes greatly and belongs to the dark color system, so using lighter-colored operation controls in the application operation interface will make the user feel abrupt and affect the user experience.
  • the operation controls are in dark colors, the user will also feel abrupt when switching from the dark-color interface to the light-color interface, and may even block the display screen, making it more inconvenient to use.
  • the embodiment of the application provides a display method, device and storage medium of an electronic device.
  • the display device of the electronic equipment may be implemented in a hardware or software manner.
  • the electronic device may be a device such as a tablet computer, a game console, an e-book reader, a multimedia playback device, a smart watch, a mobile phone, a PC (Personal Computer, personal computer), and the like.
  • the operation control can be displayed through the display interface of the electronic device.
  • the display interface of the electronic device may be a screen of the electronic device, such as a screen integrated with the electronic device, or an external screen connected to the electronic device.
  • the display methods of the external screen include displaying corresponding images through a wired connection, a wireless connected screen, and projection.
  • the screen may include an LCD liquid crystal display, may be a light emitting diode (light emitting diode, LED) display, may also be a three-dimensional (Three Dimensional, 3D) display, or a plasma display (Plasma Display Panel, PDP), etc.
  • the screen described in the embodiment of the present application may also have a full screen, a curved screen, a special-shaped screen, a folding screen or other screen forms, and the present application does not specifically limit the type or form of the screen.
  • the display interface of the electronic device can also be a floating display screen, as shown in Figure 1, which shows a floating display screen provided by an embodiment of the present application. Different from the physical display screen, the floating display screen The screen does not rely on electronic display devices, and can directly project images in the air, such as displaying images through holographic imaging.
  • the display interface of the electronic device displays the operation control, which can remind the user of the position of the operation control, and through the predefined or user-set touch operation, selecting the operation control in the display area of the operation control can realize different functions, such as triggering the touch of the operation control
  • the control operation may include click, double-click, long press, etc.
  • the touch operation of the mobile operation control may include sliding, sliding after double-clicking, and the like.
  • the operation control displays shortcut operation icons in the form of arcs or pop-up windows, and different icons correspond to different shortcut functions or applications.
  • the icon may include a lock screen icon, a screen recording icon, a screenshot icon, a recording icon, a memory cleaning icon, an application program icon, a sliding desktop icon, a recording icon, a lock screen icon, etc.
  • the embodiment of the present application does not specify the specific type of icon To limit.
  • types of icons displayed after the operation control is triggered are different.
  • the icons that are triggered to be displayed include a screen recording icon and a memory cleaning icon, etc.; while in the user interface of a social application, the icons that are triggered to be displayed include a screenshot icon, a search icon, etc. .
  • the embodiment of the present application does not limit the specific types of icons that are triggered to be displayed in different user interfaces.
  • FIG. 2 it shows a schematic diagram of a display interface of an electronic device provided in another embodiment of the present application. On the display interface 210 of the electronic device 200, an operation control 220 is displayed.
  • an arc The mode shows 4 shortcut icons: the icon 230 is a lock screen icon, and the display interface can be quickly locked after selecting the icon 230; the icon 240 is a screenshot icon, and the current display screen can be intercepted after selecting the icon 240; The recording page can be opened after the icon 250; the icon 260 is a return icon, and the previous display interface can be returned after the icon 260 is selected.
  • the user can customize the type of shortcut operation icon displayed after the operation control is triggered to provide personalized services.
  • the display difference between the operating controls and the background image can be reduced so that the operating controls are slightly visible without affecting the harmony of the overall image. It should be noted that, if the user expects to be able to clearly recognize the operation control, the embodiment of the present application may also increase the display difference between the operation control and the background image.
  • the operation control can be an operation icon, such as a desktop icon, a status bar icon, etc.
  • the shortcut function corresponding to the operation icon can be directly implemented or the corresponding application program can be opened.
  • FIG. 3 shows a flowchart of a method for displaying an electronic device according to another embodiment of the present application, where operation controls are displayed on a display interface of the electronic device.
  • the method includes: S310 to S330.
  • S310 Determine a display area where the operation control is currently located on the display interface.
  • the operation control can move and change the display position under the user's dragging. For example, when the operation control is far away from the user's hand, the user can drag the operation control to the touchable area of the holding hand, but the At the same time, the operation control may block other controls in the display interface, causing the control to be accidentally touched.
  • the user wants to adjust the display position of the operation control he can manually drag the operation control to the target display position.
  • he can dynamically adjust the operation control based on the holding state and the distribution of touch elements in the display interface. The display position in the display interface.
  • the coordinate system of the display interface is defined in units of pixels.
  • the lower left corner of the display interface is the coordinate origin (0,0)
  • the upper right corner is the coordinates (width, height), where width is the pixel width of the display interface, and height is the pixel height of the display interface.
  • the operation control can be designed as a regular graphic, and at this time, the display area of the operation control can be determined according to the coordinates and size of the center point of the graphic.
  • the operation control is designed as a regular circle, the current center point coordinates are (x, y), and the diameter of the regular circle is 1cm, then it can be determined that the display area of the operation control on the display interface of the electronic device is the coordinate point (x, y). ,y) is a dot, a circular area with a diameter of 1cm.
  • the operation control is designed as other regular graphics such as rectangles or irregular graphics, the above method can also be used to determine the display area of the operation control according to the coordinates and size of the center point of the graphics. At this time, the size of the graphics can correspond to a rectangle The side length of the icon, the display area of the icon, etc.
  • the display area of the operation control will also change, and the display area of the operation control is determined by the current position of the operation control on the display interface.
  • S320 Determine a target background grayscale of the current background image corresponding to the display area.
  • a display interface 410 including a background application screen is first displayed on the display interface, and then a new layer is added to the upper layer of the display interface to display the operation Control 420 .
  • the transparency and color of the layer displaying the operation control can be set independently.
  • the user can not only see the operation control, but also can see it through the operation control layer
  • the image of the area below the control is combined with the images of other areas where the control is not displayed to completely present the content of the display interface.
  • the user may switch the display screen of the display interface at any time.
  • the display effect presented by the human eye is the best.
  • the control grayscale of the operation control Changes should also be made accordingly.
  • the best display effect can be preset by the user according to personal habits, or by the system. For example, the best display effect can be determined according to the display properties of the operation control. If the icon is clearly visible, you can preset the best display effect to display clearly. For example, the display effect can be described by the display difference between the operation control and the background image.
  • the preset optimal display effect is that the display of the operation control is not obtrusive, then the display between the operation control and the current background image should be reduced Difference; if the preset optimal display effect is that the operation control is displayed clearly, then the display difference between the operation control and the current background image should be increased.
  • gray has many levels of color depth between black and white, and the color depth is represented by gray scale. The larger the gray scale, the closer to black, and the smaller the gray scale, the closer to white.
  • the background picture is usually a complex color with different shades of color.
  • these complex colors are usually represented by different combinations of the values of the three channels of RGB.
  • RGB mode is also represented by grayscale.
  • the embodiment of the present application uses the RGB color mode as an example for description. It can be understood that the embodiment of the present application does not limit the color mode of the electronic device, and the present application is still applicable to other color modes.
  • the pre-set optimal display effect is to make the operation control display unobtrusive or clear
  • the target background gray scale can be determined according to the color of the background image displayed in the area below the operation controls.
  • the target background grayscale of the background image may be determined according to the grayscales of the three RGB channels. It can be obtained that the background image shown in the background picture of the layer area below the operation control is the current background image corresponding to the display area of the operation control on the display interface, and the target background gray can be determined according to the RGB value of the background image. order.
  • the transparency of the operation control may be a default value set by the system, and in some typical embodiments, the transparency may be set to about 70%. At the same time, users can also set the transparency of the operation controls according to their personal habits.
  • the superimposed effect of the operation control and the current background image of the lower layer is the display effect presented to the user. It can be said that the display effect of the operation control is determined by the color of the current background image, the transparency of the operation control and the control gray scale of the operation control . In order to better describe the influence of the color of the current background image and the transparency of the operation control on the operation control, this application will separately explain from two aspects of the background image and transparency.
  • the grayscale of the operation control should be changed accordingly.
  • the control grayscale of the operation control can be adjusted based on the target background grayscale representing the color of the current background image.
  • the following is an example of how to adjust the control gray scale of the operation control by taking the best display effect of the operation control seen by human eyes without being obtrusive against the current background display screen as an example. In this case, the display difference between the operation control and the current background image should be reduced.
  • the color of the background screen belongs to the light color system.
  • the color of the operation control in the standby interface should also be a lighter color, but when the user switches to the color shown in Figure 6 In the display interface, the color of the background screen changes greatly compared with Figure 5, and it belongs to the dark color system. Then, using lighter-colored operation controls in the application operation interface will make the user feel abrupt and affect the user experience. Adjust the color of the operation controls to a darker color for the background image, which will reduce the abruptness and make the overall image more harmonious. Similarly, when the user switches from a dark-color interface to a light-color interface, it will also feel abrupt, and may even block the display screen.
  • the control grayscale of the operation control should also be changed accordingly. If the transparency increases, but the gray scale of the operation control does not change, when the value of the increase in transparency reaches the highest threshold, the user cannot even clearly distinguish the position of the operation control from the background image; if the transparency decreases, the control of the operation control is grayed out. The level is fixed, and when the value of transparency reduction reaches the minimum threshold, the operation control will block the background image, which will affect the normal use of electronic equipment. Therefore, the control gray scale of the operation control should also be adjusted based on the target transparency parameter representing the current transparency of the operation control.
  • the transparency setting exceeds a certain threshold range, no matter how you adjust the operation controls, it cannot achieve the best display effect.
  • the transparency is set to 0
  • the operation control is completely opaque, and only the operation control can be seen in the display area of the operation control, but the background image below cannot be seen through the operation control.
  • the transparency is set to 100%
  • the operation control is completely transparent, and the operation control is completely invisible in the display area of the electronic device.
  • the transparency of the operation control during standby should be set within a range of 70% to 100%, and not equal to 100%.
  • the user can also set the operation control to be clearly distinguished from the background image.
  • the display difference between the operation control and the background image can be increased to achieve The best display effect is to clearly distinguish the position of the operation control.
  • the abruptness of the operation control under the background display screen should be increased, and the color of the icon needs to be dynamically adjusted according to the target transparency and background grayscale adjustment.
  • control gray scale of the operation control is adjusted according to the target background gray scale representing the color of the current background image and the target transparency parameter representing the current transparency of the operation control.
  • the embodiment of the present application provides a technical solution, by determining the display area of the operation control on the display interface of the electronic device, and then determining the target background grayscale of the current background image corresponding to the display area, and then based on the current
  • the target background grayscale of the background image and the target transparency parameter of the operation control are used to adjust the control grayscale of the operation control, so that the control grayscale of the operation control can be adjusted based on the background grayscale of the background image and the transparency parameter of the operation control, so that
  • the operating controls visible to the human eye present the best display effect against the backdrop of the background display, improving the user experience.
  • FIG. 7 shows a flow chart of a method for displaying an electronic device according to yet another embodiment of the present application, where operation controls are displayed on a display interface of the electronic device.
  • the method includes: S710 to S740.
  • S710 Determine a display area where the operation control is currently located on the display interface.
  • S720 Determine a target background grayscale of the current background image corresponding to the display area.
  • control gray scale of the operation control you can first determine the display area where the operation control is currently located on the display interface of the electronic device according to the display position and size of the operation control, and then determine the range of the display area of the operation control.
  • each pixel is assigned a clear color and position coordinates, and these pixels with various colors are assigned according to the position The coordinates are combined and displayed on the display interface to form a complete picture. Therefore, in some embodiments, to calculate the background gray scale of a background image with complex colors, it is necessary to determine the gray scale of each pixel in the background image within the area coordinate range according to the display area of the operation control, and then count the gray scales of each pixel and It is converted to the background gray scale of the background image.
  • a typical manner of determining the background gray level according to the pixel gray level will be exemplified below.
  • the display interface of an electronic device usually uses different combinations of the values of the three channels of RGB to display these colors. Understandably, the color assigned to each pixel may also be represented by an RGB color value.
  • the RGB values of each pixel of the background image in the display area of the operation control are normalized, and then the respective brightness is calculated through gamma correction, and the brightness of each pixel is counted and averaged and multiplied by 3.
  • the control gray scale of the operation control is determined based on the background gray scale value and the transparency parameter.
  • an 8-bit display interface is taken as an example to describe the gray scale of the display interface.
  • 8bit means that the display interface can distinguish 256 gray scales, that is, the gray scale value ranges from 0 to 255.
  • the display interface in the embodiment of the present application can also be a 6-bit display interface, a 10-bit display interface or a 16-bit display interface.
  • the number of gray scales that can be distinguished by different digital display interfaces is different, and the range of gray scale values is also different. , which is not limited in this embodiment of the present application.
  • S730 Based on the preset correspondence, determine the gray scale of the target control corresponding to the target background gray scale when the transparency parameter of the operation control is a target transparency parameter, wherein the preset correspondence includes different transparency Under the parameters, the corresponding relationship between the background gray scale and the control gray scale.
  • the control gray scale of the operation control is determined by two factors, the transparency parameter of the operation control and the background gray scale of the background image.
  • the preset corresponding relationship includes a corresponding relationship between the background gray scale and the control gray scale under different transparency parameters. Therefore, according to the desired display effect, the control gray scale value of the corresponding operation control can be obtained from the value of each pair of transparency parameters and background gray scale. Through trial and error, it can be determined that the background gray scale is One-to-one correspondence with the gray scale of the control.
  • any preset operation control transparency parameter and any background image first obtain the current transparency parameter and the background grayscale value of the background image as the target transparency parameter and the target background grayscale respectively, and then obtain the transparency parameter,
  • the one-to-one correspondence between the background gray scale and the control gray scale is used as a preset correspondence, determine the target control gray scale corresponding to the target transparency parameter and the target background gray scale, and finally adjust the control gray scale of the operation control to the target control gray scale , then the superimposed gray scale after superimposing the operation control and the background image observed by human eyes can meet the best display effect.
  • the relationship between the transparency parameter, the gray scale of the background, the superimposed gray scale of the operation control and the background image, and the gray scale of the control may be represented by a clear gray scale function.
  • the superimposed effect of the operation control and the background image of the lower layer is the display effect presented to the user, that is, the superimposed gray scale L2 after the superposition of the operation control and the background image represents the display effect.
  • the control gray scale L1 of the operating control by determining the control gray scale L1 of the operating control through the transparency parameter a and the background gray scale L0, the superimposed gray scale L2 can be adjusted, thereby controlling the display effect of the control. Conversely, if the transparency parameter a, the background gray level L0 and the overlay gray level L2 are determined, the control gray level L1 of the operation control can also be determined.
  • the first corresponding relationship between different background grayscales and target superimposed grayscales is determined under the condition of different transparency parameters of the operation control through trial and error in a dark room and indoor light respectively.
  • the data of superimposed gray scale L2 is changed according to different background gray scale L0, so that the display effect of each operation control observed by human eyes meets the preset display effect, and the correspondence between L2 and L0 is obtained.
  • the relationship satisfies hyperbolic fitting.
  • the preset display effect is that the operation control is slightly visible but not obtrusive.
  • the parameters of the fitting hyperbola of L2 and L0 are also different.
  • FIG. 8 it shows a schematic diagram of the fitting curve obtained from the experiment under the condition that the transparency parameter a is 70% in a dark room.
  • the display data of the operation control is also fitted to obtain that the semi-real axis parameter of the hyperbola floats between 55 and 65, and the semi-imaginary axis parameter floats between 56 and 60.
  • the typical values of the two parameters are half
  • the real axis parameter is 60
  • the semi-imaginary axis parameter is 58.40.
  • the last point of the curve indicates that the background grayscale L0 is the maximum value, and at this time the superimposed grayscale L2 needs to be changed to 2*255-L2.
  • the typical values of the two parameters are 20 for the semi-real axis and 19.66 for the semi-imaginary axis.
  • the superimposed gray scale of the operation control is also related to the ambient light and the brightness of the display interface.
  • the hyperbolic parameters for fitting the background gray scale L0 and the superimposed gray scale L2 are different. It can be said that the superimposed gray scale L2 corresponding to the background gray scale L0 is different under different ambient light conditions. It is understandable that the display effect of the display interface is quite different under different brightness levels of the display interface.
  • the superimposed gray scale reflects the brightness of the color, which is also affected by the brightness of the display interface.
  • hyperbolic fitting is suitable for darkrooms and indoor environments, and can satisfy most ambient light and display reflection states.
  • the first corresponding relationship between different background gray levels and target superimposed gray levels was obtained through experiments.
  • the first corresponding relationship is different
  • the relationship between the background gray scale and the target superimposed gray scale satisfies hyperbolic fitting, and the difference in transparency parameters will affect the function parameters of the hyperbola. Therefore, under different transparency parameters of the operating controls, the first corresponding relationship between the background gray scale and the superimposed gray scale is substituted into the above gray scale functional relationship, and the second corresponding relationship between the background gray scale and the control gray scale can be obtained .
  • the second corresponding relationship is used as the preset corresponding relationship, and when the transparency parameter of the operation control is the target transparency parameter, the gray scale of the target control corresponding to the gray scale of the target background is determined according to the second corresponding relationship.
  • S740 Adjust the control grayscale of the operation control to the target control grayscale, the target control grayscale is used to make the target superimposed grayscale meet the preset display condition, and the target superimposed grayscale is the operation control and the target control grayscale.
  • the gray scale displayed by the operation control after the current background image is superimposed, and the preset display condition is that the difference between the target superimposed gray scale and the target background gray scale is less than a preset threshold.
  • the grayscale of the target control refers to the grayscale of the control that makes the display effect of the superimposed grayscale of the operation control meet the preset display conditions.
  • the superimposed grayscale of the operation control is the target superimposed grayscale.
  • the preset display conditions should meet the target superposition gray scale and target after the gray scale of the target control is superimposed on the gray scale of the target background.
  • the difference in the background gray scale is small.
  • the preset display condition may be that the difference between the target superimposed gray scale and the target background gray scale is smaller than a preset threshold.
  • the preset threshold can be set by the system, or can be set by the user according to habits.
  • a typical range of the preset threshold is obtained through repeated experiments, which is 13-60 gray scale values.
  • the difference between the background gray scale and the corresponding target superimposed gray scale satisfies the range of the preset threshold, so
  • the gray scale of the target control obtained by using the second corresponding relationship as the preset corresponding relationship can also make the target superimposed gray scale meet the preset display condition. It can be seen from this that if the control gray scale of the operation control is adjusted to the gray scale of the target control, the operation control can be displayed without being obtrusive.
  • the operation control may be a circular operation control, a circular operation control or a rectangular operation control, or an irregular figure, which is not limited in the embodiment of the present application.
  • the display area of the operation control should be limited, for example, the display area of the operation control should be set to be smaller than the preset area.
  • the display area of the operation control can also be set to an area range. For example, for a circular operation control, the diameter of the circular operation control is set to be between 0.2 cm and 1.2 cm.
  • the embodiment of the present application provides a technical solution, by determining the display area of the operation control on the display interface of the electronic device, and then determining the target background grayscale of the current background image corresponding to the display area, and then Under the transparency parameter, determine the corresponding relationship between the background grayscale and the control grayscale, so that in the case of the target transparency parameter of the operation control, determine the target control grayscale corresponding to the target background grayscale, and finally set the The control gray scale of the operation control is adjusted to the gray scale of the target control.
  • the operation controls seen by the human eye can present the best display effect against the backdrop of the background display screen, which can prompt the position of the operation controls and improve the user's use experience.
  • FIG. 9 it shows a schematic screen diagram of an electronic device provided by another embodiment of the present application.
  • the electronic device 200 includes a screen, and the display interface 210 of the electronic device is located on the screen, wherein the screen includes a preset area 910, and a functional component 920 is arranged below the preset area 910 .
  • the functional component 920 When the functional component 920 is not activated, the functional component will be hidden, and human eyes cannot observe through the preset area 910 , and the preset area 910 will display the same secondary screen as the main display area.
  • the functional component 920 is activated, the functional component will appear, and the functional component can be clearly observed through the preset area 910 , and no picture is displayed in the preset area.
  • the display area of the operation control may cover or surround the preset area. Further, the position of the center point of the display area of the operation control coincides with the position of the center point of the preset area.
  • the operation control is in the shape of a ring, and the display area of the operation control surrounds the preset area.
  • the diameter of the inner circle of the ring shape operation control can also be set to be the same as the diameter of the preset area.
  • the operation control is in a circular shape and the display area of the operation control covers the preset area. Further, in order to ensure that the circular operation control can cover the preset area, the diameter of the operation control should be set to be greater than or equal to the diameter of the preset area. Wherein, the diameter of the circular operation control should not be too large. Exemplarily, the embodiment of the present application obtains through repeated experiments that the maximum inner diameter of the display area of the operation control can be at most 0.1 mm larger than the radius of the preset area.
  • the existence of functional components causes the display effect of the preset area to be different from that of other areas of the screen, and even the displayed image quality is lower than that of other areas of the screen.
  • the outline of the area matches, and the display quality of the preset area is low, the visual effect presented is: the operation control is integrated with the preset area, similar to being on the same layer, while other areas are equivalent to the background image, in another image Floor. It is exactly the same as the method of superimposing a new layer on the layer of the background image to display the operation controls, and the user will not feel strange.
  • the functional component is a camera.
  • the display effect of the preset area and the main display area is different under a certain brightness and a certain gray scale, especially in the case of low brightness and low gray scale, the brightness and color difference of the preset area It is especially obvious.
  • the brightness value is low, no matter how the gray scale of the control is adjusted, there will be differences in the picture.
  • the ring operation control 1110 in the circular area where the camera under the screen is located, and designing the ring operation control to surround the circular area where the camera under the screen is located, the radius of the inner ring of the ring operation control is the same as the circle of the camera under the screen.
  • the radius of the shape area is the same, and the coordinates of the center point coincide.
  • the ring-shaped operation control is displayed in the gray scale of the control determined by the above embodiment, and the human eye will ignore the different display effects of the display area where the under-screen camera is located, and combine the ring-shaped operation control with the display area corresponding to the under-screen camera. As a whole, it presents a harmonious and unobtrusive visual effect.
  • the functional component may also be other sensor devices of the electronic device, including but not limited to a gravity sensor, an optical sensor, a distance sensor, a temperature sensor, and the like.
  • the technical solution provided by the embodiment of this application displays the operation controls near the preset area where the functional components are set by covering or surrounding, and the control grayscale of the operation controls is based on the background image of the display area and the operation controls.
  • the determination of the transparency parameter can reduce the display difference between the preset area and the main display area, improve the overall display effect of the device, and enhance the user experience.
  • FIG. 12 shows a flow chart of a method for displaying an electronic device according to another embodiment of the present application.
  • the method includes: S1210 to S1280.
  • S1210 Determine the display area where the operation control is currently located on the display interface.
  • S1220 Determine the target background gray scale of the current background image corresponding to the display area.
  • the control gray scale of the operation control you first need to determine the display area of the operation control on the display interface of the electronic device according to the display position and size of the operation control, and then determine the lower layer within the range of the display area of the operation control
  • the background grayscale of the background image In the embodiment of the present application, the grayscale of each pixel of the current background image corresponding to the display area can be counted to determine the target background grayscale.
  • the specific process of determining the target background grayscale according to the grayscale of each pixel can refer to the corresponding process in the previous embodiment. , which will not be repeated here.
  • the standby mode means that the operation control is in the no-operation state, which is different from the waiting mode that is also in the no-operation state.
  • the standby mode has no time limit. Only when a touch operation is detected, the operation control will switch from the standby mode Change to the display state corresponding to the touch operation, and the waiting mode is an intermediate state. In the two cases of entering the waiting mode for more than the waiting time or detecting a touch operation within the waiting time range, the operation control will change the display state.
  • the operation control should be in the standby mode under the following circumstances: first, the operation control should be in the standby mode when the device is turned on and running in the initial state; secondly, the operation control is in the standby mode after setting the display parameters or functions of the operation control mode; finally, the touch operation for the operation control is detected and the operation control has made a corresponding response, and after the touch operation disappears, the waiting mode is passed, and the display state is changed after the waiting mode. Any substantive touch operation of the control, the operating control will return to standby mode.
  • the display state of the operation control should be able to prompt the position of the operation control while avoiding blocking the background image. According to the aforementioned embodiments, it can be adjusted based on the target background gray scale and the target transparency parameter of the operation control.
  • the control grayscale of the operation control makes the operation control slightly visible but not obtrusive.
  • Step S1240 to step S1280 represent the switching process in different display states.
  • FIG. 13 shows the display states of the operation controls in each working mode.
  • the switching process of each display state provided by the embodiment of the present application will be exemplarily described below with reference to FIG. 13 , taking the ring-shaped operation control as an example.
  • State 1 in Figure 13 is the display state in standby mode. In order to ensure that the operating controls are faintly visible during standby, they will be highlighted after receiving touch operations.
  • the grayscale value of the control controls changes dynamically with the background grayscale and transparency parameters, and the Higher transparency.
  • the transparency of the operation control in state 1 should be set within a range of 70% to 100%, and not equal to 100%.
  • the size of the operation control in state 1 is the initial size. In some typical embodiments, the initial size of the operation control in state 1 may be 0.1 mm, and it is recommended not to be larger than 2 mm.
  • the detected touch operation may include click, double click, long press, slide, slide after double click, etc., which is not limited in this embodiment of the present application.
  • the display state of the operation control immediately changes from state 1 to state 2, which takes one frame time.
  • the number of frames refers to the number of images rendered by the electronic device per second, which is an inherent parameter of the electronic device, and one frame time is 1/number of frames, which means the time it takes to render one frame of image.
  • the transparency of state 2 is the preset transparency, so the preset transparency should be smaller than the target transparency parameter of state 1 in standby mode. In some typical embodiments, the preset transparency of state 2 should be set in the range of 0-30%, and not equal to 0.
  • the size of the operation control in state 2 is a first preset size, and the first preset size should be the same as the initial size.
  • S1250 Expand the size of the operation control according to the duration of the touch operation.
  • the size of the operation control should be enlarged according to the duration of the touch operation.
  • the state before the size change of the operation control can refer to state 2, and the state after the size of the operation control is enlarged Refer to state 3.
  • the process of changing the operating control from state 2 to state 3 is a process in which the size of the ring gradually increases.
  • the maximum duration of increasing the size can be set to 0.2s. If it is detected that the touch operation disappears during the transition from state 2 to state 3, that is, the duration of the touch operation is less than 0.2s, the operation control will stay on the display screen when the touch operation disappears, and will not continue to change to state 3.
  • the size of the operation control changes to state 3 when the touch operation lasts for 0.2s. Even if the touch operation lasts for a long time, the size of the operation control will not continue to expand, but is stuck in state 3.
  • the size of the operating control in state 3 is larger than the size of state 2, that is, larger than the first preset size and the initial size. In some typical embodiments, the size of the operating control in state 3 can be 0.5mm, and it is recommended not to be larger than 2mm.
  • S1260 When it is detected that the touch operation disappears, reduce the size of the operation control to a second preset size within a first preset time period, wherein the second preset size is larger than the first preset size.
  • the display state of the operation control may be in a temporary display state during the transition from state 2 to state 3, or may have changed to state 3.
  • the size of the operation control will gradually become smaller.
  • the size of the operation control may gradually decrease from the size in the temporary display state, or may start to decrease from the size in state 3 .
  • the maximum change time of size reduction that is, the first preset duration, is illustrated by gradually decreasing from state 3 .
  • the size changes gradually from state 3, and when the size decreases to state 4, the operating control is in the waiting mode, wherein, starting from state 4, the operating control is in the waiting mode, and the size is the second preset size.
  • the first The second preset size is greater than the first preset size.
  • the size of the operation control in state 4 may be 0.3 mm, and it is recommended not to be larger than 2 mm.
  • the operation control does not necessarily change to state 3, but may be in a temporary display state between size state 2 and state 3, in this case reduce the size until it becomes state 4
  • the change time is shorter than the first preset duration when the speed of size change remains constant, that is, the size changes at a constant speed.
  • the first preset duration may be 0.2s.
  • the size reduction process may also be interrupted.
  • the current operation control For example, if a touch operation is detected again during the process of reducing the size of the operation control to the second preset size within the first preset time period, the current operation control The size of should be greater than or equal to the second preset size, and the size of the operation control is expanded from the size of the current operation control.
  • S1270 Control the operation control to maintain a second preset time period with a second preset size.
  • the operation control is in the waiting mode, and maintains a waiting time with a second preset size to reach state 5, wherein the waiting time is the second preset duration, and the display state of the operation control in state 5 is consistent with state 4 .
  • the second preset duration is about 2s.
  • a touch operation on the operation control may still be detected.
  • the waiting mode is interrupted, and the size of the operation control starts to expand from state 4, which is the same as step S1250.
  • the enlarging process shown is similar, the difference is that the state before the size change of the operating control is state 4, and the state after the operating control is enlarged still refers to state 3.
  • state 6 is consistent with state 2. Therefore, state 6 is also the first preset size. If no touch operation for the operation control is detected during the size reduction process of state 5, the final size will be reduced to the first preset size size. In some typical embodiments, the time for changing state 5 to state 6 may be 0.2s.
  • the size reduction process starts from the size of the current operation control to expand the size of the operation control, which is similar to the enlargement process shown in step S1250, except that the state before the size change of the operation control is the current state when the touch operation is detected,
  • the state after the size of the operation control is enlarged still refers to state 3. Since the transition time from state 5 to state 6 is extremely short, the possibility of detecting a touch operation on the operation control during this period is extremely low and can be ignored.
  • the operation controls in states 3 to 6 need to be highlighted to remind the user that the operation is in the correct state, and the transparency of the operation controls in states 3, 4, 5, and 6 is set to a lower value , which should be consistent with the transparency in state 2, both of which are default transparency.
  • the change process is: the size of state 6 is the first preset size, the first preset size is the same as the initial size of state 1 and the size of state 7, no need to change; the transparency of state 6 is consistent with the transparency of state 2 , is the preset transparency, which is smaller than the target transparency parameter of state 1, and changes to state 7, that is, when the size of the operation control is reduced to the first preset size, the transparency of the operation control needs to be adjusted from the preset transparency to the target transparency parameter .
  • the embodiment of the present application provides a technical solution, by determining the display area where the operation control is located on the display interface of the electronic device, and then determining the background grayscale of the current background image corresponding to the display area, and then based on The background gray scale and the transparency parameters of the operation control are used to adjust the control gray scale of the operation control in the standby state. And by changing the size and transparency of the operating controls in different working modes, and setting different changing times to change the display state of the operating controls, the user can be guided to use the operating controls correctly, the functions of the operating controls are enriched, and the user experience is improved.
  • FIG. 14 shows a block diagram of a display device of an electronic device according to an embodiment of the present application. Specifically, operation controls are displayed on the display interface of the electronic device, and the apparatus includes: a first determination unit 1410 , a second determination unit 1420 and an adjustment unit 1430 .
  • the first determining unit 1410 is configured to determine the display area where the operation control is currently located on the display interface; the second determining unit 1420 is configured to determine the target background grayscale of the current background image corresponding to the display area;
  • the adjustment unit 1430 is configured to adjust the control gray scale of the operation control based on the target background gray scale and the target transparency parameter of the operation control.
  • FIG. 15 shows a structural block diagram of an electronic device provided by an embodiment of the present application.
  • the electronic device 1500 has one or more of the following components: a memory 1510 , a processor 1520 and one or more application programs.
  • One or more application programs may be stored in the memory 1510 and configured to be executed by the one or more processors 1520, and the one or more program programs are configured to perform the methods described in the foregoing method embodiments.
  • Electronic device 1500 may be any of various types of computer system devices that are mobile, portable, and perform wireless communications.
  • the electronic device 1500 can be a mobile phone or a smart phone (for example, based on iPhone TM, a phone based on Android TM), a portable game device (such as Nintendo DS TM, PlayStation Portable TM, Gameboy Advance TM, iPhone TM), a laptop Computers, PDAs, portable Internet devices, music players and data storage devices, other handheld devices and such as smart watches, smart bracelets, earphones, pendants, etc.
  • the electronic device 1500 can also be other wearable devices (for example, such as electronic Glasses, electronic clothes, electronic bracelets, electronic necklaces, electronic tattoos, electronic devices or head-mounted devices (HMD)).
  • HMD head-mounted devices
  • Electronic device 1500 may also be any of a number of electronic devices including, but not limited to, cellular phones, smart phones, smart watches, smart bracelets, other wireless communication devices, personal digital assistants, audio players, other Media Players, Music Recorders, Video Recorders, Cameras, Other Media Recorders, Radios, Medical Equipment, Vehicle Transportation Instruments, Calculators, Programmable Remote Controls, Pagers, Laptop Computers, Desktop Computers, Printers, Netbook Computers, Personal Digital assistants (PDAs), portable multimedia players (PMPs), Moving Picture Experts Group (MPEG-1 or MPEG-2) audio layer 3 (MP3) players, portable medical devices, and digital cameras and combinations thereof.
  • PDAs Personal Digital assistants
  • PMPs portable multimedia players
  • MPEG-1 or MPEG-2 Moving Picture Experts Group
  • MP3 audio layer 3
  • the electronic device 1500 may perform various functions (eg, play music, display videos, store pictures, and receive and send phone calls).
  • Electronic device 1500 may be a device such as a cellular phone, media player, other handheld device, wrist watch device, pendant device, earpiece device, or other compact portable device, if desired.
  • Processor 1510 may include one or more processing cores.
  • the processor 1510 uses various interfaces and circuits to connect various parts of the entire electronic device 1500, and executes or executes instructions, programs, code sets or instruction sets stored in the memory 1520, and calls data stored in the memory 1520 to execute Various functions of the electronic device 1500 and processing data.
  • the processor 1510 may adopt at least one of Digital Signal Processing (Digital Signal Processing, DSP), Field-Programmable Gate Array (Field-Programmable Gate Array, FPGA), and Programmable Logic Array (Programmable Logic Array, PLA). implemented in the form of hardware.
  • DSP Digital Signal Processing
  • FPGA Field-Programmable Gate Array
  • PLA Programmable Logic Array
  • the processor 1510 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), an image processor (Graphics Processing Unit, GPU) and a modem.
  • CPU Central Processing Unit
  • GPU Graphics Processing Unit
  • the CPU mainly handles the operating system, user interface and application programs, etc.
  • the GPU is used to render and draw the displayed content
  • the modem is used to handle wireless communication. It can be understood that, the above-mentioned modem may not be integrated into the processor 1510, but may be realized by a communication chip alone.
  • the memory 1520 may include random access memory (Random Access Memory, RAM), and may also include read-only memory (Read-Only Memory).
  • the memory 1520 may be used to store instructions, programs, codes, sets of codes or sets of instructions.
  • the memory 1520 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system and instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.) , for determining the display area where the operation control is currently located on the display interface of the electronic device, determining the target background grayscale of the current background image corresponding to the display area, and then based on the target background grayscale and The target transparency parameter of the operation control adjusts the control gray scale of the operation control.
  • the storage data area can also store data created by the electronic device 1500 during use (such as phonebook, audio and video data, chat record data) and the like.
  • An embodiment of the present application further provides a storage medium, wherein a computer program is stored in the storage medium, and when the computer program is run on a computer, the computer executes the display method of the electronic device described in any one of the above embodiments.
  • the storage medium may include but not limited to: Read Only Memory (ROM, Read Only Memory), Random Access Memory (RAM, Random Access Memory), magnetic disk or optical disk, etc.
  • FIG. 16 shows a computer-readable medium according to an embodiment of the present application for storing or carrying program codes for implementing a display method of an electronic device according to an embodiment of the present application.
  • the computer-readable medium 1600 stores a program code 1610, and the program code can be invoked by a processor to execute the display method of an electronic device described in the above method embodiments.
  • the computer readable storage medium 1600 may be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM.
  • the computer-readable storage medium 1600 includes a non-transitory computer-readable storage medium (non-transitory computer-readable storage medium).
  • the computer-readable storage medium 1600 has a storage space for program code 1510 for executing any method steps in the above methods. These program codes can be read from or written into one or more computer program products.
  • Program code 1610 may, for example, be compressed in a suitable form.
  • each part of the present application may be realized by hardware, software, firmware or a combination thereof.
  • various steps or methods may be implemented by software or firmware stored in memory and executed by a suitable instruction execution system.
  • a suitable instruction execution system For example, if implemented in hardware, as in another embodiment, it can be implemented by any one or combination of the following techniques known in the art: Discrete logic circuits, ASICs with suitable combinational logic gates, programmable gate arrays (PGAs), field programmable gate arrays (FPGAs), etc.
  • FIG. 17 shows a computer program product 1700 provided by an embodiment of the present application, including a computer program/instruction 1710 , which implements the above method when executed by a processor.
  • each functional unit in each embodiment of the present application may be integrated into one processing module, each unit may exist separately physically, or two or more units may be integrated into one module.
  • the above-mentioned integrated modules can be implemented in the form of hardware or in the form of software function modules. If the integrated modules are realized in the form of software function modules and sold or used as independent products, they can also be stored in a computer-readable storage medium.
  • first and second in the description and claims of the embodiments of the present application are used to distinguish different objects, rather than to describe a specific order of objects.
  • first area, the second area, etc. are used to distinguish different areas, not to describe a specific order of the areas.
  • plural means two or more.
  • words such as “exemplary” or “for example” are used as examples, illustrations or illustrations. Any embodiment or design scheme described as “exemplary” or “for example” in the embodiments of the present application shall not be interpreted as being more preferred or more advantageous than other embodiments or design schemes. Rather, the use of words such as “exemplary” or “such as” is intended to present related concepts in a concrete manner.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请实施例提供了一种电子设备的显示方法、装置及存储介质，涉及电子设备的显示技术领域。所述电子设备的显示界面(410)上显示有操作控件(420)，该方法包括：确定操作控件当前在所述显示界面(410)上所在的显示区域(S310)；确定与所述显示区域对应的当前背景图像的目标背景灰阶(S320)；基于所述目标背景灰阶和所述操作控件(420)的目标透明度参数，调整所述操作控件(420)的控件灰阶(S330)。本申请通过利用操作控件(420)的显示区域对应的背景灰阶和操作控件的透明度参数来调整操作控件(420)的控件灰阶，使人眼看见的操作控件(420)在背景显示画面的衬托下呈现最佳显示效果，避免遮挡背景画面的同时又可对操作控件的位置起到提示作用，提升用户的使用体验。

Description

电子设备的显示方法、装置及存储介质
相关申请的交叉引用
本申请要求于2021年06月02日提交中国专利局的申请号为CN202110614393.5、名称为“电子设备的显示方法、装置及存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及电子设备的显示技术领域，更具体地，涉及一种电子设备的显示方法、装置及存储介质。
背景技术
目前，随着图形用户界面的发展，电子设备使用操作控件为用户提供快捷操作图标的方式大大提高了用户操作效率。操作控件显示在设备显示界面上，操作控件和显示界面的画面混叠，导致操作控件的显示效果不佳。
发明内容
本申请提出了一种电子设备的显示方法、装置及存储介质，以改善上述缺陷。
第一方面，本申请实施例提供了一种电子设备的显示方法，所述电子设备的显示界面上显示有操作控件，所述方法包括：确定所述操作控件当前在所述显示界面上所在的显示区域；确定与所述显示区域对应的当前背景图像的目标背景灰阶；基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
第二方面，本申请实施例还提供了一种电子设备的显示装置。所述电子设备的显示界面上显示有操作控件，所述装置包括：第一确定单元、第二确定单元和调整单元。第一确定单元，用于确定所述操作控件当前在所述显示界面上所在的显示区域；第二确定单元，用于确定与所述显示区域对应的当前背景图像的目标背景灰阶；调整单元，用于基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
第三方面，本申请实施例还提供了一种电子设备，包括处理器、存储器，所述电子设备的显示界面上显示有操作控件，所述存储器存储有计算机程序，所述处理器通过调用所述计算机程序执行以下操作：确定所述操作控件当前在所述显示区域上所在的显示区域；确定与所述显示区域对应的当前背景图像的目标背景灰阶；基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
第四方面，本申请实施例还提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、 所述代码集或指令集由处理器加载并执行以实现上述方法。
第五方面，本申请实施例还提供了一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现上述方法。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了本申请一实施例提供的电子设备的显示界面示意图；
图2示出了本申请又一实施例提供的电子设备的显示界面示意图；
图3示出了本申请另一实施例提供的电子设备的显示方法的方法流程图；
图4示出了本申请另一实施例提供的应用场景示意图；
图5示出了本申请一实施例提供的浅色背景下操作控件的显示示意图；
图6示出了本申请一实施例提供的深色背景下操作控件的显示示意图；
图7示出了本申请又一实施例提供的电子设备的显示方法的方法流程图；
图8示出了本申请又一实施例提供的操作控件灰阶拟合曲线示意图；
图9示出了本申请一实施例提供的电子设备的屏幕示意图；
图10示出了本申请一实施例提供的屏幕预设区域显示差异示意图；
图11示出了本申请一实施例提供的屏幕预设区域的显示界面示意图；
图12示出了本申请又一实施例提供的电子设备的显示方法的方法流程图；
图13示出了本申请又一实施例提供的操作控件各工作模式下的显示状态示意图；
图14示出了本申请一实施例提供的电子设备的显示装置的模块框图；
图15示出了本申请实施例提供的电子设备的结构框图；
图16示出了本申请实施例的用于保存或者携带实现根据本申请实施例的电子设备的显示方法的程序代码的计算机可读介质；
图17示出了本申请实施例提供的计算机程序产品的结构框图。
具体实施方式
下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。基于本申请的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请保护的范围。
目前，由于手机、智能穿戴设备等电子设备的普及，越来越多用户在生活、娱乐、工作中都离不开电子设备。而随着用户图形化界面的发展，电子设备使用操作控件为用户提供快捷操作图标的方式应运而生，大大提高了用户操作效率。但是，由于使用中用户可能随时切换界面的显示画面，如果操作控件的颜色固定不变，可能导致在不同显示画面下的显示效果有所不同。例如，待机界面下显示画面的颜色属于浅色系，为保证显示效果最佳，在待机界面下操作控件的颜色也应该采用较浅的颜色，但当用户切换到应用操作界面，恰好颜色相对待机界面变化较大，属于深色系，那么采用较浅颜色的操作控件在应用操作界面则会使用户感觉突兀，影响用户体验。同理，操作控件采用深色，用户从深色系界面切换到浅色系界面时同样会感觉突兀，甚至可能对显示画面造成遮挡，使用更加不便。
发明人在研究中发现，可以利用显示界面的画面颜色和控件的透明度参数调整操作控件的显示颜色，通过自适应不同的背景显示画面，使人眼看见的操作控件在背景显示画面的衬托下呈现最佳效果。
因此，为了改善上述缺陷，申请实施例提供一种电子设备的显示方法、装置及存储介质，该方法的执行主体可以是本申请实施例提供的电子设备的显示装置，或者集成了该显示装置的电子设备，该电子设备的显示装置可以采用硬件或者软件的方式实现。其中，电子设备可以是如平板电脑、游戏主机、电子书阅读器、多媒体播放设备、智能手表、手机、PC(Personal Computer，个人计算机)等设备。电子设备内安装有多个应用程序，用户可以使用多个应用程序实现不同的功能、用途。例如，利用视频播放软件观看视频，利用电子游戏软件玩游戏，利用即时聊天应用程序进行文字、语音或视频聊天，利用社交网络平台软件进行信息分享、传播以及浏览等。
需要说明的是，操作控件可以通过电子设备的显示界面显示。电子设备的显示界面可以是电子设备的屏幕，比如与电子设备一体的屏幕、电子设备外接的屏幕，外接屏幕显示的方式包括通过有线连接、无线连接的屏幕以及投影等展示相应的画面。其中，屏幕可以包括LCD液晶显示屏，可以为发光二极管(light emitting diode，LED)显示屏，也可以为三维(Three Dimensional，3D)显示屏，或者等离子显示器(Plasma Display Panel，PDP)等，进一步地，本申请实施例所述的屏幕还可以具有全面屏、曲面屏、异形屏、折叠屏或其他屏幕形态，本申请对屏幕的种类或形态均不做具体限定。除此之外，电子设备的显示界面还可以是悬浮显示屏，如图1所示，其示出了本申请一实施例提供的一种悬浮显示屏，与物理显示屏不同的是，悬浮显示屏不依赖于电子显示器件，可以直接在空中投射影像，例如通过全息成像等方式展示画面。
电子设备的显示界面显示操作控件，可以提示用户操作控件的位置，并且通过预定义或用户设定的触控操作，在操作控件的显示区域选中操作控件可以实现不同功能，例如触发操作控件的触控操作可以包括点击、双击、长按等等，移动操作控件的触控操作可以包括滑动、双击后滑动等等。
在一些实施例中，触发后操作控件以圆弧或弹窗等方式显示快捷操作图标，不同图标对应不同的快捷功能或应用程序。该图标中可以包含锁屏图标、录屏图标、截图图标、录音图标、内存清理图标、应用程序图标、滑动桌面图标、录音图标，锁屏图标等等，本申请实施例并不对图标的具体类型进行限定。可选的，在不同应用程序对应的用户界面中，触发操作控件后显示的图标的类型不同。比如，在游戏类应用程序的用户界面中，触发显示的图标包括录屏图标和内存清理图标等等；而在社交类应用程序的用户界面中，触发显示的图标包括截图图标和搜索图标等等。本申请实施例并不对不同用户界面中触发显示的图标的具体类型进行限定。例如，如图2所示，其示出了本申请又一实施例提供的电子设备的显示界面示意图，在电子设备200的显示界面210上显示有操作控件220，点击操作控件220后以圆弧方式显示了4个快捷图标：图标230为锁屏图标，选中图标230后可快捷地将显示界面锁定；图标240为截图图标，选中图标240后可以截取当前显示画面；图标250为录音图标，选中图标250后可以打开录音页面；图标260为返回图标，选中图标260后可以返回上一显示界面。可选地，用户可以自定义触发后操作控件后显示的快捷操作图标类型，提供个性化服务。在这种情况下，为避免操作控件对背景画面造成遮挡，可以减小操作控件与背景画面之间的显示差异，使操作控件轻微可见的同时不影响整体画面的和谐。需要说明的是，若用户期望能够明显辨识出操作控件，本申请实施例也可以增加操作控件与背景画面之间的显示差异。
在另一些实施例中，操作控件可以是操作图标，例如桌面图标、状态栏图标等，触发操作控件后可以直接实现操作图标对应的快捷功能或打开对应的应用程序。
请参考图3，其示出了本申请另一实施例提供的电子设备的显示方法的方法流程图，所述电子设备的显示界面上显示有操作控件。该方法包括：S310至S330。
S310：确定所述操作控件当前在所述显示界面上所在的显示区域。
在一些实施例中，操作控件能够在用户的拖动下移动并改变显示位置，例如操作控件远离用户握持手时，用户可以将操作控件拖动至握持手可触控的区域，但与此同时，操作控件可能会对显示界面中的其他控件造成遮挡，引起控件误触。当用户想要调整操作控件的显示位置时，可以手动将操作控件拖动至目标显示位置，另外，也可以基于所处的握持状态以及显示界面中触控元素的分布情况，动态调整操作控件在显示界面中的显示位置。
在一些典型的实施例中，为了确定各个控件或图像在显示界面上的显示位置和色彩，以像素为单位定义了显示界面的坐标系。例如，显示界面左下角为坐标原点(0,0)，右上角为坐标(width,height)，其中，width是显示界面的像素宽度，height是显示界面的像素高度。操作控件在显示界面中的显示位置固定后，同样拥有对应的坐标。操作控件可以设计为规则的图形，此时根据图形的中心点坐标及尺寸，即可确定操作控件的显示区域。比如，若操作控件设计为规则圆形，当前的中心点坐标为(x,y)，规则圆形直径为1cm，则可以确定操作控件在电子设备显示界面上的显示区域为以坐标点(x,y)为圆点，直径1cm的圆形区域。同理，若操作控件设计为其他规则图形如矩形或不规则的图形，同样可以采用上述方法，根据图形的中心点坐标及尺寸来确定操作控件的显示区域，此时图形的尺寸对应可以为矩形的边长、图标的显示面积等。
需要说明的是，若操作控件的位置发生了移动，对应的，操作控件的显示区域也会改变，操作控件的显示区域以操作控件当前在显示界面上所在的位置确定。
S320：确定与所述显示区域对应的当前背景图像的目标背景灰阶。
如图4所示，在本申请的一些实施例中，显示界面上首先显示有包括背景应用画面在内的显示界面410，接着在显示界面的上方图层中加入一个新图层，来显示操作控件420。采用多图层叠加显示的方式，可以单独设置显示操作控件的图层的透明度和颜色，当透明度和颜色设置为合适的值时，用户不仅能够看见操作控件，透过操作控件图层还能够看见控件下方区域的图像，与未显示控件的其他区域的图像合为一体，完整地呈现显示界面的内容。
实际使用中用户可能随时切换显示界面的显示画面，为使人眼看见的操作控件在背景显示画面的衬托下呈现出的显示效果在人眼观察下最佳，相对地，操作控件的控件灰阶也应当作出相应改变。其中，最佳显示效果可以由用户根据个人习惯预先设置，也可以由系统预先设置，例如根据操作控件的显示属性确定最佳显示效果等，比如，当操作控件为桌面应用图标时，首先应当保证图标清晰可见，则可以预先设置最佳显示效果为显示清晰。示例性地，显示效果可以由操作控件与背景画面之间的显示差异来描述，若预先设置的最佳显示效果为操作控件显示不突兀，则应该减小操作控件与当前背景图像之间的显示差异；若预先设置的最佳显示效果为操作控件显示清晰，则应该增加操作控件与当前背景图像之间的显示差异。为更好地表述不同背景画面对操作控件灰阶的影响，假设背景图像采用均匀统一的灰色。其中，灰色在黑色与白色之间还有许多级的颜色深度，用灰阶表示颜色深度，灰阶越大越接近黑色，灰阶越小越接近白色。
事实上背景画面通常都是颜色深浅不一的复杂色彩，在电子设备的显示界面上这些复杂色彩通常采用RGB三个通道的值的不同组合来表示，其中，RGB模式下同样以灰阶来表示三个通道的颜色深度。本申请实施例以RGB颜色模式为例进行说明。可以理解的是，本申请实施例并未对电子设备的颜色模式作出限制，本申请仍然适用于其他颜色模式。如前所述，不管预先设置的最佳显示效果是使操作控件显示不突兀还是显示清晰，要确定操作控件的控件灰阶值，首先都需要确定当前背景图像的背景灰阶，即目标背景灰阶。针对具有复杂色彩的背景画面，可根据操作控件下方区域所示背景图像的颜色来确定目标背景灰阶。在一些实施例中，可以根据RGB三个通道的灰阶来确定背景图像的目标背景灰阶。可以得到，操作控件下方图层区域的背景画面所示背景图像即是操作控件在显示界面上的显示区域范围内对应的当前背景图像，根据所述该背景图像的RGB值就能够确定目标背景灰 阶。
S330：基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
操作控件的透明度可以是系统默认设置的值，在一些典型的实施例中，透明度可以设置为70％左右。同时，用户也可以根据个人习惯设置操作控件的透明度。
操作控件和下方图层的当前背景图像叠加后的效果就是呈现给用户的显示效果，可以说，操作控件的显示效果是由当前背景图像的颜色、操作控件的透明度和操作控件的控件灰阶决定。为更好描述当前背景图像的颜色、操作控件的透明度对操作控件的影响，本申请将分别从背景图像和透明度两个方面分别说明。
首先，当操作控件的透明度为一个确定值，而背景图像改变时，操作控件的灰阶应当作出相应改变，操作控件的控件灰阶可以基于表征当前背景图像的颜色的目标背景灰阶进行调整，以达到最佳显示效果。下面以达到人眼看见的操作控件在当前背景显示画面的衬托下不突兀的最佳显示效果为例说明如何调整操作控件的控件灰阶。在该情况下，应该减小操作控件与当前背景图像之间的显示差异。示例性地，如图5所示，背景画面的颜色属于浅色系，为保证显示效果最佳，在待机界面下操作控件的颜色也应该采用较浅的颜色，但当用户切换至图6所示界面，背景画面颜色相对图5变化较大，属于深色系，那么采用较浅颜色的操作控件在应用操作界面则会使用户感觉突兀，影响用户体验，此时如果若根据深色系的背景画面将操作控件的颜色调整为较深的颜色，则会减轻突兀感，使整体画面较为和谐。同理，用户从深色系界面切换到浅色系界面时同样会感觉突兀，甚至可能对显示画面造成遮挡。
其次，当操作控件的背景图像不变，而操作控件的透明度发生变化时，操作控件的控件灰阶也应当作出相应改变。若透明度升高，而操作控件的控件灰阶未作出改变，当透明度升高的数值达到最高阈值，用户甚至无法从背景图像中清晰分辨出操作控件的位置；若透明度降低，操作控件的控件灰阶固定不变，当透明度降低的数值达到最低阈值，操作控件会对背景图像造成遮挡，对电子设备的正常使用造成影响。由此，操作控件的控件灰阶也应当基于表征操作控件当前透明度的目标透明度参数进行调整。但是，当透明度设置超过一定阈值范围，无论怎样调整操作控件，也无法使其达到最佳显示效果。例如将透明度设置为0时，无论控件灰阶如何，操作控件都完全不透明，在操作控件的显示区域只能看见操作控件，而无法透过操作控件看见下方的背景图像，非常容易对背景图像中的关键信息造成遮挡；将透明度设置为100％时，操作控件完全透明，在电子设备的显示区域已完全无法看见操作控件。为避免类似情况的出现，在一些典型的实施例中，待机时操作控件的透明度应当设置为70％～100％范围内，且不等于100％。
在另一些实施例中，用户也可以设置操作控件明显区别于背景画面，例如，要使操作控件显示清晰，相对地，可以增加操作控件与背景画面之间的显示差异，达到能够从背景图像中清晰明确地分辨出操作控件的位置的最佳显示效果，该情况下应该增加操作控件在背景显示画面下的突兀感，并且同样需要根据目标透明度和背景灰阶调整动态调整图标的颜色。
如前所述，当前背景图像的颜色和操作控件的透明度都将对操作控件的显示效果造成影响，因此，为使操作控件呈现给用户的显示效果符合人眼观察到的最佳效果，应当同时根据表征当前背景图像颜色的目标背景灰阶和表征操作控件当前透明度的目标透明度参数，来调整所述操作控件的控件灰阶。
综上所述，本申请实施例提供技术方案，通过确定操作控件在所述电子设备的显示界面上的显示区域，再确定所述显示区域对应的当前背景图像的目标背景灰阶，然后基于当前背景图像的目标背景灰阶和操作控件的目标透明度参数，来调整操作控件的控件灰阶，使得操作控件的控件灰阶能够基于背景图像的背景灰阶和操作控件的透明度参数而调整，从而能够使人眼看见的操作控件在背景显示画面的衬托下呈现最佳显示效果，提升用户的 使用体验。
请参考图7，其示出了本申请又一实施例提供的电子设备的显示方法的方法流程图，所述电子设备的显示界面上显示有操作控件。该方法包括：S710至S740。
S710：确定所述操作控件当前在所述显示界面上所在的显示区域。
S720：确定与所述显示区域对应的当前背景图像的目标背景灰阶。
如前所述，如需确定操作控件的控件灰阶，首先可以根据操作控件的显示位置和尺寸确定操作控件当前在电子设备的显示界面上所在的显示区域，然后确定操作控件的显示区域范围内下方图层的当前背景图像的目标背景灰阶。
由于背景图像通常是颜色深浅不一的复杂色彩，而用于描述图像画面的最小元素称为像素，每个像素被分配了一个明确的颜色和位置坐标，将这些拥有各种色彩的像素根据位置坐标组合起来，显示在显示界面上便是一副完整的画面。因此，在一些实施例中，计算拥有复杂色彩的背景图像的背景灰阶，需要根据操作控件的显示区域确定区域坐标范围内背景图像中每个像素的灰阶，再统计各个像素灰阶并将其换算为背景图像的背景灰阶。下面对根据像素灰阶来确定背景灰阶的典型方式进行示例性说明。
电子设备的显示界面通常用RGB三个通道的值的不同组合来显示这些色彩，可以理解地，被分配给每个像素的颜色也可以由RGB色彩值表示。在本申请的一个典型的实施例中分别将操作控件显示区域范围内背景图像的各像素的RGB值归一化后通过伽马校正计算分别的亮度，统计各像素亮度并取平均值后乘以3，得到灰阶平均亮度，通过反向伽马校正得到的归一化灰阶值作为背景灰阶值。最后基于此背景灰阶值及透明度参数确定操作控件的控件灰阶。
在本申请实施例中，以8bit显示界面为例说明显示界面的灰阶。8bit表示该显示界面可以分辨256级的灰阶，即灰阶值范围为0～255。可以理解的是，本申请实施例中的显示界面也可以为6bit显示界面、10bit显示界面或16bit显示界面，对应地，不同位数显示界面可分辨的灰阶级数不同，灰阶值范围也不同，本申请实施例对此不做限制。
S730：基于预设对应关系，确定在所述操作控件的透明度参数为目标透明度参数的情况下，与所述目标背景灰阶对应的目标控件灰阶，其中，所述预设对应关系包括不同透明度参数下，背景灰阶与控件灰阶的对应关系。
由前述实施例可知，操作控件的控件灰阶由操作控件的透明度参数和背景图像的背景灰阶两个因素决定。在本申请的一些实施例中，所述预设对应关系包括不同透明度参数下，背景灰阶与控件灰阶的对应关系。因此，可以根据想要得到的显示效果，由每一对透明度参数和背景灰阶的数值得到对应的操作控件的控件灰阶数值，通过反复试验，则可确定在不同透明度参数下，背景灰阶和控件灰阶的一一对应关系。在任一预先设定的操作控件透明度参数和任一背景图像下，首先获取当前的透明度参数和背景图像的背景灰阶值分别作为目标透明度参数和目标背景灰阶，再根据试验得到的透明度参数、背景灰阶和控件灰阶的一一对应关系作为预设对应关系，确定目标透明度参数和目标背景灰阶对应的目标控件灰阶，最后将操作控件的控件灰阶调整为所述目标控件灰阶，那么人眼观察到的操作控件与背景图像叠加后的叠加灰阶即可满足最佳显示效果。
在另一些实施例中，透明度参数、背景灰阶、操作控件与背景图像叠加后的叠加灰阶以及控件灰阶之间可以由明确的灰阶函数关系来表示。在一些典型的实施例中，所述灰阶函数关系为L2＝L1*(1-a)+L0*a，其中L2为叠加灰阶，L1为控件灰阶，L0为背景灰阶，a为透明度参数。由前所述，操作控件和下方图层背景图像叠加后的效果就是呈现给用户的显示效果，即操作控件与背景图像叠加后的叠加灰阶L2表征了显示效果。因此，由灰阶函数关系可知，通过透明度参数a、背景灰阶L0确定操作控件的控件灰阶L1，即可调整叠加灰阶L2，从而控制控件的显示效果。反之，若确定了透明度参数a、背景灰阶L0和叠加灰阶L2，也可以确定操作控件的控件灰阶L1。
在一些实施例中，通过在暗室及室内光线下分别进行反复试验，来确定在操作控件的 不同透明度参数的情况下，不同背景灰阶与目标叠加灰阶的第一对应关系。试验中，在透明度参数不同的情况下，根据不同背景灰阶L0改变叠加灰阶L2的数据，使人眼观察的各个操作控件的显示效果满足预先设置的显示效果，得出L2和L0的对应关系满足双曲线拟合。其中，预先设置的显示效果为操作控件轻微可见但显示不突兀。并且，试验中还得到，环境光线不同时，L2和L0的拟合双曲线的参数也不同。如图8所示，其示出了暗室下，透明度参数a为70％的情况下，实验得到的拟合曲线的示意图。通过反复实验可得到，随着L0增加，L2对应的曲线靠近L2＝L0的45°直线，因此进行双曲线拟合，该曲线除最后一个点外，近似为(y^2/a^2)-(x^2/b^2)＝1的双曲线，考虑全部曲线可以近似，最后一个点L2需要变更为2*255-L2。并且实验中还对操作控件的显示数据进行拟合得到双曲线的半实轴参数在55～65之间浮动，半虚轴参数在56～60之间浮动，典型的两个参数取值是半实轴参数为60，半虚轴参数为58.40。特别地，曲线最后一个点表示背景灰阶L0为最大值，此时叠加灰阶L2需要变更为2*255-L2。
而在室内光线且透明度参数a为70％的情况下进行双曲线拟合，得到(y^2/a^2)-(x^2/b^2)＝1的双曲线的半实轴参数在15～25之间浮动，半虚轴参数在18～20之间浮动，典型的两个参数取值为半实轴参数为20，半虚轴参数为19.66。
另外，当透明度一定时，操作控件的叠加灰阶还和环境光及显示界面亮度相关。例如，为使操作控件达到轻微可见但不突兀这一预设显示效果，在没有环境光线的暗室和有环境光线的室内下，拟合背景灰阶L0和叠加灰阶L2的双曲线参数不同，可以说，不同环境光线下背景灰阶L0对应的叠加灰阶L2不同。可以理解的是，显示界面不同亮度档下显示界面的显示效果有较大差异，叠加灰阶体现了颜色的亮度，同样受显示界面亮度的影响。并且，通过反复的实验证明，双曲线拟合适用于暗室和室内环境，可以满足多数环境光和显示屏反射状态。
试验得到了在所述操作控件的不同透明度参数的情况下，不同背景灰阶与目标叠加灰阶之间的第一对应关系，在本申请的一些典型的实施例中，第一对应关系为不同背景灰阶与目标叠加灰阶的关系满足双曲线拟合，而透明度参数的不同将影响双曲线的函数参数。因此，在所述操作控件的不同透明度参数下，由背景灰阶与叠加灰阶之间的第一对应关系，代入上述灰阶函数关系，可得到背景灰阶和控件灰阶的第二对应关系。将第二对应关系作为预设对应关系，当操作控件的透明度参数为目标透明度参数的情况下，根据第二对应关系确定与目标背景灰阶对应的目标控件灰阶。
S740：将所述操作控件的控件灰阶调整为目标控件灰阶，所述目标控件灰阶用于使目标叠加灰阶满足预设显示条件，所述目标叠加灰阶为所述操作控件与所述当前背景图像叠加后所述操作控件呈现的灰阶，所述预设显示条件为目标叠加灰阶和目标背景灰阶的差值小于预设阈值。
目标控件灰阶是指使操作控件的叠加灰阶的显示效果满足预设显示条件的控件灰阶，此情况下操作控件的叠加灰阶为目标叠加灰阶。以人眼看见的操作控件在背景显示画面的衬托下不突兀的显示效果为例，预设显示条件应当满足所述目标控件灰阶与所述目标背景灰阶叠加后的目标叠加灰阶与目标背景灰阶的差异较小，特别地，预设显示条件可以为目标叠加灰阶和目标背景灰阶的差值小于预设阈值。预设阈值可以由系统设定，也可以由用户根据习惯进行设置。示例性地，本申请实施例通过反复实验得到预设阈值的一个典型范围为13～60个灰阶值。上述实施例中在操作控件的不同透明度参数下得到的背景灰阶与目标叠加灰阶的第一对应关系中，背景灰阶与对应的目标叠加灰阶的差值满足预设阈值的范围，因此由第二对应关系作为预设对应关系得到的目标控件灰阶也可以使目标叠加灰阶满足预设显示条件。由此可知，若将操作控件的控件灰阶调整为目标控件灰阶，可以使操作控件达到显示不突兀的效果。
在本申请实施例中，所述操作控件可以是环形操作控件，也可以是圆形操作控件或矩形操作控件，还可以是不规则的图形，本申请实施例对此不做限制。但是，特别地，为保 证操作控件不会对显示界面上的显示画面或其他图标造成遮挡，应当限制操作控件的显示面积，例如设置操作控件的显示面积小于预设面积。另外，操作控件的显示面积也可以设置为一个面积范围，例如对于圆形操作控件，设置圆形操作控件的直径在0.2cm到1.2cm之间。
综上所述，本申请实施例提供技术方案，通过确定操作控件在所述电子设备的显示界面上的显示区域，再确定所述显示区域对应的当前背景图像的目标背景灰阶，然后在不同的透明度参数下，确定背景灰阶和控件灰阶的对应关系，从而能够在所述操作控件的目标透明度参数的情况下，确定所述目标背景灰阶对应的目标控件灰阶，最后将所述操作控件的控件灰阶调整为所述目标控件灰阶。通过自适应不同的背景显示画面和控件的透明度，能够使人眼看见的操作控件在背景显示画面的衬托下呈现最佳显示效果，可对操作控件的位置起到提示作用，提升了用户的使用体验。
如图9所示，其示出了本申请又一实施例提供的电子设备的屏幕示意图。在本申请实施例中，所述电子设备200包括屏幕，所述电子设备的显示界面210位于所述屏幕上，其中，屏幕包括了预设区域910，预设区域910的下方设置有功能组件920。当功能组件920未启用时，功能组件将隐藏，人眼无法透过预设区域910观察到，并且预设区域910将与主显示区域显示同一副画面。当功能组件920启用时，功能组件将显现，透过预设区域910可以观察到明显观察到功能组件，预设区域不显示任何画面。
在本申请的实施例中，所述操作控件的显示区域可以覆盖或环绕所述预设区域。进一步地，所述操作控件的显示区域的中心点位置与所述预设区域的中心点位置重合。在一些实施例中，操作控件呈环形形状且所述操作控件的显示区域围绕所述预设区域。另外，还可以将环形形状操作控件的内圆直径设置为与预设区域的直径相同。在另一些实施例中，操作控件呈圆形形状且所述操作控件的显示区域覆盖所述预设区域。进一步地，为保证圆形操作控件可以覆盖所述预设区域，应当设置操作控件的直径大于或等于预设区域的直径。其中，圆形操作控件的直径不宜过大，示例性地，本申请实施例通过反复实验得到，操作控件的显示区域的内径的最大值，最多可比所述预设区域的半径大0.1mm。
功能组件的存在导致预设区域的显示效果与屏幕其他区域的显示效果有差异，甚至显示的图像质量低于屏幕其他区域，因此当功能组件未启用时，由于操作控件的形状与所述预设区域的轮廓相匹配，而预设区域显示质量低，则呈现出的视觉效果为：操作控件与预设区域合为一体，类似处于同一图层，而其他区域相当于背景图像，在另一图层。刚好与在背景图像的图层上叠加新图层显示操作控件的方式一致，用户不会产生异样感。在另一些实施例中，所述功能组件为摄像头。
由于屏下摄像头对应的显示区域屏幕材质与主显示区域不同，显示效果也与主显示区域存在差异。特别地，如图10所示，预设区域与主显示区域的显示效果在特定亮度、特定灰阶下画面存在差异，特别是低亮度、低灰阶情形下，预设区域的亮度和色彩差异尤其明显，同时当亮度值低时，无论控件灰阶如何调整，画面都会存在差异。
如图11所示，通过在屏下摄像头所在的圆形区域设置环形操作控件1110，并设计环形操作控件围绕屏下摄像头所在的圆形区域，使环形操作控件的内环半径与屏下摄像头圆形区域的半径相同，中心点坐标重合。当屏下摄像头未启用时，通过上述实施例确定的控件灰阶显示环形操作控件，人眼将忽略屏下摄像头所在显示区域的不同显示效果，将环形操作控件与屏下摄像头对应的显示区域合为一体，呈现出和谐而不突兀的视觉效果。可以理解的是，所述功能组件除摄像头外，还可以是电子设备的其他传感器件，包括但不仅限于重力传感器、光学传感器、距离传感器、温度传感器等。
综上所述，本申请实施例提供的技术方案，通过覆盖或环绕的方式在设置有功能组件的预设区域附近显示操作控件，并且操作控件的控件灰阶基于显示区域的背景图像和操作控件的透明度参数确定，能够减小预设区域与主显示区域的显示差异，改善设备整体显示效果，提升用户的使用体验。
请参考图12，其示出了本申请又一实施例提供的电子设备的显示方法的方法流程图。该方法包括：S1210至S1280。
S1210：确定操作控件当前在所述显示界面上所在的显示区域。
S1220：确定与显示区域对应的当前背景图像的目标背景灰阶。
如前所述，如需确定操作控件的控件灰阶，首先需要根据操作控件的显示位置和尺寸确定操作控件在电子设备显示界面上的显示区域，然后确定操作控件的显示区域范围内下方图层的背景图像的背景灰阶。在本申请实施例中，可以统计显示区域对应的当前背景图像的各个像素灰度以确定目标背景灰阶，根据各像素灰阶确定目标背景灰阶的具体过程可以参考前述实施例中的对应过程，在此不再赘述。
S1230：在所述操作控件处于待机模式时，基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
在本申请实施例中，待机模式是指操作控件处于无操作状态，区别于同样处于无操作状态的等待模式，待机模式没有时间限制，只有当检测到触控操作，操作控件才会从待机模式改变到触控操作对应的显示状态，而等待模式是一个中间状态，进入等待模式超过等待时间或等待时间范围内检测到触控操作两种情况下，操作控件将会改变显示状态。
可以理解的是，以下几个情况下操作控件应当处于待机模式：首先，设备开机运行的初始状态下操作控件应当处于待机模式；其次，对操作控件的显示参数或功能进行设置后操作控件处于待机模式；最后，检测到针对操作控件的触控操作并且操作控件已经作出对应的响应，而触控操作消失后，经过等待模式，并经过等待模式后改变了显示状态，最终由于没有检测到针对操作控件的任何实质性触控操作，操作控件将会恢复到待机模式。
处于待机模式下操作控件的显示状态应当在避免遮挡背景画面的同时又可对操作控件的位置起到提示作用，根据前述实施例，可以基于目标背景灰阶和操作控件的目标透明度参数，来调整所述操作控件的控件灰阶，使其达到操作控件轻微可见但不突兀的显示效果。
步骤S1240至步骤S1280表示不同显示状态下的切换过程。如图13所示，其示出了操作控件各工作模式下的显示状态。下面结合图13所示，以环形操作控件为例，对本申请实施例提供的各显示状态的切换过程进行示例性说明。
图13中状态1为待机模式下的显示状态，为保证待机时操作控件隐约可见，接受触控操作后凸显，操作控件的控件灰阶值随背景灰阶和透明度参数动态变化，且状态1的透明度较高。在一些典型的实施例中，状态1操作控件的透明度应当设置为70％～100％范围内，且不等于100％。状态1下操作控件的尺寸为初始尺寸，在一些典型的实施例中，状态1操作控件的初始尺寸可以为0.1mm，建议不大于2mm。
S1240：当检测到针对所述操作控件的触控操作时，将所述操作控件的透明度调整至预设透明度，其中，所述预设透明度小于目标透明度参数，此时操作控件的尺寸为第一预设尺寸。
检测到的触控操作可以包括点击、双击、长按、滑动、双击后滑动等等，本申请实施例对此不做限制。在本申请实施例中，当检测到针对所述操作控件的触控操作时，操作控件的显示状态从状态1立刻变化到状态2，历时一帧时间。其中，帧数是指电子设备每秒渲染的图像数量，是电子设备的固有参数，而一帧时间就是1/帧数，表示渲染一帧图像耗费的时间。
点击等触控操作后操作控件应当凸显以提醒用户操作处于正确状态，状态2的透明度为预设透明度，因此预设透明度应当小于待机模式下状态1的目标透明度参数。在一些典型的实施例中，状态2的预设透明度应当设置0～30％范围内，且不等于0。状态2下操作控件的尺寸为第一预设尺寸，第一预设尺寸应当与初始尺寸相同。
S1250：根据所述触控操作的持续时长扩大操作控件的尺寸。
若所述触控操作为持续触控操作，例如长按等，应当根据触控操作的持续时间扩大操 作控件的尺寸，操作控件尺寸变化前的状态可参考状态2，操作控件尺寸扩大后的状态可参考状态3。对应地，操作控件由状态2变为状态3的过程是环的尺寸逐渐变大的过程，示例性地，扩大尺寸的最大持续时间可以设置为0.2s。如果状态2变为状态3的过程中检测到触控操作消失，即触控操作的持续时间小于0.2s，操作控件就停留在触控操作消失时的显示画面，不会继续变化到状态3。如果触控操作的持续时间大于0.2s，操作控件的尺寸在触控操作持续0.2s时变化到状态3以后，即使触控操作再持续多长时间，操作控件的尺寸也不会继续扩大，而是停留在状态3。状态3下操作控件的尺寸大于状态2的尺寸，即大于第一预设尺寸及初始尺寸，在一些典型的实施例中，状态3下操作控件的尺寸可以为0.5mm，建议不大于2mm。
S1260：当检测到所述触控操作消失时，在第一预设时长内将操作控件的尺寸减小到第二预设尺寸，其中所述第二预设尺寸大于第一预设尺寸。
检测到触控操作消失时，操作控件的显示状态可能在状态2变为状态3的过程中处于某个临时显示状态，也可能已经变化到状态3。触控操作消失后，操作控件的尺寸将逐渐变小。对应地，操作控件的尺寸可能从所述临时显示状态下的尺寸开始逐渐变小，也可能从状态3下的尺寸开始变小。示例性地，本申请实施例以从状态3开始逐渐变小来说明尺寸减小的最大变化时间，即第一预设时长。尺寸从状态3开始逐渐变化，当尺寸减小到状态4时，操作控件处于等待模式，其中，从状态4开始操作控件处于等待模式，尺寸为第二预设尺寸，在本申请实施例中第二预设尺寸大于第一预设尺寸。在一些典型的实施例中，状态4下操作控件的尺寸可以为0.3mm，建议不大于2mm。由于触控操作消失时，操作控件并不一定已经变化到状态3，而可能处于尺寸状态2与状态3之间的某个临时显示状态，这种情况下减小尺寸，直到变为状态4的变化时间，在尺寸变化的速度保持不变，即尺寸匀速变化的情况下，此时变化时间小于第一预设时长。在一些典型的实施例中，第一预设时长可以为0.2s。另外，尺寸的减小过程也可能被打断，例如若在第一预设时长内将所述操作控件的尺寸减小到第二预设尺寸的过程中再次检测到触控操作，当前操作控件的尺寸应当大于或等于第二预设尺寸，从当前操作控件的尺寸开始扩大所述操作控件的尺寸。
S1270：控制操作控件以第二预设尺寸保持第二预设时长。
从状态4开始操作控件处于等待模式，并以第二预设尺寸保持一段等待时间，达到状态5，其中，等待时间为第二预设时长，且状态5下操作控件的显示状态与状态4一致。在一些典型的实施例中，第二预设时长约为2s。另外，在等待模式下，仍然可能会检测到针对操作控件的触控操作，该情况下，从检测到所述触控操作开始，等待模式中断，操作控件尺寸从状态4开始扩大，与步骤S1250所示扩大过程类似，不同的是操作控件尺寸变化前的状态为状态4，操作控件尺寸扩大后的状态仍然参考状态3。
S1280：在所述第二预设时长之后，将操作控件的尺寸减小到第一预设尺寸。
在等待时间期满后，操作控件显示状态达到状态5，此时，操作控件的尺寸将开始逐渐减小，最终达到状态6。状态6与状态2一致，因此，状态6也为第一预设尺寸，在状态5的尺寸减小过程中若没有检测到针对操作控件的触控操作，最终尺寸将减小到第一预设尺寸。在一些典型的实施例中，状态5变化到状态6的时间可以为0.2s。在第二预设时长之后，将所述操作控件的尺寸减小到第一预设尺寸的过程中，若再次检测到触控操作，该情况下，从检测到所述触控操作开始，中断尺寸减小过程，从当前操作控件的尺寸开始扩大操作控件的尺寸，与步骤S1250所示扩大过程类似，不同的是操作控件尺寸变化前的状态为检测到所述触控操作时的当前状态，操作控件尺寸扩大后的状态仍然参考状态3。由于状态5变化到状态6的变化时间极短，期间检测到针对操作控件的触控操作可能性极低，可以忽略不计。
另外，在本申请的实施例中，状态3到状态6下操作控件均需凸显以提醒用户操作处于正确状态，状态3、4、5、6四个状态下操作控件的透明度设置为较低值，应当与状态2下的透明度一致，均为预设透明度。
如前所述，触控操作消失，经过等待模式后显示状态改变至状态5，而后变化为状态6，最终由于仍然没有检测到针对操作控件的任何实质性触控操作，操作控件将会恢复到待机模式，即状态7，状态7与状态1同为待机模式，显示状态一致，即是说，最后从状态6需变化到状态7。变化过程为：状态6的尺寸为第一预设尺寸，第一预设尺寸与状态1的初始尺寸相同，与状态7的尺寸也一致，无需改变；状态6的透明度为与状态2的透明度一致，为预设透明度，小于状态1的目标透明度参数，变化到状态7，即在操作控件的尺寸减小到第一预设尺寸时，需要将操作控件的透明度从预设透明度调整为目标透明度参数。
综上所述，本申请实施例提供技术方案，通过确定操作控件在所述电子设备的显示界面上所处的显示区域，再确定所述显示区域对应的当前背景图像的背景灰阶，然后基于背景灰阶和操作控件的透明度参数，来调整待机状态下操作控件的控件灰阶。并且通过改变不同工作模式下操作控件的尺寸、透明度，并且设置不同的变化时间，来改变操作控件的显示状态，可以引导用户正确使用操作控件，丰富操作控件的功能，提升了用户的使用体验。
请参阅图14，示出了本申请一实施例提供的电子设备的显示装置的模块框图。具体地，所述电子设备的显示界面上显示有操作控件，该装置包括：第一确定单元1410、第二确定单元1420和调整单元1430。
第一确定单元1410，用于确定所述操作控件当前在所述显示界面上所在的显示区域；第二确定单元1420，用于确定与所述显示区域对应的当前背景图像的目标背景灰阶；调整单元1430，用于基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置和模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
请参阅图15，其示出了本申请实施例提供的电子设备的结构框图，具体地，所述电子设备1500一个或多个如下部件：存储器1510、处理器1520以及一个或多个应用程序。一个或多个应用程序可以被存储在存储器1510中并被配置为由一个或多个处理器1520执行，一个或多个程序配置用于执行如前述方法实施例所描述的方法。
电子设备1500可以为移动、便携式并执行无线通信的各种类型的计算机系统设备中的任何一种。具体的，电子设备1500可以为移动电话或智能电话(例如，基于iPhone TM，基于Android TM的电话)、便携式游戏设备(例如Nintendo DS TM，PlayStation Portable TM，Gameboy Advance TM，iPhone TM)、膝上型电脑、PDA、便携式互联网设备、音乐播放器以及数据存储设备，其他手持设备以及诸如智能手表、智能手环、耳机、吊坠等，电子设备1500还可以为其他的可穿戴设备(例如，诸如电子眼镜、电子衣服、电子手镯、电子项链、电子纹身、电子设备或头戴式设备(HMD))。
电子设备1500还可以是多个电子设备中的任何一个，多个电子设备包括但不限于蜂窝电话、智能电话、智能手表、智能手环、其他无线通信设备、个人数字助理、音频播放器、其他媒体播放器、音乐记录器、录像机、照相机、其他媒体记录器、收音机、医疗设备、车辆运输仪器、计算器、可编程遥控器、寻呼机、膝上型计算机、台式计算机、打印机、上网本电脑、个人数字助理(PDA)、便携式多媒体播放器(PMP)、运动图像专家组(MPEG-1或MPEG-2)音频层3(MP3)播放器，便携式医疗设备以及数码相机及其组合。
在一些情况下，电子设备1500可以执行多种功能(例如，播放音乐，显示视频，存储图片以及接收和发送电话呼叫)。如果需要，电子设备1500可以是诸如蜂窝电话、媒体播放器、其他手持设备、腕表设备、吊坠设备、听筒设备或其他紧凑型便携式设备。
处理器1510可以包括一个或者多个处理核。处理器1510利用各种接口和线路连接整个电子设备1500内的各个部分，通过运行或执行存储在存储器1520内的指令、程序、代码集或指令集，以及调用存储在存储器1520内的数据，执行电子设备1500的各种功能和 处理数据。可选地，处理器1510可以采用数字信号处理(Digital Signal Processing，DSP)、现场可编程门阵列(Field－Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。处理器1510可集成中央处理器(Central Processing Unit，CPU)、图像处理器(Graphics Processing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到处理器1510中，单独通过一块通信芯片进行实现。
存储器1520可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。存储器1520可用于存储指令、程序、代码、代码集或指令集。存储器1520可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于实现至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)，用于确定所述操作控件当前在所述电子设备的显示界面上所处的显示区域，确定与所述显示区域对应的当前背景图像的目标背景灰阶，然后基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。存储数据区还可以存储电子设备1500在使用中所创建的数据(比如电话本、音视频数据、聊天记录数据)等。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的电子设备的处理1510、存储器1520的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
本申请实施例还提供一种存储介质，所述存储介质中存储有计算机程序，当所述计算机程序在计算机上运行时，所述计算机执行上述任一实施例所述的电子设备的显示方法。
需要说明的是，本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过计算机程序来指令相关的硬件来完成，所述计算机程序可以存储于计算机可读存储介质中，所述存储介质可以包括但不限于：只读存储器(ROM，Read On ly Memory)、随机存取存储器(RAM，Random Access Memory)、磁盘或光盘等。
请参考图16，其示出了本申请实施例的用于保存或者携带实现根据本申请实施例的电子设备的显示方法的程序代码的计算机可读介质。该计算机可读介质1600中存储有程序代码1610，所述程序代码可被处理器调用执行上述方法实施例中所描述的电子设备的显示方法。
计算机可读存储介质1600可以是诸如闪存、EEPROM(电可擦除可编程只读存储器)、EPROM、硬盘或者ROM之类的电子存储器。可选地，计算机可读存储介质1600包括非易失性计算机可读介质(non-transitory computer-readable storage medium)。计算机可读存储介质1600具有执行上述方法中的任何方法步骤的程序代码1510的存储空间。这些程序代码可以从一个或者多个计算机程序产品中读出或者写入到这一个或者多个计算机程序产品中。程序代码1610可以例如以适当形式进行压缩。
应当理解，本申请的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。
请参考图17，其示出了本申请实施例提供的一种计算机程序产品1700，包括计算机程序/指令1710，该计算机程序/指令被处理器执行时实现上述方法。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。此外，在本申请各个实施例 中的各功能单元可以集成在一个处理模块中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中。
尽管上面已经示出和描述了本申请的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本申请的限制，本领域的普通技术人员在本申请的范围内可以对上述实施例进行变化、修改、替换和变型。
本申请实施例的说明书和权利要求书中的术语“第一”和“第二”等是用于区别不同的对象，而不是用于描述对象的特定顺序。例如，第一区域和第二区域等是用于区别不同的区域，而不是用于描述区域的特定顺序。在本申请实施例的描述中，除非另有说明，“多个”的含义是指两个或两个以上。
本文中术语“和/或”，是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。本文中符号“/”表示关联对象是或者的关系，例如A/B表示A或者B。
在本申请的实施例中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
最后应说明的是：以上实施例仅用以说明本申请的技术方案，而非对其限制。尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不驱使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (24)

  1. 一种电子设备的显示方法，包括，所述电子设备的显示界面上显示有操作控件，所述方法包括：
    确定所述操作控件当前在所述显示界面上所在的显示区域；
    确定与所述显示区域对应的当前背景图像的目标背景灰阶；
    基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
  2. 根据权利要求1所述的方法，其中，基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶，包括：
    基于所述目标背景灰阶和所述操作控件的目标透明度参数，将所述操作控件的控件灰阶调整为目标控件灰阶，所述目标控件灰阶用于使目标叠加灰阶满足预设显示条件，所述目标叠加灰阶为所述操作控件与所述当前背景图像叠加后所述操作控件呈现的灰阶，所述预设显示条件为目标叠加灰阶和目标背景灰阶的差值小于预设阈值。
  3. 根据权利要求2所述的方法，其中，基于所述目标背景灰阶和所述操作控件的目标透明度参数，将所述操作控件的控件灰阶调整为目标控件灰阶，包括：
    基于预设对应关系，确定在所述操作控件的透明度参数为目标透明度参数的情况下，与所述目标背景灰阶对应的目标控件灰阶。
  4. 根据权利要求3所述的方法，其中，所述预设对应关系包括不同透明度参数下，背景灰阶与控件灰阶的对应关系，所述基于预设对应关系，确定在所述操作控件的透明度参数为目标透明度参数的情况下，与所述目标背景灰阶对应的目标控件灰阶之前，还包括：
    确定灰阶函数关系，所述灰阶函数关系用于表征透明度参数、背景灰阶、叠加灰阶以及控件灰阶之间的函数关系；
    在所述操作控件的不同透明度参数下，确定不同背景灰阶与目标叠加灰阶的第一对应关系；
    在所述每个不同的透明度参数下，根据所述灰阶函数关系与所述第一对应关系，确定所述背景灰阶与控件灰阶之间的第二对应关系，作为所述预设对应关系。
  5. 根据权利要求4所述的方法，其中，所述第一对应关系为双曲线拟合，所述双曲线拟合用于表征不同背景灰阶与目标叠加灰阶之间的函数关系。
  6. 根据权利要求1-5任一项所述的方法，其中，所述电子设备包括屏幕，所述显示界面位于所述屏幕上，所述屏幕包括预设区域，所述预设区域的下方设置有功能组件，所述操作控件的显示区域覆盖或环绕所述预设区域。
  7. 根据权利要求6所述的方法，其中，所述操作控件呈环形形状，所述操作控件的显示区域围绕所述预设区域。
  8. 根据权利要求6所述的方法，其中，所述操作控件呈圆形形状，所述操作控件的显示区域覆盖所述预设区域。
  9. 根据权利要求6所述的方法，其中，所述操作控件的显示区域的中心点位置与所述预设区域的中心点位置重合。
  10. 根据权利要求7所述的方法，其中，所述功能组件为摄像头。
  11. 根据权利要求1-5任一项所述的方法，其中，所述确定与所述显示区域对应的当前背景图像的目标背景灰阶，包括：
    获取所述显示区域对应的当前背景图像的每个像素的灰度值；
    根据每个像素的灰度值确定目标背景灰阶。
  12. 根据权利要求1所述的方法，其中，所述基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶，包括：
    在所述操作控件处于待机模式时，基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
  13. 根据权利要求12所述的方法，其中，所述在所述操作控件处于待机模式时，基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶之后，还包括：
    当检测到针对所述操作控件的触控操作时，将所述操作控件的透明度调整至预设透明度，其中，所述预设透明度小于所述目标透明度参数，此时所述操作控件的尺寸为第一预设尺寸。
  14. 根据权利要求13所述的方法，其中，所述将所述操作控件的透明度调整至预设透明度之后，还包括：
    根据所述触控操作的持续时长扩大操作控件的尺寸。
  15. 根据权利要求14所述的方法，其中，所述方法还包括：
    当检测到所述触控操作消失时，在第一预设时长内将所述操作控件的尺寸减小到第二预设尺寸，其中所述第二预设尺寸大于第一预设尺寸。
  16. 根据权利要求15所述的方法，其中，所述方法还包括：
    在第一预设时长内将所述操作控件的尺寸减小到第二预设尺寸的过程中，若再次检测到触控操作，从当前所述操作控件的尺寸开始扩大所述操作控件的尺寸。
  17. 根据权利要求15所述的方法，其特征在于，所述在第一预设时长内将操作控件的尺寸减小到第二预设尺寸之后，所述方法还包括：
    控制所述操作控件以第二预设尺寸保持第二预设时长；
    在所述第二预设时长之后，将所述操作控件的尺寸减小到第一预设尺寸。
  18. 根据权利要求17所述的方法，其中，所述方法还包括：
    在第二预设时长之后，将所述操作控件的尺寸减小到第一预设尺寸的过程中，若再次检测到触控操作，从当前所述操作控件的尺寸开始扩大所述操作控件的尺寸。
  19. 根据权利要求17所述的方法，其中，所述在所述第二预设时长之后，将所述操作控件的尺寸减小到第一预设尺寸之后，还包括：
    当所述操作控件的尺寸减小到第一预设尺寸时，将所述操作控件的透明度从预设透明度调整为目标透明度参数。
  20. 根据权利要求1所述的方法，其中，所述确定所述操作控件当前在所述显示界面上所在的显示区域，包括：
    根据所述操作控件的显示位置和尺寸确定所述操作控件当前在所述显示界面上所在的显示区域。
  21. 一种电子设备的显示装置，其中，所述电子设备的显示界面上显示有操作控件，所述装置包括：
    第一确定单元，用于确定所述操作控件当前在所述显示界面上所在的显示区域；
    第二确定单元，用于确定与所述显示区域对应的当前背景图像的目标背景灰阶；
    调整单元，用于基于所述目标背景灰阶和所述操作控件的目标透明度参数，调整所述操作控件的控件灰阶。
  22. 一种电子设备，其中，包括处理器、存储器，所述存储器存储有计算机程序，所述处理器通过调用所述计算机程序，用于执行如权利要求1至20任一项所述的电子设备的显示方法。
  23. 一种计算机可读存储介质，其中，所述存储介质中存储有至少一条指令、至少 一段程序、代码集或指令集，所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1至20任一项所述的方法。
  24. 一种计算机程序产品，其中，包括计算机程序/指令，其特征在于，该计算机程序/指令被处理器执行时实现权利要求1至20任一项所述的方法。
PCT/CN2022/093276 2021-06-02 2022-05-17 电子设备的显示方法、装置及存储介质 WO2022252978A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110614393.5 2021-06-02
CN202110614393.5A CN113407270A (zh) 2021-06-02 2021-06-02 电子设备的显示方法、装置及存储介质

Publications (1)

Publication Number Publication Date
WO2022252978A1 true WO2022252978A1 (zh) 2022-12-08

Family

ID=77675963

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/093276 WO2022252978A1 (zh) 2021-06-02 2022-05-17 电子设备的显示方法、装置及存储介质

Country Status (2)

Country Link
CN (1) CN113407270A (zh)
WO (1) WO2022252978A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113407270A (zh) * 2021-06-02 2021-09-17 Oppo广东移动通信有限公司 电子设备的显示方法、装置及存储介质
CN114168031B (zh) * 2022-02-11 2023-03-31 荣耀终端有限公司 挖孔屏的显示优化方法、设备和存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120030595A1 (en) * 2010-07-29 2012-02-02 Seiko Epson Corporation Information storage medium, terminal apparatus, and image generation method
CN105573746A (zh) * 2015-12-10 2016-05-11 广东欧珀移动通信有限公司 一种控件属性处理方法及装置
CN109508128A (zh) * 2018-11-09 2019-03-22 北京微播视界科技有限公司 搜索控件显示方法、装置、设备及计算机可读存储介质
CN110908765A (zh) * 2019-11-29 2020-03-24 五八有限公司 一种界面显示方法、装置、终端设备及存储介质
CN111870950A (zh) * 2020-08-10 2020-11-03 网易（杭州）网络有限公司 游戏控件的显示控制方法、装置和电子设备
CN113407270A (zh) * 2021-06-02 2021-09-17 Oppo广东移动通信有限公司 电子设备的显示方法、装置及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120030595A1 (en) * 2010-07-29 2012-02-02 Seiko Epson Corporation Information storage medium, terminal apparatus, and image generation method
CN105573746A (zh) * 2015-12-10 2016-05-11 广东欧珀移动通信有限公司 一种控件属性处理方法及装置
CN109508128A (zh) * 2018-11-09 2019-03-22 北京微播视界科技有限公司 搜索控件显示方法、装置、设备及计算机可读存储介质
CN110908765A (zh) * 2019-11-29 2020-03-24 五八有限公司 一种界面显示方法、装置、终端设备及存储介质
CN111870950A (zh) * 2020-08-10 2020-11-03 网易（杭州）网络有限公司 游戏控件的显示控制方法、装置和电子设备
CN113407270A (zh) * 2021-06-02 2021-09-17 Oppo广东移动通信有限公司 电子设备的显示方法、装置及存储介质

Also Published As

Publication number Publication date
CN113407270A (zh) 2021-09-17

Similar Documents

Publication Publication Date Title
US11212449B1 (en) User interfaces for media capture and management
JP7304840B2 (ja) ウォッチシアターモード
JP6775598B2 (ja) アフォーダンスを背景に表示するためのデバイス、方法、及びグラフィカルユーザインターフェース
US20200380936A1 (en) System, apparatus, and method for optimizing viewing experience on an intelligent terminal
WO2022252978A1 (zh) 电子设备的显示方法、装置及存储介质
US10565960B2 (en) User interface for a flashlight mode on an electronic device
US8284201B2 (en) Automatic zoom for a display
KR101533850B1 (ko) 전자 종이를 가진 이동 통신 단말기 및 이에 적용된 제어방법
US9502001B2 (en) Display control method and apparatus for power saving
TWI590149B (zh) 包括根據觀看條件之動態使用者介面的能量效率及能量保存之方法，設備，及系統
JP6584025B2 (ja) 画面有効化方法および装置、ならびに電子デバイス
KR20160033605A (ko) 콘텐트를 디스플레이하기 위한 장치 및 방법
JPWO2014084224A1 (ja) 電子機器および視線入力方法
TW200834397A (en) Operating touch screen interfaces
WO2022127304A1 (zh) 界面显示状态的调整方法及装置、设备、存储介质
WO2020181956A1 (zh) 应用标识的显示方法及终端设备
US20240069720A1 (en) Device, method, and graphical user interface for displaying user interfaces and user interface overlay elements
US20230368458A1 (en) Systems, Methods, and Graphical User Interfaces for Scanning and Modeling Environments
KR102005406B1 (ko) 디스플레이 장치 및 그 제어 방법
KR101608781B1 (ko) 이동 단말기
CN117453111B (zh) 一种触控响应方法及装置、电子设备和存储介质
US20210333873A1 (en) Electronic apparatus, method for controlling the same, and storage medium
US20240103681A1 (en) Devices, Methods, and Graphical User Interfaces for Interacting with Window Controls in Three-Dimensional Environments
US20240152245A1 (en) Devices, Methods, and Graphical User Interfaces for Interacting with Window Controls in Three-Dimensional Environments
WO2022059707A1 (ja) 情報処理装置、情報処理方法及び情報処理プログラム

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

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 22815025

Country of ref document: EP

Kind code of ref document: A1