Search

CN-122019026-A - Display method and electronic equipment

CN122019026ACN 122019026 ACN122019026 ACN 122019026ACN-122019026-A

Abstract

The application provides a display method and electronic equipment, and relates to the technical field of terminals. The application not only can provide transparent visual experience for users, but also can provide better light and shadow interaction experience for users. The method includes the electronic device receiving a first operation. In response to the first operation, the electronic device displays a first interface. The first interface comprises a background image and a first control located on the background image, the background image covered by the first control is a target background image, the first control comprises a glass layer, color parameters of a plurality of pixel points in the glass layer correspond to those of the plurality of pixel points in the target background image, and positions of the plurality of pixel points in the glass layer are different from positions of the corresponding pixel points in the target background image.

Inventors

  • JIANG SHUNJI
  • WANG ZONGBO
  • ZHENG JIANGZHEN

Assignees

  • 华为技术有限公司

Dates

Publication Date
20260512
Application Date
20251105

Claims (19)

  1. 1. A display method, wherein the method is applied to an electronic device, the method comprising: Receiving a first operation; The method comprises the steps of responding to a first operation, displaying a first interface, wherein the first interface comprises a background image and a first control located on the background image, the background image covered by the first control is a target background image, the first control comprises a glass image layer, color parameters of a plurality of pixel points in the glass image layer correspond to color parameters of a plurality of pixel points in the target background image, and positions of the plurality of pixel points in the glass image layer are different from positions of the corresponding pixel points in the target background image.
  2. 2. The method according to claim 1, wherein the method further comprises: Receiving a second operation for controlling the first control; And in the process of responding to the second operation to control the first control, continuously changing a plurality of pixel points in the glass layer to enable the display effect of the first control to change, wherein in the process of controlling the first control, color parameters of the plurality of pixel points in the glass layer correspond to color parameters of the plurality of pixel points in a target background image covered by the first control in real time, and positions of the plurality of pixel points in the glass layer are different from positions of the pixel points corresponding to the target background image in real time.
  3. 3. The method of claim 2, wherein the first control further comprises a first particle sublayer located above the glass layer, the method further comprising: And in the process of responding to the second operation to control the first control, the first particle sub-layer is also displayed, wherein the positions of a plurality of particles in the first particle sub-layer continuously change.
  4. 4. The method of claim 3, wherein the first control further comprises an icon layer positioned over the glass layer, The icon layer is positioned above or below the first particle layer, or The first control further includes an element layer, the icon layer and the element layer are both located above or below the first particle layer, and the display of the element layer changes based on the second operation.
  5. 5. The method according to any one of claims 1-4, further comprising: Receiving a third operation for deleting the first control; And in the process of deleting the first control in response to the third operation, the position of the pixel point of the first control continuously changes.
  6. 6. The method of any of claims 1-5, wherein positions of a corresponding plurality of pixels in the glass layer are offset in a preset direction compared to pixels in the target background image, the offset of at least two pixels being different.
  7. 7. The method of claim 6, wherein the predetermined direction comprises a predefined direction and/or a direction of a line connecting the pixel point and the geometric center point.
  8. 8. The method according to any one of claims 1-7, wherein: compared with the pixel points in the target background image, the position offset of the corresponding pixel points in the glass layer is determined by a first disturbance noise wave image; the first disturbance noise wave image comprises a plurality of pixel points, and the pixel points in the first disturbance noise wave image correspond to the pixel points in the glass image layer; And the position offset of the plurality of pixel points in the glass layer is determined by the parameters of the corresponding plurality of pixel points in the first disturbance noise wave image.
  9. 9. The method of claim 8, wherein the parameters of the corresponding plurality of pixels in the first perturbation noise map comprise gray values; the larger the gray value of the pixel point in the first disturbance noise wave image is, the smaller the position offset of the corresponding pixel point in the glass image layer is; the smaller the gray value of the pixel point in the first disturbance noise wave image is, the larger the position offset of the corresponding pixel point in the glass image layer is; Or the larger the gray value of the pixel point in the first disturbance noise wave image is, the larger the position offset of the corresponding pixel point in the glass image layer is, and the smaller the gray value of the pixel point in the first disturbance noise wave image is, the smaller the position offset of the corresponding pixel point in the glass image layer is.
  10. 10. The method according to claim 2, characterized in that: Compared with the pixel points in the target background image, the position offset of the corresponding pixel points in the glass layer is determined by a first disturbance noise image and a collision force black-and-white image, wherein the color parameters of the pixel points in the collision force black-and-white image are related to the movement track and/or the movement force of the second operation on the first control; The pixel points in the first disturbance noise wave image and the pixel points in the collision force black-and-white image correspond to the pixel points in the glass image layer; The position offset of the plurality of pixel points in the glass layer is determined by the parameters of the corresponding plurality of pixel points in the first disturbance noise wave image and the parameters of the corresponding plurality of pixel points in the collision force black-and-white image.
  11. 11. The method of claim 10, wherein the first control further comprises a first particle sublayer located above the glass layer, the method further comprising: The positions of the plurality of particles in the first particle sublayer are determined by the collision force black-and-white plot.
  12. 12. The method according to claim 5, wherein: The position offset of a plurality of pixel points of the first control is determined by a second disturbance noise wave diagram; the second disturbance noise wave image comprises a plurality of pixel points, and the plurality of pixel points in the second disturbance noise wave image correspond to the plurality of pixel points in the first control; and the position offset of the plurality of pixel points in the first control is determined by the parameters of the corresponding plurality of pixel points in the second disturbance noise map.
  13. 13. The method of claim 12, wherein the parameters of the corresponding plurality of pixels in the second perturbation noise map comprise gray values; the larger the gray value of the pixel point in the second disturbance noise graph is, the smaller the position offset of the corresponding pixel point in the first control is; the smaller the gray value of the pixel point in the second disturbance noise wave image is, the larger the position offset of the corresponding pixel point in the first control is; Or the larger the gray value of the pixel point in the second disturbance noise wave diagram is, the larger the position offset of the corresponding pixel point in the first control is, and the smaller the gray value of the pixel point in the second disturbance noise wave diagram is, the smaller the position offset of the corresponding pixel point in the first control is.
  14. 14. The method according to claim 12 or 13, characterized in that: and the fuzzy values of the plurality of pixel points in the first control are determined by the parameters of the corresponding plurality of pixel points in the second disturbance noise wave diagram.
  15. 15. The method of any of claims 12-14, wherein the first control further comprises a second particle sub-layer at an uppermost layer, the method further comprising: and responding to the third operation, displaying the second particle image layer, wherein the fuzzy values of a plurality of pixel points in the second particle image layer are determined by the second disturbance noise wave image.
  16. 16. The method of claim 2, wherein the step of determining the position of the substrate comprises, The first control is a folder control, and the second operation is used for adjusting the size of the folder control or moving the display position of the folder control, or The first control is a notification message control, and the second operation is used for moving the notification message control, or The first control is a volume adjustment control or a brightness adjustment control, and the second operation is an operation of adjusting the volume or the brightness of the electronic equipment through the volume adjustment control or the brightness adjustment control, or The first control is a folder control, and the second operation is used for adding an icon control into the folder control, or The first control is a dial control, and the second operation is clicking operation on a digital control in the dial control.
  17. 17. An electronic device comprising a processor, a memory, and a display screen, the memory coupled to the processor, the memory for storing computer program code, the computer program code comprising computer instructions that, when read from the memory by the processor, cause the electronic device to perform the method of any of claims 1-16.
  18. 18. A computer readable storage medium, characterized in that the computer readable storage medium comprises a computer program which, when run on an electronic device, causes the electronic device to perform the method of any one of claims 1-16.
  19. 19. A computer program product, characterized in that the computer program product, when run on a computer, causes the computer to perform the method according to any of claims 1-16.

Description

Display method and electronic equipment Technical Field The present application relates to the field of terminal technologies, and in particular, to a display method and an electronic device. Background With the development of terminal technology, the functions of electronic devices are becoming more and more abundant. However, the interface display effect of the electronic device is relatively single, so that better visual attractiveness and interactive immersion feeling are difficult to provide for the user, and the use experience of the user is also affected. In this regard, designs such as ground glass are widely used. Through the effect of ground glass, more transparent visual experience can be presented for the user. The interaction dimension is still relatively single and it is difficult to provide an immersive experience. Disclosure of Invention In order to solve the technical problems, the application provides a display method and electronic equipment. The technical scheme provided by the application not only can provide transparent visual experience for the user, but also can provide better light and shadow interaction experience for the user. In a first aspect, a display method is provided, the method being applied to an electronic device, the method comprising receiving a first operation. The method comprises the steps of responding to a first operation, displaying a first interface, wherein the first interface comprises a background image and a first control located on the background image, the background image covered by the first control is a target background image, the first control comprises a glass layer, color parameters of a plurality of pixel points in the glass layer correspond to color parameters of a plurality of pixel points in the target background image, and positions of the plurality of pixel points in the glass layer are different from positions of the corresponding pixel points in the target background image. In this way, the electronic device simulates the refraction effect of the first control through the dislocation relation between the pixel points in the glass layer and the corresponding pixel points in the target background image and the fact that the glass layer is visually positioned on the upper layer of the background image (such as wallpaper), so that better visual experience and immersive experience are presented for the user. According to a first aspect, the method further comprises receiving a second operation for controlling the first control. And in the process of responding to the second operation to control the first control, continuously changing a plurality of pixel points in the glass layer to enable the display effect of the first control to change, wherein in the process of controlling the first control, the color parameters of the plurality of pixel points in the glass layer correspond to the color parameters of the plurality of pixel points in the target background image covered by the first control in real time, and the positions of the plurality of pixel points in the glass layer are different from the positions of the pixel points corresponding to the target background image in real time. In this way, in response to the trigger of the second operation of the user interaction, the plurality of pixel points in the glass layer continuously change, the first control is triggered to start to change from the solid state form to the liquid state form, and the interaction experience of the user is improved. According to the first aspect or any implementation manner of the first aspect, the first control further includes a first particle sub-layer located above the glass layer, and the method further includes displaying the first particle sub-layer in a process of controlling the first control in response to the second operation, wherein positions of a plurality of particles in the first particle sub-layer continuously change. Therefore, the dynamic effect of particle change on the surface of the first control can be achieved through the first particle sub-layer, and the visual experience of a user is improved. According to the first aspect, or any implementation manner of the first aspect, the first control further comprises an icon layer located above the glass layer, the icon layer being located above or below the first particle layer, or the first control further comprises an element layer, the icon layer and the element layer are located above or below the first particle layer, and the display of the element layer is changed based on the second operation. Thus, through the display of the element layer, the display of the first control is enriched, and the interactive experience of the user is increased. According to the first aspect, or any implementation manner of the first aspect, the method further includes receiving a third operation for deleting the first control. The position of the pixel point of the first control continuously changes in the proc