Data processing method and device

Abstract

The invention provides a data processing method and device. In the application, in a scene in which a waterfall flow is displayed on a screen of an electronic device, a card currently viewed by a user in the waterfall flow is determined, a current area in which the card currently viewed by the user in the waterfall flow is located on the screen is acquired, and a suspended layer is drawn on an area except the current area on the screen. The suspension layer is used for shielding areas except the current area on the screen. According to the application, the area outside the current area is shielded by using the suspension layer, so that the user is not easy to see the content on the area outside the current area, and the sight of the user can be guided to focus on the card currently viewed by the user in the waterfall flow; therefore, the sight of the user can be more easily focused on the specific content on one card on the waterfall flow, so that the user can more easily and accurately check the content which the user wants to check in the waterfall flow.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a data processing method and device. Background Art

[0002] Currently, most of the applications available on mobile devices have a senior mode option to make it easier for seniors to use the applications.

[0003] After the elderly mode option of the application is selected, the pictures and texts on the application interface will be enlarged to a certain extent to make it easier for the elderly to view.

[0004] However, the inventors have found that for elderly people with certain visual impairments (such as those with severe presbyopia, severe astigmatism, etc.), if the application interface has rich content and / or too many colors (for example, a waterfall is displayed on the interface, there are many cards in the waterfall, the cards are small in size, and the content on the cards is very rich, for example, the colors of the content on the cards are very rich, etc.), it is difficult for the elderly to focus on the specific content on a card, which makes it difficult for the elderly to accurately view the content they want to view in the waterfall. Summary of the Invention

[0005] This application illustrates a data processing method and device of the present application.

[0006] In a first aspect, the present application provides a data processing method of the present application, which is applied to an electronic device. The method includes:

[0007] In a scenario where a waterfall is displayed on a screen of an electronic device, determining a card that a user is currently viewing in the waterfall;

[0008] Get the current area where the card is located on the screen;

[0009] A floating layer is drawn on an area on the screen except the current area, and the floating layer is used to cover the area on the screen except the current area.

[0010] In a second aspect, the present application provides a data processing device, which is applied to an electronic device. The device includes:

[0011] A determination module, configured to determine, in a scenario where a waterfall is displayed on a screen of an electronic device, a card that a user is currently viewing in the waterfall;

[0012] An acquisition module, configured to acquire a current area where the card is located on the screen;

[0013] The drawing module is used to draw a floating layer on an area other than the current area on the screen, and the floating layer is used to cover the area other than the current area on the screen.

[0014] In a third aspect, the present application shows an electronic device of the present application, which includes: a processor; a memory for storing processor-executable instructions; wherein the processor is configured to execute the method described in any one of the above aspects.

[0015] In a fourth aspect, the present application illustrates a non-temporary computer-readable storage medium of the present application. When the instructions in the storage medium are executed by a processor of an electronic device, the electronic device is enabled to execute the method described in any of the above aspects.

[0016] In a fifth aspect, the present application illustrates a computer program product of the present application. When the instructions in the computer program product are executed by a processor of an electronic device, the electronic device is enabled to execute the method described in any one of the above aspects.

[0017] The technical solution provided by this application may have the following beneficial effects:

[0018] In the present application, in a scenario where a waterfall flow is displayed on the screen of an electronic device, the card that the user is currently viewing in the waterfall flow is determined, the current area on the screen where the card that the user is currently viewing in the waterfall flow is located is obtained, and a floating layer is drawn on the area on the screen other than the current area. The floating layer is used to block the area on the screen other than the current area.

[0019] Through this application, the area outside the current area where the card currently being viewed by the user in the waterfall flow is located is blocked by a floating layer, so that the user is not easy to see or will not see the content in the area outside the current area where the card currently being viewed by the user in the waterfall flow is located, while the current area where the card currently being viewed by the user in the waterfall flow is located is not blocked, so that the user can see the card currently being viewed by the user in the waterfall flow.

[0020] It can be seen that through this application, the user's vision can be guided to focus on the card that the user is currently viewing in the waterfall flow, making it easier for the user's vision to focus on the specific content on a card in the waterfall flow. This makes it easier for the user to accurately view the content he wants to view in the waterfall flow, helping the user to achieve better browsing effects in the waterfall flow.

[0021] Especially for the elderly with certain visual impairments (such as those with severe presbyopia, severe astigmatism, etc.), it can help them to more easily and accurately view the content they want to view in the waterfall flow, and assist them to achieve better browsing effects in the waterfall flow. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] Figure 1 It is a flowchart of the steps of a data processing method of the present application.

[0023] Figure 2 This is a schematic diagram of an interface of an electronic device of the present application.

[0024] Figure 3 This is a schematic diagram of an interface of an electronic device of the present application.

[0025] Figure 4 This is a schematic diagram of an interface of an electronic device of the present application.

[0026] Figure 5 This is a schematic diagram of an interface of an electronic device of the present application.

[0027] Figure 6 It is a flowchart of the steps of a data processing method of the present application.

[0028] Figure 7 This is a schematic diagram of an interface of an electronic device of the present application.

[0029] Figure 8 This is a schematic diagram of an interface of an electronic device of the present application.

[0030] Figure 9 This is a schematic diagram of an interface of an electronic device of the present application.

[0031] Figure 10 This is a schematic diagram of an interface of an electronic device of the present application.

[0032] Figure 11 This is a schematic diagram of an interface of an electronic device of the present application.

[0033] Figure 12 This is a structural block diagram of a data processing device of the present application.

[0034] Figure 13 This is a block diagram of an electronic device of the present application.

[0035] Figure 14 This is a block diagram of an electronic device of the present application. DETAILED DESCRIPTION

[0036] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0037] Currently, many applications have various channel pages such as recommendations, TV series, movies, and variety shows. Each channel page has its own waterfall flow. For example, there is a waterfall flow with two cards in a row, and there is a waterfall flow with three cards in a row. Since the screen size of the device where the application is located is small, in order to be able to display a certain number of cards on the application interface at a time, the card size on the application interface needs to be designed to be very small, which results in the size of the card cover image and the size of the text on the card being very small. In this way, for the elderly, who are more visually impaired, it is difficult for the elderly to focus on the specific content on a card, which makes it difficult for the elderly to accurately view the content they want to view in the waterfall flow.

[0038] To this end, the solution of this application is proposed.

[0039] Reference Figure 1 , shows a flow chart of the steps of a data processing method of the present application, which can be applied to Figure 1 The electronic devices shown in the figure may include: mobile phones, tablet computers, laptop computers, desktop computers and other devices that have the function of displaying waterfall flow.

[0040] The method may specifically include the following steps:

[0041] In step S101, in a scene where a waterfall is displayed on a screen of an electronic device, a card currently being viewed by a user in the waterfall is determined.

[0042] An interface of an application is displayed on the screen of the electronic device. The interface of the application may cover the entire area of ​​the screen of the electronic device, or the interface of the application may only occupy a part of the area of ​​the screen of the electronic device.

[0043] A waterfall flow can be displayed on the interface of the application. There are multiple cards in the waterfall flow. The user can input an upward or downward sliding operation in the waterfall flow to control the electronic device to scroll / switch to display other cards in the waterfall flow on the interface of the application so that the user can view other cards.

[0044] The card can include a cover thumbnail, title text, description text, and punctuation marks. The card is displayed in a waterfall layout on the interface of the application. The waterfall layout is a staggered and beautiful layout. The waterfall layout is not only efficient and attractive for displaying pictures, but also for displaying text.

[0045] The size of the screen of the electronic device is limited. Therefore, the size of the interface of the application displayed on the screen of the electronic device is limited. Each time, some cards in the waterfall flow on the interface of the application can be multiple cards, for example, 4 cards, 6 cards or 8 cards, etc.

[0046] A user may be interested in the content on a certain card in the waterfall flow and view the content on the certain card in the waterfall flow.

[0047] In order to facilitate the user to accurately view the content on a certain card, in a scenario where a waterfall flow is displayed on the screen of an electronic device, it is necessary to determine the card that the user is currently viewing in the waterfall flow.

[0048] In one embodiment, the card clicked by the user in the waterfall flow can be determined as the card currently being viewed by the user in the waterfall flow.

[0049] Among them, if the user uses a finger or other operating body (such as a stylus, etc.) to input a click operation on a certain card, then the certain card can be regarded as the card clicked by the user in the waterfall flow, and then the card clicked by the user in the waterfall flow can be determined as the card that the user is currently viewing in the waterfall flow.

[0050] Alternatively, in another embodiment, the card touched by the user in the waterfall is determined to be the card currently being viewed by the user in the waterfall.

[0051] Among them, if the user uses a finger or other operating body to input a touch operation on a certain card, then the certain card can be regarded as the card touched by the user in the waterfall flow, and then the card touched by the user in the waterfall flow can be determined as the card that the user is currently viewing in the waterfall flow.

[0052] The click operation in the aforementioned embodiment can be understood as: the user uses a finger or other operating body to touch the area where the card is located on the screen and then the finger or other operating body leaves the screen, thereby completing a click.

[0053] The touch control in this embodiment can be understood as: the user uses a finger or other operating body to touch the area where the card is located on the screen, and the finger or other operating body does not leave the screen within a period of time, thereby completing a touch.

[0054] Alternatively, in another embodiment, the card to which the user's visual direction in the waterfall is pointing is determined as the card currently being viewed by the user in the waterfall.

[0055] Among them, when the electronic device has a front camera, the front camera can be used to collect the user's eye data, and the user's visual direction can be determined based on the user's eye data, and then the area on the screen to which the user's visual direction points can be determined, and the card in the area can be determined as the card that the user is currently viewing in the waterfall flow.

[0056] See also Figure 2 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 2 In the mobile phone screen, the interface of the application is displayed (the interface of the application can cover the entire area of ​​the screen of the electronic device). From top to bottom, the interface of the application is a search box, channel options and waterfall flow. The channel options include "Hotspot" option, "Home" option, "TV Series" option and "All" option.

[0057] exist Figure 2 In the example, the "TV Series" option is selected by the user, so the waterfall flow displays the waterfall flow corresponding to the "TV Series" option.

[0058] For example, Figure 2 There are currently 6 cards in the waterfall flow displayed on the interface of the application, namely the card corresponding to TV series 1, the card corresponding to TV series 2, the card corresponding to TV series 3, the card corresponding to TV series 4, the card corresponding to TV series 5 and the card corresponding to TV series 6.

[0059] The user can input an upward or downward sliding operation in the waterfall flow to control the electronic device to scroll / switch to display other cards in the waterfall flow on the application interface so that the user can view other cards.

[0060] Among them, the card corresponding to TV series 1 includes: the text "TV series 1" and a rectangular box above the text "TV series 1". The rectangular box above the text "TV series 1" is used to display pictures related to "TV series 1" (such as promotional pictures or cover thumbnails, etc.).

[0061] The same is true for the cards corresponding to TV series 2, TV series 3, TV series 4, TV series 5, and TV series 6, which will not be described in detail one by one.

[0062] It should be noted that the card corresponding to TV Series 4 includes: the text "TV Series 4" and a rectangular frame above the text "TV Series 4". The rectangular frame above the text "TV Series 4" is used to display pictures related to "TV Series 4" (for example, a female portrait to promote TV Series 4).

[0063] exist Figure 2In the illustrated embodiment, the card that the user is currently viewing in the waterfall flow is the card corresponding to TV series 4.

[0064] In step S102, the current area on the screen where the card currently being viewed by the user in the waterfall is located is obtained.

[0065] The current area where the card is located on the screen may include: the position of the card on the screen, the size of the card, etc.

[0066] The card size may include: card height and width, etc.

[0067] The position of the card on the screen includes at least the position of one vertex of the card (rectangular card) on the screen, etc. For example, the position of the card on the screen includes the positions of the four vertices of the card (rectangular card) on the screen, etc.

[0068] In one embodiment, the screen object window of the electronic device can be obtained through the component "[[UIApplication sharedApplication] keyWindow]" provided by the operating system of the electronic device. The specific computer program statement can be: UIWindow*window = [[UIApplication sharedApplication] keyWindow]. Then, the position of the card currently being viewed by the user in the waterfall flow and the size of the card currently being viewed by the user in the waterfall flow can be obtained through the screen object. According to the position of the card currently being viewed by the user in the waterfall flow and the size of the card currently being viewed by the user in the waterfall flow, the current area on the screen where the card currently being viewed by the user in the waterfall flow is located can be obtained.

[0069] In step S103 , a floating layer is drawn on an area on the screen except the current area, and the floating layer is used to cover the area on the screen except the current area.

[0070] In one embodiment of the present application, a CAGradientLayer control may be used to draw a floating layer on an area other than the current area on the screen.

[0071] Among them, the area on the screen except the current area can be divided into multiple rectangular sub-areas (the size of each rectangular sub-area can be different), and the electronic device can obtain the coordinates of one of the four vertices of each rectangular sub-area, as well as the width and height of each rectangular sub-area.

[0072] In this way, for any one of the multiple rectangular sub-areas, the coordinates of one of the four vertices of the rectangular sub-area and the width and height of the rectangle of the rectangular sub-area can be input into the CAGradientLayer control, so that the CAGradientLayer control draws a floating layer for covering the rectangular sub-area according to the coordinates of one of the four vertices of the rectangular sub-area and the width and height of the rectangular sub-area. The same is true for each of the other rectangular sub-areas in the multiple rectangular sub-areas, thereby realizing the drawing of a floating layer for covering each rectangular sub-area respectively, so as to realize the drawing of a floating layer on an area other than the current area on the screen.

[0073] Alternatively, in another embodiment of the present application, a CAShapeLayer control may be used to draw a floating layer on an area other than the current area on the screen.

[0074] The CAShapeLayer control supports drawing hollowed-out floating layers. Hollowed-out floating layers can be understood as follows: a certain area inside the floating layer is a hollowed-out area (there is no floating layer in the hollowed-out area).

[0075] In this application, the screen is a rectangle, and the electronic device can obtain the coordinates of one of the four vertices of the rectangular screen, as well as the width and height of the rectangular screen.

[0076] The current area is the area where the card the user is currently viewing is located. The card is a rectangle, so the current area is also a rectangle. The coordinates of one of the four vertices of the current area of ​​the rectangle can be obtained, and the width and height of the current area of ​​the rectangle can be obtained.

[0077] The coordinates of one of the four vertices of the rectangular screen and the width and height of the rectangular screen are used to make the CAShapeLayer control obtain the shape of the floating layer.

[0078] The coordinates of one of the four vertices of the current area of ​​the rectangle and the width and height of the current area of ​​the rectangle are used to enable the CAShapeLayer control to obtain the shape of the hollow area in the floating layer.

[0079] In this way, the coordinates of one of the four vertices of the rectangular screen and the width and height of the rectangular screen can be input into the CAShapeLayer control, and the coordinates of one of the four vertices of the current area of ​​the rectangle and the width and height of the current area of ​​the rectangle can be input into the CAShapeLayer control, so that CAShapeLayer can generate a floating layer with a hollow area according to the coordinates of one of the four vertices of the rectangular screen, the width and height of the rectangular screen, the coordinates of one of the four vertices of the current area of ​​the rectangle and the width and height of the current area of ​​the rectangle. The hollow area is the same as the current area, so as to realize drawing of the floating layer on the area other than the current area on the screen.

[0080] In the present application, in a scenario where a waterfall flow is displayed on the screen of an electronic device, the card that the user is currently viewing in the waterfall flow is determined, the current area on the screen where the card that the user is currently viewing in the waterfall flow is located is obtained, and a floating layer is drawn on the area on the screen other than the current area. The floating layer is used to block the area on the screen other than the current area.

[0081] Through this application, the area outside the current area where the card currently being viewed by the user in the waterfall flow is located is blocked by a floating layer, so that the user is not easy to see or will not see the content in the area outside the current area where the card currently being viewed by the user in the waterfall flow is located, while the current area where the card currently being viewed by the user in the waterfall flow is located is not blocked, so that the user can see the card currently being viewed by the user in the waterfall flow.

[0082] It can be seen that through this application, the user's vision can be guided to focus on the card that the user is currently viewing in the waterfall flow, making it easier for the user's vision to focus on the specific content on a card in the waterfall flow. This makes it easier for the user to accurately view the content he wants to view in the waterfall flow, helping the user to achieve better browsing effects in the waterfall flow.

[0083] Especially for the elderly with certain visual impairments (such as those with severe presbyopia, severe astigmatism, etc.), it can help them to more easily and accurately view the content they want to view in the waterfall flow, and assist them to achieve better browsing effects in the waterfall flow.

[0084] In one embodiment, based on Figure 2 The embodiment shown, see Figure 3 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 3 In the , the floating layer is displayed on the screen, for example, the floating layer is displayed on the interface of the application ( Figure 3In an embodiment, the interface of the application can cover the entire area on the screen of the electronic device), and the floating layer blocks the area on the screen except the card corresponding to TV series 4, so that the user cannot easily see the content in the area except the card corresponding to TV series 4, thereby guiding the user's sight to focus on the card corresponding to TV series 4, making it easier for the user to focus on the specific content on the card corresponding to TV series 4 in the waterfall flow, and making it easier for the user to accurately view the content on the card corresponding to TV series 4 in the waterfall flow.

[0085] in, Figure 3 The floating layer shown has a certain degree of transparency, and the user can vaguely see the content in the area blocked by the floating layer.

[0086] Figure 3 There can be 4 floating layers, namely floating layer 1, floating layer 2, floating layer 3 and floating layer 4. For an explanation of the number of floating layers, see Figure 4 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 4 , floating layer 1 is located on the left side of the card corresponding to TV series 4, floating layer 2 is located on the upper side of the card corresponding to TV series 4, floating layer 3 is located on the lower side of the card corresponding to TV series 4, and floating layer 4 is located on the right side of the card corresponding to TV series 4.

[0087] The four floating layers together achieve the purpose of covering the area on the screen except for the card corresponding to TV series 4, thus achieving Figure 3 The effect of the interface shown.

[0088] In another embodiment, based on Figure 2 The embodiment shown, see Figure 5 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 5 In the , the floating layer is displayed on the screen, for example, the floating layer is displayed on the interface of the application ( Figure 4 In an embodiment, the interface of the application program may cover the entire area of ​​the screen of the electronic device, and the floating layer may block the area on the screen except for the card corresponding to TV series 4, so that the user does not see the content in the area except for the card corresponding to TV series 4, and can focus on viewing the content on the card corresponding to TV series 4. This can guide the user's gaze to focus on the card corresponding to TV series 4, making it easier for the user to focus on the specific content on the card corresponding to TV series 4 in the waterfall flow, and making it easier for the user to accurately view the content on the card corresponding to TV series 4 in the waterfall flow.

[0089] Figure 5The floating layer shown is opaque, and the user cannot see the content in the area blocked by the floating layer, so that the user can focus more on viewing the content on the card corresponding to TV series 4.

[0090] In one embodiment of the present application, see Figure 6 , step S103 includes:

[0091] In step S201, the color information of the image on the card currently being viewed by the user in the waterfall flow is obtained.

[0092] In one embodiment, the color information of one of the pixels (for example, any pixel, etc.) in the image on the card that the user is currently viewing in the waterfall flow can be obtained. The color information of the pixel includes the color information on the red channel of the pixel, the color information on the blue channel of the pixel, the color information on the green channel of the pixel, and the transparency information on the alpha channel of the pixel.

[0093] Alternatively, in another embodiment, the color information of multiple pixels in the image on the card that the user is currently viewing in the waterfall flow can be obtained, for example, the color information of all pixels in the image on the card can be obtained.

[0094] In step S202 , a floating layer corresponding to the color information is drawn on an area on the screen except the current area.

[0095] In one embodiment, if the color information obtained in step S201 is the color information of one of the pixels in the picture on the card that the user is currently viewing in the waterfall flow, a floating layer can be drawn with the color information of one of the pixels. For example, the color information of each pixel in the drawn floating layer can be the color information of one of the pixels.

[0096] Alternatively, in another embodiment, if the color information obtained in step S201 is the color information of multiple pixel points in the picture on the card that the user is currently viewing in the waterfall flow, then when drawing the floating layer corresponding to the color information on an area other than the current area on the screen, the average color information between the color information of multiple pixel points in the picture on the card that the user is currently viewing in the waterfall flow can be calculated.

[0097] For example, calculate the average value of the color information on the red channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow, calculate the average value of the color information on the green channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow, calculate the average value of the color information on the blue channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow, and calculate the average value of the transparency information on the alpha channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow. The four average values ​​obtained can be combined into the mean color information.

[0098] Then, a floating layer corresponding to the mean color information can be drawn on an area other than the current area on the screen. The color information of each pixel in the drawn floating layer can be the mean color information. The floating layer can be drawn using a CAGradientLayer control. For example, by inputting a color parameter (the color parameter in this case can be the mean color information) into the CAGradientLayer control, the CAGradientLayer control can generate a floating layer in which the color information of each pixel is the mean color information.

[0099] exist Figure 6 In the illustrated embodiment, the color information of each pixel in the floating layer may be the same.

[0100] exist Figure 6 In the illustrated embodiment, the color information of each pixel in the floating layer may be obtained based on the color information of the image on the card currently being viewed by the user in the waterfall flow.

[0101] In another embodiment of the present application, when drawing a floating layer on an area other than the current area on the screen in step S103, a floating layer with color information gradually changing in a direction from far to near relative to the card (the card currently being viewed by the user in the waterfall flow) can be drawn on an area other than the current area on the screen.

[0102] The floating layer with color information gradient may include: the floating layer with transparency information gradient on the alpha channel, etc.

[0103] Different pixels in the floating layer have different distances from the card the user is currently viewing in the waterfall flow. The color information of the pixels on the floating layer changes gradually from far to near in the direction of the distance from the card the user is currently viewing in the waterfall flow.

[0104] For example, the specific drawing method can refer to the following process, including:

[0105] 11) Obtaining first color information of an image on a card currently being viewed by the user in the waterfall. The first color information includes color information of a red channel, color information of a blue channel, color information of a green channel, and first transparency information of an alpha channel of the image on the card currently being viewed by the user in the waterfall.

[0106] In one embodiment, color information of one pixel (e.g., any pixel) in an image on a card currently being viewed by a user in a waterfall flow can be obtained and used as first color information of the image on the card currently being viewed by the user in the waterfall flow. The first color information includes color information on a red channel of the one pixel, color information on a blue channel of the one pixel, color information on a green channel of the one pixel, and first transparency information on an alpha channel of the one pixel.

[0107] Alternatively, in another embodiment, the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow can be obtained, for example, the color information of all pixels in the picture on the card that the user is currently viewing in the waterfall flow can be obtained.

[0108] Then, the average color information between the color information of multiple pixels in the image on the card currently being viewed by the user in the waterfall flow can be calculated.

[0109] For example, calculate the average value of the color information on the red channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow, calculate the average value of the color information on the green channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow, calculate the average value of the color information on the blue channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow, calculate the average value of the transparency information on the alpha channel in the color information of multiple pixels in the picture on the card that the user is currently viewing in the waterfall flow (and use it as the first transparency information), and the obtained four average values ​​can be combined into the mean color information.

[0110] The mean color information can be regarded as the first color information of the image on the card.

[0111] 12) Calculate the product of the first transparency information and a specific value to obtain second transparency information. The specific value is greater than 0 and less than 1.

[0112] In terms of value, the second transparency information is smaller than the first transparency information. Therefore, perceptually, the second transparency information is more transparent than the first transparency information.

[0113] The specific value is a value greater than 0 and less than 1, which can be set by technicians according to actual conditions. For example, it can include 0.5, 0.55, 0.5 or 0.65, etc. This application does not limit this.

[0114] 13) Obtain second color information based on the color information on the red channel of the picture on the card currently being viewed by the user in the waterfall flow, the color information on the blue channel of the picture on the card currently being viewed by the user in the waterfall flow, the color information on the green channel of the picture on the card currently being viewed by the user in the waterfall flow, and the second transparency information.

[0115] For example, the color information on the red channel of the picture on the card that the user is currently viewing in the waterfall flow, the color information on the blue channel of the picture on the card that the user is currently viewing in the waterfall flow, the color information on the green channel of the picture on the card that the user is currently viewing in the waterfall flow, and the second transparency information are combined to obtain the second color information.

[0116] 14) Draw a floating layer on an area of ​​the screen other than the current area, with the color information gradually changing from the first color information to the second color information, as the distance from the card currently being viewed by the user in the waterfall flow increases. Alternatively, draw a floating layer on an area of ​​the screen other than the current area, with the color information gradually changing from the second color information to the first color information, as the distance from the card currently being viewed by the user increases.

[0117] In this application, a floating layer with a color gradient can be drawn using a CAGradientLayer control.

[0118] For example, the starting color information and the target color information are obtained, and the color of the floating layer gradually changes from the starting color information to the target color information. The starting color information and the target color information are both set by the technician in advance according to actual needs. In this way, the starting color information and the target color information set by the technician in advance according to actual needs can be obtained.

[0119] Gets the starting and ending points of the gradient. The gradient direction is from the starting point to the ending point. The starting point of the gradient is the position farthest from the current area in the floating layer, and the starting point of the gradient is the position closest to the current area in the floating layer.

[0120] The starting color information, the target color information, the position of the starting point of the gradient, and the position of the ending point of the gradient can all be input into the CAGradientLayer control, so that the CAGradientLayer control draws a floating layer of the color information gradient according to the starting color information, the target color information, the position of the starting point of the gradient, and the position of the ending point of the gradient.

[0121] For example, in one embodiment, based on Figure 2 The embodiment shown, see Figure 7 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 7 In the floating layer, the color information gradually changes from the first color information to the second color information in the direction from far to near from the card currently being viewed by the user in the waterfall flow, for example, gradually becomes transparent.

[0122] Figure 7 The floating layer shown has a certain degree of transparency, and the user can vaguely see the content in the area blocked by the floating layer. The transparency gradually changes from far to near as the distance from the card currently being viewed by the user in the waterfall flow increases.

[0123] In this embodiment, by gradually changing the color information (such as the gradual change of the transparency information on the alpha channel in the color information), the brightness of the card changes gradually from far to near in terms of perception. For example, Figure 7 The brightness gradually brightens, which helps guide users to view the card they are currently viewing in the waterfall flow.

[0124] In another embodiment, based on Figure 2 The embodiment shown, see Figure 8 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 8 In the floating layer, the color information gradually changes from the first color information to the second color information as the distance from the card increases from far to near. Figure 8 The floating layer shown has no transparency, and the user will not see the content in the area blocked by the floating layer, so that the user can focus more on viewing the content on the card corresponding to TV series 4.

[0125] The floating layer is displayed on the screen, covering the area except the card corresponding to TV series 4, so that the user will not see the content in the area except the card corresponding to TV series 4, but can focus on viewing the content on the card corresponding to TV series 4.

[0126] Thus, in this embodiment, the gradual change of color information from the first color information to the second color information in the direction from far to near to the card currently being viewed by the user in the waterfall flow can be understood as follows: although the floating layer is opaque, the gradual change of color information (such as the gradual change of transparency information on the alpha channel in the color information) makes it appear that the brightness gradually changes in the direction from far to near to the card. For example, Figure 8 The brightness gradually brightens, which helps guide users to view the card they are currently viewing in the waterfall flow.

[0127] Through this embodiment, color information (such as transparency information on the alpha channel in the color information) is rendered from shallow to deep or from deep to shallow in the direction of the distance from the card currently being viewed by the user in the waterfall flow from far to near. Through the gradual change of color information (such as transparency information on the alpha channel in the color information), a gradual change of sensory brightness is reflected, and a depth of field effect is rendered. Through the gradual change of color information (such as transparency information on the alpha channel in the color information), the user's eyes are guided to focus, for example, focusing on the card currently being viewed by the user in the waterfall flow.

[0128] In addition, “a floating layer drawn in a direction from far to near with respect to the card, with color information gradually changing from the second color information to the first color information” is no longer illustrated.

[0129] In the present application, the size of the screen of the electronic device is limited, and therefore, the size of the interface of the application displayed on the screen of the electronic device is limited. Sometimes, multiple cards in the waterfall flow are displayed on the interface of the application each time, for example, 4 cards, 6 cards or 8 cards, etc. This results in the size of each card being relatively small, and a card may have a lot of content. For example, the card includes pictures and text, and the text involves many characters. This results in the content on a card being small and crowded, which is inconvenient for users to view the content on the card.

[0130] Therefore, in order to make it easier for users to view the content on the cards in the waterfall flow, in another embodiment of the present application, a control control can be created on the current area on the screen where the card that the user is currently viewing in the waterfall flow is located.

[0131] In one embodiment, a UIScrollView component may be used to create a manipulation control on the current area on the screen where the card currently being viewed by the user in the waterfall flow is located.

[0132] For example, control widgets and floating layers can be located at the same display level.

[0133] Alternatively, the control can be placed on top of the floating layer so that the floating layer does not obscure the control.

[0134] Alternatively, the control can be located below the floating layer so that the control does not obscure the floating layer.

[0135] Afterwards, the picture presented on the card that the user is currently viewing in the waterfall flow can be displayed on the control control, so that the user can see the picture displayed on the control control. The picture displayed on the control control is the same as the picture presented on the card that the user is currently viewing in the waterfall flow. In this way, the user can view the picture presented on the card that the user is currently viewing in the waterfall flow by viewing the picture displayed on the control control.

[0136] For example, a bitmap graphics context is created with the size of the current area where the card currently being viewed by the user is located, a specified transparency (indicating whether it is transparent), and a specified screen resolution. The content of the image on the card currently being viewed by the user in the waterfall is rendered into the bitmap graphics context. A UIImage View object is created based on the bitmap graphics context, and the content of the image in the bitmap graphics context is displayed on the UIImage View object. That is, the content of the image in the UIImage View object is the content of the image on the card currently being viewed by the user in the waterfall. The size of the UIImageView is then set to twice the size of the image on the card currently being viewed by the user. A UIScrollView object is then created, and the UIImage View object is displayed on the UIScrollView object. The size of the UIScrollView is set to twice the size of the image on the card currently being viewed by the user in the waterfall. The UIScrollView object is then displayed in the current area where the card currently being viewed by the user is located in the waterfall.

[0137] In one embodiment, the user is supported to input a manipulation operation on the manipulation control, where the manipulation operation includes a zoom-in operation, a zoom-out operation, or a sliding operation.

[0138] In one example, the control can be enlarged, reduced, and moved.

[0139] Inputting a zoom operation on the control control can enlarge the control control, thereby achieving an effect of enlarging the image displayed on the control control.

[0140] Inputting a zoom-out operation on the control control can shrink the control control, thereby achieving an effect of shrinking the image displayed on the control control.

[0141] Inputting a sliding operation to the manipulation control can move the manipulation control, thereby achieving the effect of moving the image displayed on the manipulation control.

[0142] In the case where the user inputs a magnification operation on the manipulation control, the electronic device receives the magnification operation input by the user on the manipulation control and magnifies the manipulation control according to the magnification operation.

[0143] The user can zoom in on the image displayed on the control by inputting a zoom operation on the control, so that the user can view the content in the image more clearly.

[0144] In the case where the user inputs a sliding operation on the manipulation control, the electronic device receives the sliding operation on the manipulation control input by the user and moves the manipulation control according to the sliding operation.

[0145] The user can move the position of the control control on the screen by sliding the control control, thereby moving the position of the image on the screen, so that the user can view the local information in the image according to actual needs.

[0146] In the case where the user inputs a zoom-out operation on the manipulation control, the electronic device receives the zoom-out operation on the manipulation control input by the user and zooms out the manipulation control according to the zoom-out operation.

[0147] The user can reduce the size of the image displayed on the control by inputting a reduction operation on the control.

[0148] In another embodiment, in order to facilitate the user to see a larger image (with the same content as the image presented on the card currently being viewed by the user in the waterfall flow but larger in size) on the control control from the beginning, so that the user can view the content of the image earlier and more clearly, when the image presented on the card currently being viewed by the user in the waterfall flow is displayed on the control control, the image presented on the card currently being viewed by the user in the waterfall flow can be enlarged to obtain an enlarged image. The enlarged image is displayed on the control control.

[0149] For example, based on Figure 5 The embodiment shown, see Figure 9 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 9 In the CSS3D world, the display level of the control is lower than that of the floating layer. In this way, if the size of the control is larger than the size of the card the user is currently viewing, the floating layer may obscure part of the control area. If the size of the image on the control is the same as the size of the control, the floating layer may also obscure part of the content of the image on the control (for example, the area of ​​the control overlaps with the area of ​​the floating layer).

[0150] Figure 9 The image on the control control is an enlarged image (the size of the enlarged image can be 1.5 times, 2 times, 2.5 times or 3 times the size of the original image, etc.). The image on the control control is a female portrait on the card that the user is currently viewing. Since the image on the control control is an enlarged image, the size and position of the current area where the user is currently viewing the card remain unchanged. In this way, part of the content in the enlarged image on the control control will be blocked by the floating layer, and the user can view part of the content in the enlarged image on the control control on the current area where the user is currently viewing the card. This part is the enlarged content, which makes it easier for the user to view the enlarged content more clearly.

[0151] If the user subsequently needs to view other content in the enlarged image on the control control, the user can input a sliding operation on the control control, and the electronic device receives the sliding operation on the control control input by the user (the sliding operation has a sliding direction and a sliding distance), and then moves the position of the control control on the screen according to the sliding operation, thereby moving the position of the image displayed on the control control on the screen, so that the other content in the enlarged image on the control control can be displayed on the current area where the card currently being viewed by the user is located (not blocked by the floating layer), so that the user can view other content in the enlarged image on the control control.

[0152] In one example, the screen of the electronic device may be rotated to change the data of a gyroscope in the electronic device, thereby implementing a sliding operation on the control control input.

[0153] In another example, based on Figure 9 The embodiment shown, see Figure 10 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 10 In the example, the user touches the current area of ​​the card currently being viewed on the screen with a finger, and slides the finger a certain distance to the lower right on the screen, which is equivalent to inputting a sliding operation on the control control (sliding operation to the lower right).

[0154] Further, based on Figure 10 The embodiment shown, see Figure 11 , which shows a schematic diagram of an interface of an electronic device of the present application, Figure 11 so that the content in the enlarged image on the manipulation control that was previously blocked by the floating space on the upper left side can be displayed on the current area where the card the user is currently viewing is located, so that the user can view the content in the enlarged image that was previously blocked by the floating space on the upper left side.

[0155] It should be noted that for the method embodiments, for simplicity of description, they are all expressed as a series of action combinations, but those skilled in the art should be aware that this application is not limited by the order of the actions described, because according to this application, certain steps can be performed in other orders or simultaneously. Secondly, those skilled in the art should also be aware that the embodiments described in this specification are all optional embodiments, and the actions involved are not necessarily required by this application.

[0156] Reference Figure 12 , shows a structural block diagram of a data processing device of the present application, which is applied to electronic equipment, and the device includes:

[0157] A determination module 11 is configured to determine, in a scenario where a waterfall is displayed on a screen of an electronic device, a card that a user is currently viewing in the waterfall;

[0158] An acquisition module 12 is configured to acquire a current area where the card is located on the screen;

[0159] The drawing module 13 is configured to draw a floating layer on an area on the screen except the current area, wherein the floating layer is configured to cover an area on the screen except the current area.

[0160] In an optional implementation, the drawing module includes:

[0161] an acquiring unit, configured to acquire color information of the image on the card;

[0162] The first drawing unit is configured to draw a floating layer corresponding to the color information on an area other than the current area on the screen.

[0163] In an optional implementation, the color information is color information of multiple pixels in the image on the card:

[0164] The first drawing unit includes:

[0165] A first calculation subunit is configured to calculate average color information between color information of a plurality of pixels in the image on the card;

[0166] The first drawing subunit is configured to draw a floating layer corresponding to the mean color information on an area other than the current area on the screen.

[0167] In an optional implementation, the drawing module includes:

[0168] The second drawing unit is configured to draw, on an area other than the current area on the screen, a floating layer with color information gradually changing in a direction from far to near relative to the card.

[0169] In an optional implementation, the second drawing unit includes:

[0170] a first acquisition subunit, configured to acquire first color information of the image on the card; the first color information including color information on a red channel, color information on a blue channel, color information on a green channel, and first transparency information on an alpha channel of the image on the card;

[0171] A second calculation subunit is configured to calculate the product of the first transparency information and a specific value to obtain second transparency information; the specific value is greater than 0 and less than 1;

[0172] a second acquisition subunit, configured to acquire second color information based on the color information on the red channel, the color information on the blue channel, the color information on the green channel, and the second transparency information of the image on the card;

[0173] The second drawing sub-unit is used to draw a floating layer in an area other than the current area on the screen, in which the distance from the card is from far to near and the color information gradually changes from the first color information to the second color information; or to draw a floating layer in which the distance from the card is from far to near and the color information gradually changes from the second color information to the first color information.

[0174] In an optional implementation, the apparatus further includes:

[0175] A creation module, configured to create a manipulation control on the current area;

[0176] The display module is used to display the image presented on the card on the control control.

[0177] In an optional implementation, the display module includes:

[0178] an enlarging unit, configured to enlarge the image presented on the card to obtain an enlarged image;

[0179] The display unit is used to display the enlarged image on the control component.

[0180] In an optional implementation, the apparatus further includes:

[0181] A first receiving module is configured to receive a zoom-in operation on the control control input by the user;

[0182] The magnification module is used to magnify the control control according to the magnification operation, so as to magnify the picture displayed on the control control.

[0183] In an optional implementation, the apparatus further includes:

[0184] A first receiving module, configured to receive a zoom-out operation on the manipulation control input by the user;

[0185] The zoom-out module is configured to zoom out the manipulation control according to the zoom-out operation, so as to zoom out the image displayed on the manipulation control.

[0186] In an optional implementation, the apparatus further includes:

[0187] A first receiving module, configured to receive a sliding operation on the manipulation control input by the user;

[0188] The moving module is used to move the manipulation control according to the sliding operation to move the position of the picture on the manipulation control on the screen.

[0189] In the present application, in a scenario where a waterfall flow is displayed on the screen of an electronic device, the card that the user is currently viewing in the waterfall flow is determined, the current area on the screen where the card that the user is currently viewing in the waterfall flow is located is obtained, and a floating layer is drawn on the area on the screen other than the current area. The floating layer is used to block the area on the screen other than the current area.

[0190] Through this application, the area outside the current area where the card currently being viewed by the user in the waterfall flow is located is blocked by a floating layer, so that the user is not easy to see or will not see the content in the area outside the current area where the card currently being viewed by the user in the waterfall flow is located, while the current area where the card currently being viewed by the user in the waterfall flow is located is not blocked, so that the user can see the card currently being viewed by the user in the waterfall flow.

[0191] It can be seen that through this application, the user's vision can be guided to focus on the card that the user is currently viewing in the waterfall flow, making it easier for the user's vision to focus on the specific content on a card in the waterfall flow. This makes it easier for the user to accurately view the content he wants to view in the waterfall flow, helping the user to achieve better browsing effects in the waterfall flow.

[0192] Especially for the elderly with certain visual impairments (such as those with severe presbyopia, severe astigmatism, etc.), it can help them to more easily and accurately view the content they want to view in the waterfall flow, and assist them to achieve better browsing effects in the waterfall flow.

[0193] As for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts can be referred to the partial description of the method embodiment.

[0194] Optionally, an embodiment of the present application also provides an electronic device, comprising: a processor, a memory, and a computer program stored in the memory and runnable on the processor. When the computer program is executed by the processor, the various processes of the above-mentioned method embodiment are implemented and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0195] The present application also provides a computer-readable storage medium having a computer program stored thereon. When the computer program is executed by a processor, the various processes of the above-described method embodiments are implemented and the same technical effects are achieved. To avoid repetition, the details are not described here. The computer-readable storage medium may be, for example, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.

[0196] Figure 13 8 is a block diagram of an electronic device 800 shown in the present application. For example, the electronic device 800 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.

[0197] Reference Figure 13 , the electronic device 800 may include one or more of the following components: a processing component 802 , a memory 804 , a power component 806 , a multimedia component 808 , an audio component 810 , an input / output (I / O) interface 812 , a sensor component 814 , and a communication component 816 .

[0198] The processing component 802 generally controls the overall operation of the electronic device 800, such as operations associated with display, phone calls, data communications, camera operation, and recording operations. The processing component 802 may include one or more processors 820 to execute instructions to perform all or part of the steps of the above-described method. In addition, the processing component 802 may include one or more modules to facilitate interaction between the processing component 802 and other components. For example, the processing component 802 may include a multimedia module to facilitate interaction between the multimedia component 808 and the processing component 802.

[0199] The memory 804 is configured to store various types of data to support operations on the device 800. Examples of such data include instructions for any application or method operating on the electronic device 800, contact data, phone book data, messages, images, videos, etc. The memory 804 can be implemented by any type of volatile or non-volatile storage device, or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk, or optical disk.

[0200] The power supply component 806 provides power to the various components of the electronic device 800. The power supply component 806 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power to the electronic device 800.

[0201] The multimedia component 808 includes a screen that provides an output interface between the electronic device 800 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen can be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, slides, and gestures on the touch panel. The touch sensor can not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 808 includes a front camera and / or a rear camera. When the device 800 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera can receive external multimedia data. Each front camera and rear camera can be a fixed optical lens system or have a focal length and optical zoom capability.

[0202] The audio component 810 is configured to output and / or input audio signals. For example, the audio component 810 includes a microphone (MIC), which is configured to receive external audio signals when the electronic device 800 is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal can be further stored in the memory 804 or transmitted via the communication component 816. In some embodiments, the audio component 810 also includes a speaker for outputting audio signals.

[0203] I / O interface 812 provides an interface between processing component 802 and peripheral interface modules, such as a keyboard, click wheel, buttons, etc. These buttons may include but are not limited to: a home button, volume buttons, a start button, and a lock button.

[0204] The sensor assembly 814 includes one or more sensors for providing various aspects of status assessment for the electronic device 800. For example, the sensor assembly 814 can detect the open / closed state of the device 800, the relative positioning of components, such as the display and keypad of the electronic device 800. The sensor assembly 814 can also detect changes in the position of the electronic device 800 or a component of the electronic device 800, the presence or absence of user contact with the electronic device 800, the orientation or acceleration / deceleration of the electronic device 800, and temperature changes of the electronic device 800. The sensor assembly 814 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 814 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 814 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.

[0205] The communication component 816 is configured to facilitate wired or wireless communication between the electronic device 800 and other devices. The electronic device 800 can access a wireless network based on a communication standard, such as WiFi, an operator network (such as 2G, 3G, 4G or 5G), or a combination thereof. In an exemplary embodiment, the communication component 816 receives a broadcast signal or broadcast operation information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 816 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0206] In an exemplary embodiment, the electronic device 800 may be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic components to perform the above methods.

[0207] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 804 including instructions, and the instructions can be executed by the processor 820 of the electronic device 800 to perform the above method. For example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0208] Figure 141 is a block diagram of an electronic device 1900 shown in the present application. For example, the electronic device 1900 can be provided as a server.

[0209] Reference Figure 14 The electronic device 1900 includes a processing component 1922, which further includes one or more processors, and a memory resource represented by a memory 1932 for storing instructions executable by the processing component 1922, such as an application. The application stored in the memory 1932 may include one or more modules, each corresponding to a set of instructions. In addition, the processing component 1922 is configured to execute the instructions to perform the above-described method.

[0210] The electronic device 1900 may further include a power supply component 1926 configured to perform power management of the electronic device 1900, a wired or wireless network interface 1950 configured to connect the electronic device 1900 to a network, and an input / output (I / O) interface 1958. The electronic device 1900 may operate based on an operating system stored in the memory 1932, such as Windows Server™, Mac OS X™, Unix™, Linux™, FreeBSD™, or the like.

[0211] It should be noted that, in this document, the terms "comprises," "includes," or any other variations thereof are intended to encompass non-exclusive inclusion, such that a process, method, article, or apparatus comprising a series of elements includes not only those elements but also other elements not explicitly listed, or elements inherent to such process, method, article, or apparatus. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of other identical elements in the process, method, article, or apparatus comprising the element.

[0212] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus the necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), and includes a number of instructions for enabling a terminal (which can be a mobile phone, computer, server, air conditioner, or network device, etc.) to execute the methods described in each embodiment of the present application.

[0213] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of this application, ordinary technicians in this field can also make many forms without departing from the purpose of this application and the scope of protection of the claims, all of which are within the protection of this application.

[0214] Those skilled in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed in the embodiments of this application can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0215] Those skilled in the art will clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.

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

[0217] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of these units may be selected to achieve the purpose of this embodiment according to actual needs.

[0218] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.

[0219] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, server, or network device, etc.) to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a ROM, a RAM, a magnetic disk, or an optical disk.

[0220] The above description is merely a specific embodiment of the present application, but the scope of protection of the present application is not limited thereto. Any changes or substitutions that can be easily conceived by a person skilled in the art within the technical scope disclosed in this application should be included in the scope of protection of the present application. Therefore, the scope of protection of the present application should be based on the scope of protection of the claims.

Claims

1. A data processing method, characterized in that: Applied to electronic equipment, the method includes: In a scenario where a waterfall is displayed on a screen of an electronic device, determining a card that a user is currently viewing in the waterfall; Get the current area where the card is located on the screen; A floating layer is drawn on an area on the screen except the current area, and the floating layer is used to cover the area on the screen except the current area.

2. The method according to claim 1, characterized in that Drawing a floating layer on an area other than the current area on the screen includes: Obtaining color information of the image on the card; A floating layer corresponding to the color information is drawn on an area other than the current area on the screen.

3. The method according to claim 2, characterized in that The color information is the color information of multiple pixels in the image on the card: Drawing the floating layer corresponding to the color information on an area other than the current area on the screen includes: Calculating average color information between color information of multiple pixels in the image on the card; A floating layer corresponding to the mean color information is drawn on an area other than the current area on the screen.

4. The method according to claim 1, wherein Drawing a floating layer on an area other than the current area on the screen includes: On an area other than the current area on the screen, a floating layer is drawn with color information gradually changing in a direction from far to near relative to the card.

5. The method according to claim 4, characterized in that Drawing a floating layer with color information gradually changing in a direction from far to near relative to the card in an area other than the current area on the screen includes: Acquire first color information of the image on the card; the first color information includes color information on a red channel, color information on a blue channel, color information on a green channel, and first transparency information on an alpha channel of the image on the card; Calculating the product of the first transparency information and a specific value to obtain second transparency information; the specific value is greater than 0 and less than 1; Acquire second color information according to the color information on the red channel, the color information on the blue channel, the color information on the green channel, and the second transparency information of the image on the card; On an area other than the current area on the screen, a floating layer is drawn in a direction from far to near with respect to the card, and its color information gradually changes from the first color information to the second color information; or, a floating layer is drawn in a direction from far to near with respect to the card, and its color information gradually changes from the second color information to the first color information.

6. The method according to claim 1, characterized in that The method further comprises: Creating a manipulation control on the current area; The picture presented on the card is displayed on the manipulation control.

7. The method according to claim 6, characterized in that Displaying the image presented on the card on the manipulation control includes: Enlarging the image presented on the card to obtain an enlarged image; The enlarged image is displayed on the manipulation control.

8. The method according to claim 6 or 7, characterized in that The method further comprises: receiving a zoom-in operation on the manipulation control input by the user; The manipulation control is enlarged according to the enlargement operation, so as to achieve enlargement of the picture displayed on the manipulation control.

9. The method according to claim 6 or 7, characterized in that The method further comprises: receiving a zoom-out operation on the manipulation control input by the user; The manipulation control is reduced according to the reduction operation to reduce the image displayed on the manipulation control.

10. The method according to claim 6 or 7, characterized in that The method further comprises: receiving a sliding operation on the manipulation control input by the user; The manipulation control is moved according to the sliding operation to move the position of the picture on the manipulation control on the screen.

11. A data processing device, characterized in that: Applied to electronic equipment, the device comprises: A determination module, configured to determine, in a scenario where a waterfall is displayed on a screen of an electronic device, a card that a user is currently viewing in the waterfall; An acquisition module, configured to acquire a current area where the card is located on the screen; The drawing module is used to draw a floating layer on an area other than the current area on the screen, and the floating layer is used to cover the area other than the current area on the screen.

12. An electronic device, characterized in that: include: A processor, a memory, and a computer program stored in the memory and executable on the processor, wherein the computer program implements the method according to any one of claims 1 to 10 when executed by the processor.

13. A computer-readable storage medium, characterized in that The computer-readable storage medium stores a computer program, which implements the method according to any one of claims 1 to 10 when executed by a processor.

Images