CN112883306B - Page display method and device - Google Patents
Page display method and device Download PDFInfo
- Publication number
- CN112883306B CN112883306B CN202110148813.5A CN202110148813A CN112883306B CN 112883306 B CN112883306 B CN 112883306B CN 202110148813 A CN202110148813 A CN 202110148813A CN 112883306 B CN112883306 B CN 112883306B
- Authority
- CN
- China
- Prior art keywords
- image
- page
- sliding
- page window
- input
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 88
- 230000008569 process Effects 0.000 claims description 43
- 238000004891 communication Methods 0.000 abstract description 9
- 238000010586 diagram Methods 0.000 description 17
- 230000000694 effects Effects 0.000 description 11
- 101100153581 Bacillus anthracis topX gene Proteins 0.000 description 6
- 101150041570 TOP1 gene Proteins 0.000 description 6
- 230000002093 peripheral effect Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 239000007787 solid Substances 0.000 description 3
- 101150104012 TOP2 gene Proteins 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000000977 initiatory effect Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 239000003795 chemical substances by application Substances 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 238000004904 shortening Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application discloses a page display method and device, and relates to the technical field of communication. The page display method comprises the following steps: receiving a first input; the first input is a sliding input for a current page window; determining a first image if the sliding rate of the first input is greater than a first threshold value; replacing an original image in the page window with the first image; and displaying the first image in the page window. The scheme of the application is used for solving the problem of poor user experience caused by the phenomenon of graphics overlapping when a user slides an application page of electronic equipment.
Description
Technical Field
The application belongs to the technical field of communication, and particularly relates to a page display method and device.
Background
At present, when a user of an electronic device slides an application page on the electronic device, pictures and characters on some pages can show an effect of graphics overlapping, and the pictures and the characters are not attractive, especially on the electronic device with high refresh rate, and the phenomenon is very obvious. In order to optimize the display effect of the page during the fast sliding, some existing technical schemes can slow down the unattractive effect of the graphics overlapping on the page by changing the response speed curve of the sliding animation and reducing the sliding speed during the fast sliding, and some existing technologies can alleviate the unattractive effect of the graphics overlapping in the page by reducing the frame rate of the sliding.
In the process of implementing the present application, the inventor finds that at least the following problems exist in the prior art:
Changing the animation response speed profile at high-speed sliding may result in a situation where the rate of animation is not matched with the sliding speed of the user, while reducing the frame rate at high-speed sliding may result in a situation where the sliding is stuck.
Disclosure of Invention
The embodiment of the application aims to provide a page display method and device, which can solve the problem that a user experience is poor because a graphic overlapping phenomenon occurs when the user slides an application page of electronic equipment.
In order to solve the technical problems, the application is realized as follows:
in a first aspect, an embodiment of the present application provides a page display method, including:
receiving a first input; the first input is a sliding input for a current page window;
Determining a first image if the sliding rate of the first input is greater than a first threshold value;
replacing an original image in the page window with the first image;
And displaying the first image in the page window.
In a second aspect, an embodiment of the present application provides a page display device including:
a receiving module for receiving a first input; the first input is a sliding input for a current page window;
a determining module, configured to determine a first image if the sliding rate of the first input is greater than a first threshold value;
a replacing module for replacing the original image in the page window with the first image
And the first display module is used for displaying the first image in the page window.
In a third aspect, an embodiment of the present application further provides an electronic device, including a processor, a memory, and a program or instructions stored on the memory and executable on the processor, the program or instructions implementing the steps of the method according to the first aspect when executed by the processor.
In a fourth aspect, embodiments of the present application also provide a readable storage medium having stored thereon a program or instructions which when executed by a processor implement the steps of the method according to the first aspect.
In a fifth aspect, an embodiment of the present application provides a chip, where the chip includes a processor and a communication interface, where the communication interface is coupled to the processor, and where the processor is configured to execute a program or instructions to implement a method according to the first aspect.
In this way, in the embodiment of the application, under the condition that the sliding speed of the received first input is greater than the first threshold value, the first image is determined, the first image is used for replacing the original image in the page window, and the first image is displayed in the page window, so that the problem that the original image is overlapped in the process of rapidly sliding the page window can be avoided to a certain extent, and the user experience is improved.
Drawings
FIG. 1 is a flowchart of a page display method according to an embodiment of the present application;
FIG. 2 is a schematic diagram of displaying longitudinally arranged list items in a page window according to an embodiment of the present application;
FIG. 3 is a schematic diagram of a process of replacing an original image in a page window with a first image in a list view mode according to an embodiment of the present application;
FIG. 4 is a second schematic diagram of a process of replacing an original image in a page window with a first image in a list view mode according to an embodiment of the present application;
FIG. 5 is a third exemplary diagram of a process of replacing an original image in a page window with a first image in a list view mode according to an embodiment of the present application;
FIG. 6 is a schematic layout of a lateral list item provided by an embodiment of the present application;
fig. 7 is a schematic layout diagram of a waterfall mode list item according to an embodiment of the present application;
FIG. 8 is a flowchart showing the content of a first pattern displayed by a list item in the page sliding process according to the embodiment of the present application;
FIG. 9 is a schematic diagram of the content of a first pattern displayed by a list item of a vertical layout provided by an embodiment of the present application;
FIG. 10 is a schematic diagram showing the contents of a first pattern displayed by a list item of a lateral layout according to an embodiment of the present application;
FIG. 11 is a schematic diagram showing the contents of a first pattern displayed by a list item of a waterfall layout according to an embodiment of the present application;
Fig. 12 is a schematic diagram showing different preset images in the process of quickly sliding a page according to an embodiment of the present application;
FIG. 13 is a second flowchart of a page display method according to an embodiment of the present application;
Fig. 14 is a block diagram of a page display device according to an embodiment of the present application;
FIG. 15 is a block diagram of an electronic device according to an embodiment of the present application;
fig. 16 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all embodiments of the application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
The terms first, second and the like in the description and in the claims, are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged, as appropriate, such that embodiments of the present application may be implemented in sequences other than those illustrated or described herein, and that the objects identified by "first," "second," etc. are generally of a type, and are not limited to the number of objects, such as the first object may be one or more. Furthermore, in the description and claims, "and/or" means at least one of the connected objects, and the character "/", generally means that the associated object is an "or" relationship.
The page display method provided by the embodiment of the application is described in detail through specific embodiments and application scenes thereof with reference to the accompanying drawings.
The method of the embodiment of the application is applied to User Equipment (UE), which can refer to an access terminal, a subscriber unit, a subscriber station, a mobile station, a remote terminal, a mobile device, a user terminal, a wireless communication device, a user agent, or a user equipment. The terminal device may also be a cellular telephone, a cordless telephone, a session initiation protocol (session initiation protocol, SIP) phone, a wireless local loop (wireless local loop, WLL) station, a Personal Digital Assistant (PDA), a handheld device with wireless communication capabilities, a computing device or other processing device connected to a wireless modem, an in-vehicle device, a wearable device.
Optionally, the page display method provided by the embodiment of the application is applied to an electronic device, and the electronic device may be a mobile terminal, such as a mobile phone, a tablet computer, a wearable intelligent device, etc., which has a display screen and performs page display through the display screen.
As shown in fig. 1, an embodiment of the present application provides a page display method, including:
Step 101: receiving a first input; the first input is a sliding input for a current page window.
In the embodiment of the present application, the first input may be input by the user through any position of a page window on a screen of the sliding electronic device, or may be input through a sliding control, such as a progress bar, set on the sliding page window, which is not limited in the embodiment of the present application.
Step 102: and determining a first image under the condition that the sliding speed of the first input is larger than a first threshold value.
In the embodiment of the application, under the condition that the speed of the first input is greater than the first threshold value, the electronic equipment starts a sliding display replacement module to determine a first image and performs a subsequent replacement step.
It should be noted that the first threshold value may be preset by the user, and the first threshold value is greater than or equal to 0.
Step 103: and replacing the original image in the page window with the first image.
In the embodiment of the application, the mode of replacing the original image in the page window by the first image can be performed by an application program on the electronic equipment, namely the application program actively performs corresponding view replacement, or can be performed by the electronic equipment through a system side, namely the system performs corresponding view replacement through a view frame system.
The process of view replacement may be performed by changing the original image in the page window from visible to invisible and then refilling the first image in the page window.
Step 104: and displaying the first image in the page window.
In the embodiment of the application, after the replacement process of the view is completed, the filled first image is displayed in the page window.
According to the embodiment of the application, under the condition that the received sliding speed of the first input is larger than the first threshold value, the first image is determined, the first image is used for replacing the original image in the page window, and the first image is displayed in the page window, so that the problem that the original image is overlapped in the process of rapidly sliding the page window can be avoided to a certain extent, and the user experience is improved.
Optionally, the determining the first image includes:
performing de-overlapping treatment on the original content of the page window to obtain a de-overlapping image, and taking the de-overlapping image as the first image;
Or alternatively, the first and second heat exchangers may be,
And taking a preset target image as the first image.
In the embodiment of the application, the content of the first image can be determined by setting the interesting display option on the electronic equipment, if the user selects not to open the interesting display option, the electronic equipment carries out de-overlapping treatment on the original content of the page window to obtain a de-overlapping image, the de-overlapping image is used as the first image and a subsequent replacement operation is carried out, namely, the sliding view is replaced by the de-overlapping image, namely, the first image, so that the problem that the image overlapping of the original image occurs in the process of rapidly sliding the page window can be solved; or the user selects to open the interesting display option, the electronic device can take the preset target image selected by the user as the first image and perform subsequent replacement operation, namely the preset target image is displayed in the page sliding process, namely the first image, so that the problem that the original image is overlapped in the process of rapidly sliding the page window can be solved, the interestingness of the sliding display effect can be improved, and the user experience is improved. The target image may be one image, or may be a moving image or a video.
In the embodiment of the application, whether to open the interesting display options can be selected by setting the interesting display control.
The original content of the page window is subjected to de-overlapping treatment to obtain a de-overlapping image, all the images in the original content of the page window can be processed into images with the same length and size through normalization treatment, and the images are subjected to gray scale treatment, or the original content of the page window can be processed into other images with good display effect during overlapping, for example, characters and images in the original image are subjected to uniform proportion reduction and other treatment modes.
Optionally, the first image is the target image, the page window includes N list items, and N is a positive integer greater than or equal to 1;
the displaying the first image in the page window includes:
In the page sliding process, according to different positions of a target list item in the page window, correspondingly displaying contents of different parts of the target image in the target list item; the target list item is one of the N list items.
In the embodiment of the application, when the page window displays the page content in the list view mode, a plurality of list items are displayed in the page window, and each list item displays different contents, for example, the page window shown in fig. 2 comprises 5 list items which are longitudinally arranged, the content corresponding to the first video is displayed in the first list item, the content corresponding to the second video is displayed in the second list item, and the content corresponding to the … … fifth video is displayed in the fifth list item.
If the user opens the interesting display option, when the page window displaying the page content in the list view mode is rapidly slid, the process of replacing the original image in the page window with the first image in the page window is as follows: when different list items slide to a specific position, replacing view contents corresponding to the list items with contents of a first image to be displayed so as to form the contents to be displayed on the page window.
The process of replacing the original image in the page window with the first image in the list view mode is specifically described below with reference to fig. 3 to 5.
In the embodiment of the application shown in fig. 3, the first image is a clock image, the page window comprises 5 list items, which are respectively indicated by item1, item2, item3, item4, item5, at the beginning of the sliding, and as the page slides longitudinally, referring to fig. 4, half of the list items item1 slide out of the page, half of the sixth list item6 is shown at the bottom of the page, and as the page sliding proceeds, please refer to fig. 5, the whole of the list item1 and half of the list item2 slide out of the page, the whole of the sixth list item6 and half of the seventh list item7 are shown at the bottom of the page, as can be seen in fig. 3 to 5, during the sliding process, although the positions of the list items change, the list items on the page always show a clock image, but the list items only show different parts of the clock image at different positions, for example, during the initial sliding process, please refer to fig. 3, the third list item3 shows about one third of the upper part of the clock image, along with the sliding of the page, please refer to fig. 4, the third list item3 shows about one tenth of the upper part of the clock image, along with the sliding of the page, and along with the continuing of the sliding of the page, the third list item3 does not show the content of the clock image at all.
It should be noted that, fig. 3 to fig. 5 show a case that a list item slides longitudinally in a page window, but the method provided by the embodiment of the present application is also applicable to other sliding situations, for example, please refer to fig. 6, fig. 6 is a schematic diagram of a list item in a horizontal layout provided by the embodiment of the present application, that is, a first list item1, a second list item2, and a third list item3 are arranged horizontally along the page window, and the sliding direction of the page window is horizontal; for example, referring to fig. 7, fig. 7 is a schematic layout diagram of a list item in a waterfall mode, where in the waterfall layout mode, a page window may display 4 rows and 3 columns, and a total of 12 images, where the 12 images correspond to one list item, and in the waterfall layout mode, the page window may slide laterally.
When the page slides, each list item acquires the pattern to be displayed through a certain algorithm. Each list item may compare the position and size of the list item itself with the size and position of the first pattern to obtain whether the relevant pattern needs to be displayed and what part of the first pattern needs to be displayed. Next, a flow of displaying the contents of the first pattern in the list item during the page sliding will be specifically described with reference to fig. 8 to 11. And in the page sliding process, calculating a part of the first image intercepted by the list item through the coordinate points, and displaying the part of the first image intercepted. Referring to fig. 9 to 11, in the embodiment of the present application, a schematic algorithm diagram of a portion of a first image taken by a vertical layout list item, a horizontal layout list item, and a waterfall layout list item is provided, and referring to fig. 9, in the vertical layout list item, a rectangular frame formed by a coordinate point [ left1, top1] and a coordinate point [ right1, bottom1], that is, a dotted rectangular frame shown in the figure, represents a peripheral rectangular frame of the first image, a rectangular frame formed by a coordinate point [ left2, top2] and a coordinate point [ right2, bottom2], that is, a solid rectangular frame shown in the figure, represents the list item, and an overlapping area of the peripheral rectangular frame of the first image and the list item is a portion of the first image to be displayed by the list item, that is, a diagonal line portion shown in the figure, and then replaces the displayed image with the portion of the original list item. Referring to fig. 10, in the list item of the lateral layout, a rectangular frame formed by the coordinate points [ left1, top1] and [ right1, bottom1], that is, a dotted rectangular frame shown in the drawing, represents a peripheral rectangular frame of the first image, a rectangular frame formed by the coordinate points [ left2, top2] and [ right2, bottom2], that is, a solid rectangular frame shown in the drawing, represents the list item, and an overlapping area of the peripheral rectangular frame of the first image and the list item is a rectangular frame formed by [ left1, top1] and [ right2, bottom1] that is, a portion of the first image to be displayed by the list item, that is, a diagonal portion shown in the drawing, and then the original image displayed by the list item is replaced by the portion. Referring to fig. 11 again, in the list item of the lateral layout, a rectangular frame formed by the coordinate points [ left1, top1] and the coordinate points [ right1, bottom1], that is, a dotted rectangular frame shown in the drawing, represents a peripheral rectangular frame of the first image, a rectangular frame formed by the coordinate points [ left1, top1] and the coordinate points [ right2, bottom2], that is, a solid rectangular frame shown in the drawing, represents the list item, and an overlapping area of the peripheral rectangular frame of the first image and the list item is a rectangular frame formed by [ left1, top1] and [ right1, bottom1] that is, a part of the first image (that is, the content of the whole first image) to be displayed by the list item, that is, a diagonal part shown in the drawing, and then replaces the original image displayed by the list item.
Optionally, the target image includes at least two different preset images, and displaying the first image in the page window includes:
And displaying the corresponding images in the at least two different preset images based on different times in the page sliding process according to the corresponding relation between the time and the at least two different preset images.
In the embodiment of the application, a user can display an image animation instead of only one fixed image in the process of setting up a page to quickly slide, that is, different preset images are displayed along with the advance of the sliding time, as shown in fig. 12, the embodiment of the application provides three preset images, which respectively correspond to three incremental time points t1, t2 and t3 on a time axis, different preset images displayed at different time points form an animation, and the playing curve of the image animation can be controlled by shortening or elongating the distance between the time points, that is, the time displayed by each preset image is controlled.
Optionally, the method further comprises:
And displaying the original image in the page window under the condition that the sliding speed is smaller than a second threshold value.
In the embodiment of the present application, when the sliding rate is less than the second threshold value, the electronic device restores the display content in the page window to the original image and the corresponding style, and may perform the method by removing the content of the temporarily replaced first image and setting the content and the style of the original image to be visible.
The second threshold value may be preset by the user, and the second threshold value is greater than or equal to 0.
The page display method is specifically described below with reference to fig. 13.
When a first input is received to slide a page, detecting the sliding rate, judging whether a user opens an interesting display option when the detected sliding rate is larger than a first threshold value A, if not, processing the original content of a page window to obtain a de-overlapped image, replacing the original content of the page window with the content and the style of the de-overlapped image, if the user opens the interesting display option, sliding list items in the page, combining and displaying a preset image, judging whether the preset image is an animation, if yes, displaying the animation on the page, and then restoring to display the original image when the sliding rate is smaller than a second threshold value B.
According to the page display method provided by the embodiment of the application, the original sliding display effect is optimized by replacing the content displayed by the page window when the page slides, the preset image or animation is displayed when the page slides, the interestingness of the sliding display effect is increased, and the operation experience of a user when the user performs sliding operation on the electronic equipment, especially the high-speed sliding experience is improved.
It should be noted that, in the page display method provided by the embodiment of the present application, the execution body may be a page display device, or a control module in the page display device for executing the page display method. In the embodiment of the application, a method for executing page display by a page display device is taken as an example, and the page display device provided by the embodiment of the application is described.
Fig. 14 is a block diagram of a page display device according to an embodiment of the present application. The page display device 1400 shown in fig. 14 includes a receiving module 1401, a determining module 1402, a replacing module 1403, and a first display module 1404.
A receiving module 1401 for receiving a first input; the first input is a sliding input for a current page window;
a determining module 1402, configured to determine a first image if a sliding rate of the first input is greater than a first threshold value;
a replacing module 1403 for replacing an original image in the page window with the first image;
A first display module 1404 is configured to display the first image in the page window.
According to the page display device 1400 provided by the embodiment of the application, under the condition that the sliding rate of the received first input is greater than the first threshold value, the first image is determined, the original image in the page window is replaced by the first image, and the first image is displayed in the page window, so that the problem of image overlapping of the original image in the process of rapidly sliding the page window can be avoided to a certain extent, and the user experience is improved.
Optionally, the determining module 1402 includes:
the determining unit is used for carrying out de-overlapping processing on the original content of the page window to obtain a de-overlapping image, and the de-overlapping image is used as the first image;
Or alternatively, the first and second heat exchangers may be,
And the method is used for taking a preset target image as the first image.
Optionally, the first image is the target image, the page window includes N list items, and N is a positive integer greater than or equal to 1;
The first display module 1404 includes:
The first display unit is used for correspondingly displaying the contents of different parts of the target image in the target list item according to the different positions of the target list item in the page window in the page sliding process; the target list item is one of the N list items.
Optionally, the target image includes at least two different preset images, and the first display module 1404 includes:
And the second display unit is used for displaying the corresponding images in the at least two different preset images based on different times in the page sliding process according to the corresponding relation between the time and the at least two different preset images.
Optionally, the apparatus further comprises:
and the second display module is used for displaying the original image in the page window under the condition that the sliding speed is smaller than a second threshold value.
According to the page display device 1400 provided by the embodiment of the application, under the condition that the sliding rate of the received first input is greater than the first threshold value, the first image is determined, the original image in the page window is replaced by the first image, and the first image is displayed in the page window, so that the problem of image overlapping of the original image in the process of rapidly sliding the page window can be avoided to a certain extent, and the user experience is improved.
The page display device in the embodiment of the application can be a device, and can also be a component, an integrated circuit or a chip in a terminal. The device may be a mobile electronic device or a non-mobile electronic device. By way of example, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), etc., and the non-mobile electronic device may be a server, a network attached storage (Network Attached Storage, NAS), a personal computer (personal computer, PC), a Television (TV), a teller machine, a self-service machine, etc., and the embodiments of the present application are not limited in particular.
The page display device in the embodiment of the application can be a device with an operating system. The operating system may be an Android operating system, an iOS processor operating system, or other possible operating systems, and the embodiment of the application is not limited specifically.
The page display device provided by the embodiment of the present application can implement each process implemented in the method embodiments of fig. 1 to 13, and in order to avoid repetition, a detailed description is omitted here.
According to the device provided by the embodiment of the application, under the condition that the received sliding speed of the first input is larger than the first threshold value, the first image is determined, the first image is used for replacing the original image in the page window, and the first image is displayed in the page window, so that the problem that the original image is overlapped in the process of rapidly sliding the page window can be avoided to a certain extent, and the user experience is improved.
It should be noted that, the page display device provided in the embodiment of the present application is a device capable of executing the page display method, and all embodiments of the page display method are applicable to the device, and the same or similar beneficial effects can be achieved.
Optionally, as shown in fig. 15, an electronic device 1500 is further provided in the embodiment of the present application, which includes a processor 1501, a memory 1502, and a program or an instruction stored in the memory 1502 and capable of being executed on the processor 1501, where the program or the instruction implements each process of the above-mentioned page display method embodiment when executed by the processor M01, and the process can achieve the same technical effect, and for avoiding repetition, a description is omitted herein.
It should be noted that, the electronic device in the embodiment of the present application includes the mobile electronic device and the non-mobile electronic device described above.
It should be noted that, the electronic device provided in the embodiment of the present application is an electronic device capable of executing the above-mentioned page display method, and all embodiments of the above-mentioned page display method are applicable to the electronic device, and the same or similar beneficial effects can be achieved.
Fig. 16 is a schematic diagram of a hardware structure of an electronic device implementing various embodiments of the present application.
The electronic device 1600 includes, but is not limited to: radio frequency unit 1601, network module 1602, audio output unit 1603, input unit 1604, sensor 1605, display unit 1606, user input unit 1607, interface unit 1608, memory 1609, and processor 1610.
Those skilled in the art will appreciate that the electronic device 1600 may also include a power source (e.g., a battery) for powering the various components, which may be logically connected to the processor 1610 by a power management system that performs the functions of managing charge, discharge, and power consumption. The electronic device structure shown in fig. 16 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than those shown in the drawings, or may combine some components, or may be arranged in different components, which will not be described in detail herein.
Wherein the processor 1610 is configured to receive a first input; the first input is a sliding input for a current page window; and determining a first image if the sliding rate of the first input is greater than a first threshold value; and replacing the original image in the page window with the first image.
A display unit 1606 for displaying the first image in the page window.
As can be seen, in the electronic device 1600, by determining the first image when the sliding rate of the received first input is greater than the first threshold value, replacing the original image in the page window with the first image, and displaying the first image in the page window, the problem that the original image overlaps in the process of rapidly sliding the page window can be avoided to a certain extent, and user experience is improved.
Optionally, the processor 1610 is further configured to perform a de-overlapping process on the original image of the page window to obtain a de-overlapped image, and use the de-overlapped image as the first image;
Or alternatively, the first and second heat exchangers may be,
And the method is used for taking a preset target image as the first image.
Optionally, the first image is the target image, the page window includes N list items, and N is a positive integer greater than or equal to 1;
The display unit 1606 is further configured to correspondingly display, in the page sliding process, contents of different portions of the target image in the target list item according to different positions of the target list item in the page window; the target list item is one of the N list items.
Optionally, the target image includes at least two different preset images, and the display unit 1606 is further configured to display, in a page sliding process, a corresponding image of the at least two different preset images based on different times according to a correspondence between the time and the at least two different preset images.
Optionally, the display unit 1606 is further configured to display the original image in the page window if the sliding rate is less than a second threshold value.
According to the electronic device 1600 provided by the embodiment of the application, under the condition that the sliding rate of the received first input is greater than the first threshold value, the first image is determined, the original image in the page window is replaced by the first image, and the first image is displayed in the page window, so that the problem of image overlapping of the original image in the process of rapidly sliding the page window can be avoided to a certain extent, and the user experience is improved.
It should be appreciated that in embodiments of the present application, the input unit 1604 may include a graphics processor (Graphics Processing Unit, GPU) 16041 and a microphone 16042, the graphics processor 16041 processing image data of still pictures or video obtained by an image capture device (e.g., a camera) in a video capture mode or an image capture mode. The display unit 1606 may include a display panel 16061, and the display panel 16061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 1607 includes a touch panel 16071 and other input devices 16072. The touch panel 16071, also referred to as a touch screen. The touch panel 16071 may include two parts, a touch detection device and a touch controller. Other input devices 16072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, a joystick, and so forth, which are not described in detail herein. Memory 1609 may be used to store software programs as well as various data including, but not limited to, application programs and an operating system. Processor 1610 may integrate an application processor that primarily handles operating systems, user interfaces, applications, etc., with a modem processor that primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 1610.
The embodiment of the application also provides a readable storage medium, on which a program or an instruction is stored, which when executed by a processor, implements each process of the above page display method embodiment, and can achieve the same technical effects, so that repetition is avoided, and no further description is given here.
Wherein the processor is a processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium such as a Read-Only Memory (ROM), a random access Memory (Random Access Memory RAM), a magnetic disk or an optical disk, and the like.
The embodiment of the application further provides a chip, which comprises a processor and a communication interface, wherein the communication interface is coupled with the processor, and the processor is used for running programs or instructions to realize the processes of the above page display method embodiment, and can achieve the same technical effects, so that repetition is avoided, and the description is omitted here.
It should be understood that the chips referred to in the embodiments of the present application may also be referred to as system-on-chip chips, chip systems, or system-on-chip chips, etc.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Furthermore, it should be noted that the scope of the methods and apparatus in the embodiments of the present application is not limited to performing the functions in the order shown or discussed, but may also include performing the functions in a substantially simultaneous manner or in an opposite order depending on the functions involved, e.g., the described methods may be performed in an order different from that described, and various steps may be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.
From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) comprising instructions for causing a terminal (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to perform the method according to the embodiments of the present application.
The embodiments of the present application have been described above with reference to the accompanying drawings, but the present application is not limited to the above-described embodiments, which are merely illustrative and not restrictive, and many forms may be made by those having ordinary skill in the art without departing from the spirit of the present application and the scope of the claims, which are to be protected by the present application.
Claims (4)
1. A page display method, characterized by comprising:
receiving a first input; the first input is a sliding input for a current page window;
Determining a first image if the sliding rate of the first input is greater than a first threshold value;
replacing an original image in the page window with the first image;
Displaying the first image in the page window;
the determining the first image includes:
Taking a preset target image as the first image;
The first image is the target image, the page window comprises N list items, and N is a positive integer greater than or equal to 1;
the displaying the first image in the page window includes:
In the page sliding process, according to different positions of a target list item in the page window, correspondingly displaying contents of different parts of the target image in the target list item; the target list item is one of the N list items;
the target image comprises at least two different preset images, and the first image is displayed in the page window, and the method comprises the following steps:
And displaying the corresponding images in the at least two different preset images based on different times in the page sliding process according to the corresponding relation between the time and the at least two different preset images.
2. The page display method as recited in claim 1, wherein the method further comprises:
And displaying the original image in the page window under the condition that the sliding speed is smaller than a second threshold value.
3. A page display device, comprising:
a receiving module for receiving a first input; the first input is a sliding input for a current page window;
a determining module, configured to determine a first image if the sliding rate of the first input is greater than a first threshold value;
a replacing module, configured to replace an original image in the page window with the first image;
The first display module is used for displaying the first image in the page window;
The determining module includes:
a determining unit, configured to take a preset target image as the first image;
The first image is the target image, the page window comprises N list items, and N is a positive integer greater than or equal to 1;
the first display module includes:
The first display unit is used for correspondingly displaying the contents of different parts of the target image in the target list item according to the different positions of the target list item in the page window in the page sliding process; the target list item is one of the N list items;
the target image comprises at least two different preset images, and the first display module comprises:
And the second display unit is used for displaying the corresponding images in the at least two different preset images based on different times in the page sliding process according to the corresponding relation between the time and the at least two different preset images.
4. A page display device as recited in claim 3, further comprising:
and the second display module is used for displaying the original image in the page window under the condition that the sliding speed is smaller than a second threshold value.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110148813.5A CN112883306B (en) | 2021-02-03 | 2021-02-03 | Page display method and device |
| PCT/CN2022/074300 WO2022166753A1 (en) | 2021-02-03 | 2022-01-27 | Page display method and apparatus |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110148813.5A CN112883306B (en) | 2021-02-03 | 2021-02-03 | Page display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112883306A CN112883306A (en) | 2021-06-01 |
| CN112883306B true CN112883306B (en) | 2024-04-30 |
Family
ID=76056981
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110148813.5A Active CN112883306B (en) | 2021-02-03 | 2021-02-03 | Page display method and device |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN112883306B (en) |
| WO (1) | WO2022166753A1 (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112883306B (en) * | 2021-02-03 | 2024-04-30 | 维沃移动通信有限公司 | Page display method and device |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110178110A (en) * | 2017-01-20 | 2019-08-27 | 三星电子株式会社 | Electronic equipment and for by its show screen method |
| CN111831182A (en) * | 2020-07-09 | 2020-10-27 | 维沃移动通信有限公司 | Application icon control method and device and electronic equipment |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9251499B2 (en) * | 2010-04-01 | 2016-02-02 | International Business Machines Corporation | System, method, and apparatus for preservation of accessibility and serviceability information |
| KR20160035911A (en) * | 2014-09-24 | 2016-04-01 | 엘지전자 주식회사 | Mobile terminal and method for controlling the same |
| CN105843516B (en) * | 2015-01-13 | 2019-08-02 | 阿里巴巴集团控股有限公司 | It is a kind of for showing the method and device of information in original list rolling process |
| CN112883306B (en) * | 2021-02-03 | 2024-04-30 | 维沃移动通信有限公司 | Page display method and device |
-
2021
- 2021-02-03 CN CN202110148813.5A patent/CN112883306B/en active Active
-
2022
- 2022-01-27 WO PCT/CN2022/074300 patent/WO2022166753A1/en unknown
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110178110A (en) * | 2017-01-20 | 2019-08-27 | 三星电子株式会社 | Electronic equipment and for by its show screen method |
| CN111831182A (en) * | 2020-07-09 | 2020-10-27 | 维沃移动通信有限公司 | Application icon control method and device and electronic equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112883306A (en) | 2021-06-01 |
| WO2022166753A1 (en) | 2022-08-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP5324411B2 (en) | Advertisement distribution apparatus, method and program | |
| US20190114043A1 (en) | Method, apparatus, and electronic device for displaying a page and storage medium | |
| US11372528B2 (en) | User interface display method, device, and apparatus | |
| CN108205398B (en) | Method and device for adapting webpage animation to screen | |
| CN111831182B (en) | Application icon control method and device and electronic equipment | |
| CN105404458B (en) | Webpage content updating method and device | |
| CN112099707A (en) | Display method and device and electronic equipment | |
| CN104899227A (en) | Webpage character rendering method and device | |
| CN112433693B (en) | Split screen display method and device and electronic equipment | |
| CN104461312A (en) | Display control method and electronic equipment | |
| CN112148167A (en) | Control setting method and device and electronic equipment | |
| CN110674618A (en) | Content display method, device, equipment and medium | |
| CN112817376A (en) | Information display method and device, electronic equipment and storage medium | |
| CN112883306B (en) | Page display method and device | |
| CN112836086A (en) | Video processing method and device and electronic equipment | |
| CN105095259B (en) | Waterfall flow object display method and device | |
| US9959010B1 (en) | Method for displaying information, and terminal equipment | |
| CN113703630A (en) | Interface display method and device | |
| CN113835577A (en) | Display method, display device, electronic equipment and storage medium | |
| JP2013232225A (en) | Content distribution device, content distribution method, content distribution program, and program for terminal | |
| JP6339550B2 (en) | Terminal program, terminal device, and terminal control method | |
| CN105022734A (en) | Background color setting method and background color setting device | |
| CN105022756B (en) | A kind of Webpage display process and device | |
| CN114579239A (en) | Message management method and device | |
| CN113986067A (en) | Object control method, device, equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |