CN112883306A - Page display method and device - Google Patents
Page display method and device Download PDFInfo
- Publication number
- CN112883306A CN112883306A CN202110148813.5A CN202110148813A CN112883306A CN 112883306 A CN112883306 A CN 112883306A CN 202110148813 A CN202110148813 A CN 202110148813A CN 112883306 A CN112883306 A CN 112883306A
- Authority
- CN
- China
- Prior art keywords
- image
- page
- page window
- sliding
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 87
- 238000010586 diagram Methods 0.000 description 16
- 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
- 101150104012 TOP2 gene Proteins 0.000 description 3
- 239000007787 solid Substances 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 208000003028 Stuttering Diseases 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 239000003795 chemical substances by application Substances 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010606 normalization Methods 0.000 description 1
- 238000004904 shortening Methods 0.000 description 1
Images
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 sliding input aiming at a current page window; determining a first image when the sliding rate of the first input is greater than a first threshold value; replacing the original image in the page window with the first image; displaying the first image in the page window. The scheme of the application is used for solving the problem that the user experience is poor due to the fact that the graphics overlap phenomenon occurs when the user slides the application page of the 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 electronic equipment slides an application page quickly on the electronic equipment, pictures and characters on some pages can have the effect of graphic overlapping, the feeling of people is not attractive, and the phenomenon is very obvious particularly on the electronic equipment with a high refresh rate. In order to optimize the display effect of the page during fast sliding, some existing technical solutions may reduce the unsightly effect of the graphics overlay on the page by changing the response speed curve of the sliding animation and reducing the sliding speed during high-speed sliding, and some existing techniques may reduce the unsightly effect of the graphics overlay in the page by reducing the frame rate of 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 curve during high-speed sliding may cause the rate expression of the animation to be mismatched with the sliding speed of the user, and decreasing the frame rate during high-speed sliding may cause the situation of stuttering during sliding.
Disclosure of Invention
The embodiment of the application aims to provide a page display method and a page display device, which can solve the problem that a user experience is poor due to a graph overlapping phenomenon when the user slides an application page of electronic equipment.
In order to solve the technical problem, the present application is implemented 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 sliding input aiming at a current page window;
determining a first image when the sliding rate of the first input is greater than a first threshold value;
replacing the original image in the page window with the first image;
displaying the first image in the page window.
In a second aspect, an embodiment of the present application provides a page display apparatus, including:
a receiving module for receiving a first input; the first input is sliding input aiming at a current page window;
the determining module is used for determining a first image under the condition that the sliding rate of the first input is greater than a first threshold value;
a replacement module to replace an 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, which includes a processor, a memory, and a program or instructions stored on the memory and executable on the processor, and when executed by the processor, the program or instructions implement the steps of the method according to the first aspect.
In a fourth aspect, the present embodiments also provide a readable storage medium, on which a program or instructions are stored, 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 the processor is configured to execute a program or instructions to implement the method according to the first aspect.
In this way, in the embodiment of the application, the first image is determined under the condition that the sliding rate of the received first input is greater than the first threshold, 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 fast sliding of 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 disclosure;
fig. 2 is a schematic diagram illustrating a page window displaying longitudinally arranged list items according to an embodiment of the present application;
fig. 3 is one of schematic process diagrams 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 view illustrating 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 schematic view illustrating a process of replacing an original image in a page window with a first image in a list view mode according to the embodiment of the present application;
FIG. 6 is a schematic diagram of a layout of a list of horizontal items provided by an embodiment of the present application;
FIG. 7 is a schematic diagram of a layout of a waterfall mode list item according to an embodiment of the present disclosure;
fig. 8 is a flowchart illustrating a list item displaying a content of a first pattern during a page sliding process according to an embodiment of the present application;
FIG. 9 is a schematic content diagram of a list item display first pattern in a portrait layout according to an embodiment of the present application;
FIG. 10 is a schematic content diagram of a list item display first pattern in a horizontal layout according to an embodiment of the present application;
fig. 11 is a content diagram of a first pattern displayed on a list item of a waterfall layout according to an embodiment of the present application;
fig. 12 is a schematic diagram illustrating displaying different preset images in a page quick-sliding process 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 apparatus according to an embodiment of the present application;
fig. 15 is a block diagram of an electronic device provided by an embodiment of the present application;
fig. 16 is a schematic hardware structure diagram of an electronic device according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The terms first, second and the like in the description and in the claims of the present application are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that embodiments of the application may be practiced in sequences other than those illustrated or described herein, and that the terms "first," "second," and the like are generally used herein in a generic sense and do not limit the number of terms, e.g., the first term can be one or more than one. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.
The page display method provided by the embodiment of the present application is described in detail below with reference to the accompanying drawings through specific embodiments and application scenarios thereof.
The method of the embodiment of the present application is applied to a User Equipment (UE), which may 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 (SIP) phone, a Wireless Local Loop (WLL) station, a Personal Digital Assistant (PDA), a handheld device having wireless communication capabilities, a computing device or other processing device connected to a wireless modem, a vehicle mounted device, a wearable device.
Optionally, the page display method provided in the embodiment of the present application is applied to an electronic device, where the electronic device may be a mobile terminal, such as a mobile phone, a tablet computer, a wearable smart device, and the like, which has a display screen and displays a page through the display screen, and the embodiment of the present application is not limited.
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 this embodiment of the application, the first input may be input by a user through sliding any position of a page window on a screen of the electronic device, or may be input through sliding a sliding control, such as a progress bar, provided on the page window, which is not limited in this embodiment of the application.
Step 102: determining a first image if the first input's swipe rate is greater than a first threshold value.
In this embodiment of the application, when the rate of the first input is greater than a first threshold, the electronic device may start the sliding display replacement module, determine the first image, and perform the subsequent replacement step.
It should be noted that the first threshold may be preset by a user, and the first threshold is greater than or equal to 0.
Step 103: 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 with the first image may be performed by an application program on the electronic device, that is, the application program actively performs corresponding view replacement, or may be performed by the electronic device through a system side, that is, the system performs corresponding view replacement on the application program through a view framework 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: displaying the first image in the page window.
In this embodiment of the present application, after the replacing process of the view is completed, the filled first image is displayed in the page window.
According to the method and the device for displaying the first image, the first image is determined under the condition that the sliding rate of the received first input is larger than the first threshold value, 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 quick sliding of the page window can be avoided to a certain extent, and the user experience is improved.
Optionally, the determining the first image comprises:
performing overlap removal processing on the original content of the page window to obtain an overlap removal image, and taking the overlap removal image as the first image;
or the like, or, alternatively,
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 an interesting display option on the electronic device, if the user selects not to open the interesting display option, the electronic device performs de-overlapping processing on the original content of the page window to obtain a de-overlapped image, the de-overlapped image is used as the first image and performs subsequent replacement operation, that is, the sliding view is replaced by the de-overlapped image, that is, the first image, so that the problem that the original image is overlapped in the process of fast sliding of 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, namely the first image, is presented in the page sliding process, so that the problem of image overlapping of the original image in the process of quick sliding of the page window can be solved, the interest of the sliding display effect can be increased, and the user experience is increased. The target image may be a single image, a moving image, or a video.
In the embodiment of the application, whether to open an interesting display option can be selected by setting an interesting display control.
The original content of the page window is subjected to de-overlapping processing to obtain a de-overlapped image, all the pictures in the original content of the page window can be processed into pictures with the same length and size through normalization processing of the pictures in the original content of the page window, and the pictures are subjected to gray processing to obtain the de-overlapped image, and the original content of the page window can also be processed into other images with better display effect when being overlapped, for example, characters and pictures in the original image are subjected to processing modes such as reduction in a uniform proportion and the like.
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, correspondingly displaying contents of different parts of the target image in a 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.
In this 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, each list item displays different content, for example, the page window shown in fig. 2 includes 5 list items arranged longitudinally, 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 of the page content is displayed in the list view mode in a fast sliding mode, 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, the view content corresponding to the list items is replaced by the content of the first image to be displayed, so that the content to be displayed is formed on the page window.
The following describes a process of replacing the original image in the page window with the first image in the list view mode with reference to fig. 3 to 5.
In the embodiment of the present application, as shown in fig. 3, the first image is a clock image, the page window at the beginning of the sliding includes 5 list items, which are respectively represented by item1, item2, item3, item4 and item5, as the page slides longitudinally, please refer to fig. 4, half of the list item1 slides out of the page, and half of the sixth list item6 is displayed at the bottom of the page, as the page sliding continues, please refer to fig. 5, all of the list item1 and half of the list item2 slide out of the page, and all of the sixth list item6 and half of the seventh list item7 are displayed at the bottom of the page, as can be seen from fig. 3 to fig. 5, during the sliding, the position of each list item changes, but the clock item on the page always presents a clock image, and each list item displays different parts of the clock image at different positions, for example, at the beginning of the sliding, referring to fig. 3, the third list item3 shows about one third of the top of the clock image, and as the page slides, referring to fig. 4, the third list item3 shows about one tenth of the top of the clock image, and as the page slides on, referring to fig. 5, the third list item3 does not show the clock image at all.
It should be noted that fig. 3 to fig. 5 show the case that the list items slide in the page window longitudinally, but the method provided by the embodiment of the present application is also applicable to other sliding cases, for example, please refer to fig. 6, fig. 6 is a list item diagram of 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, please continue to refer to fig. 7, fig. 7 is a schematic layout diagram of list items in a waterfall mode according to an embodiment of the present application, in the waterfall 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 mode, the page window may slide laterally.
When the page slides, each list item acquires a pattern to be displayed through a certain algorithm. The position and the size of the list item and the size and the position of the first pattern can be compared by each list item to acquire whether the related pattern needs to be displayed or not and which part of the first pattern needs to be displayed. The following describes in detail the flow of displaying the content of the first pattern by the list item in the page sliding process with reference to fig. 8 to 11. In the page sliding process, the part of the first image intercepted by the list item is obtained through coordinate point calculation, and the intercepted part of the first image is displayed. As shown in fig. 9 to 11, in the embodiment of the present application, an algorithm diagram for calculating a portion of a first image intercepted by a list item is provided for a list item in a longitudinal layout, a list item in a transverse layout, and a list item in a waterfall layout respectively, please refer to fig. 9, in the list items in the vertical layout, the rectangular frame formed by the coordinate point [ left1, top1] and the coordinate point [ right1, bottom1], that is, the dotted rectangular frame shown in the figure, represents the peripheral rectangular frame of the first image, the rectangular frame formed by the coordinate point [ left2, top2] and the coordinate point [ right2, bottom2], that is, the solid rectangular frame shown in the figure, represents the list items, the overlapping area of the peripheral rectangular frame of the first image and the list items is the rectangular frame formed by [ left1, top2] and [ right1, bottom2], that is, the portion constituting the first image that the list items need to be displayed, that is, the oblique line portion shown in the figure, and the subsequent continuous image of the list items is replaced by the portion thereof. Referring to fig. 10, in the list items laid out in the horizontal direction, the rectangular box formed by the coordinate point [ left1, top1] and the coordinate point [ right1, bottom1], that is, the dashed rectangular box shown in the figure, represents the peripheral rectangular box of the first image, the rectangular box formed by the coordinate points [ left2, top2] and the coordinate points [ right2, bottom2], that is, the solid rectangular box shown in the figure, represents the list items, the overlapping area of the peripheral rectangular box of the first image and the list items is the rectangular box formed by [ left1, top1] and [ right2, bottom1], that is, the part of the first image that the list items need to be displayed, that is, the oblique line part shown in the figure, and the original image displayed by the next list items is replaced by the part. Referring to fig. 11, in the list items laid out in the horizontal direction, the rectangular frame formed by the coordinate point [ left1, top1] and the coordinate point [ right1, bottom1], that is, the dashed rectangular frame shown in the figure, represents the peripheral rectangular frame of the first image, the rectangular frame formed by the coordinate points [ left1, top1] and the coordinate points [ right2, bottom2], that is, the solid rectangular frame shown in the figure, represents the list items, the overlapping area of the peripheral rectangular frame of the first image and the list items is the rectangular frame formed by [ left1, top1] and [ right1, bottom1], that is, the rectangular frame forming the part of the first image (that is, the content of the whole first image) that the list items need to be displayed, that is, the oblique line part shown in the figure, and the original image displayed by the subsequent list items is replaced by the part.
Optionally, the target image includes at least two different preset images, and the displaying the first image in the page window includes:
and displaying corresponding images of the at least two different preset images based on different time 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 present application, a user may display an image animation instead of displaying only one fixed image during the fast page sliding process, that is, different preset images may be displayed as the sliding time advances, as shown in fig. 12, in the embodiment of the present application, three preset images are provided, which correspond to three increasing time points t1, t2, and t3 on the time axis, respectively, the different preset images displayed at different time points form an animation, and by shortening or lengthening the distance between the time points, the playing curve of the image animation may be controlled, 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 this embodiment of the application, when the sliding rate is smaller than the second threshold, the electronic device restores the display content in the page window to the original image and the corresponding style, and may set the content and the style of the original image to be visible by removing the content of the temporarily replaced first image.
It should be noted that the second threshold may be preset by a user, and the first threshold is greater than or equal to 0.
The page display method is specifically described below with reference to fig. 13.
When receiving a first input to slide a page, detecting a sliding rate, judging whether a user opens an interesting display option or not when the detected sliding rate is greater 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 a list item in the page, combining and displaying a preset image, judging whether the preset image is an animation or not, if so, displaying the animation on the page, and then resuming to display the original image when the sliding rate is less 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, the operation experience of a user during sliding operation on the electronic equipment is improved, and particularly the experience during high-speed sliding is improved.
It should be noted that, in the page display method provided in the embodiment of the present application, the execution main body may be a page display apparatus, or a control module in the page display apparatus for executing the page display method. The page display device provided by the embodiment of the present application is described by taking a page display device as an example to execute a page display method.
Fig. 14 is a block diagram of a page display apparatus according to an embodiment of the present application. The page display apparatus 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 sliding input aiming at a current page window;
a determining module 1402, configured to determine a first image if the sliding rate of the first input is greater than a first threshold value;
a replacement module 1403, configured to replace the original image in the page window with the first image;
a first display module 1404 configured to display the first image in the page window.
According to the page display device 1400 provided by the embodiment of the application, the first image is determined when the sliding rate of the received first input is greater than the first threshold, the first image is used to replace 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 quick sliding of the page window can be avoided to a certain extent, and the user experience is improved.
Optionally, the determining module 1402 includes:
a determining unit, configured to perform de-overlapping processing on original content of the page window to obtain a de-overlapped image, and use the de-overlapped image as the first image;
or the like, or, alternatively,
the image processing device 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 display unit is used for correspondingly displaying the contents of different parts of the target image in the target list item according to 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 corresponding images in the at least two different preset images based on different time 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, the first image is determined when the sliding rate of the received first input is greater than the first threshold, the first image is used to replace 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 quick sliding of 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 present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal. The device can be mobile electronic equipment or non-mobile electronic equipment. By way of example, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm top computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), and the like, and the non-mobile electronic device may be a server, a Network Attached Storage (NAS), a Personal Computer (PC), a Television (TV), a teller machine or a self-service machine, and the like, and the embodiments of the present application are not particularly limited.
The page display device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android operating system, an iOS processor operating system, or other possible operating systems, which is not specifically limited in the embodiments of the present application.
The page display device provided in the embodiment of the present application can implement each process implemented in the method embodiments of fig. 1 to 13, and is not described here again to avoid repetition.
According to the device, the first image is determined under the condition that the sliding rate of the received first input is larger than the first threshold value, 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 quick sliding of 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 embodiments 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 can achieve the same or similar beneficial effects.
Optionally, as shown in fig. 15, an electronic device 1500 according to an embodiment of the present application is further provided, and includes a processor 1501, a memory 1502, and a program or an instruction stored in the memory 1502 and executable on the processor 1501, where the program or the instruction is executed by the processor M01 to implement the processes of the foregoing page display method embodiment, and can achieve the same technical effect, and in order to avoid repetition, the details are not repeated here.
It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic devices and the non-mobile electronic devices described above.
It should be noted that the electronic device provided in the embodiments of the present application is an electronic device capable of executing the page display method, and all embodiments of the page display method are applicable to the electronic device and can achieve the same or similar beneficial effects.
Fig. 16 is a schematic hardware structure diagram 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 further include a power supply (e.g., a battery) for supplying power to various components, which may be logically coupled to the processor 1610 via a power management system, so as to manage charging, discharging, and power consumption management functions via the power management system. 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, or combine some components, or arrange different components, and thus, the description thereof is omitted.
Wherein, the processor 1610 is configured to receive a first input; the first input is sliding input aiming at a current page window; and determining a first image if the sliding rate of the first input is greater than a first threshold; and replacing the original image in the page window with the first image.
A display unit 1606 configured to display the first image in the page window.
As can be seen, in the electronic device 1600, when the sliding rate of the received first input is greater than the first threshold, the first image is determined, the first image is used to replace the original image in the page window, and the first image is displayed in the page window, so that the problem of image overlap of the original image in the process of quick sliding of the page window can be avoided to a certain extent, and the user experience is improved.
Optionally, the processor 1610 is further configured to perform de-overlapping processing 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 the like, or, alternatively,
the image processing device 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, during a page sliding process, correspondingly display contents of different portions of the target image in a 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 a corresponding image of the at least two different preset images based on different times in the page sliding process according to a corresponding relationship 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 smaller than a second threshold value.
According to the electronic device 1600 provided by the embodiment of the application, the first image is determined under the condition that the sliding rate of the received first input is greater than the first threshold value, 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 quick sliding of the page window can be avoided to a certain extent, and the user experience is improved.
It should be understood that in the embodiment of the present application, the input Unit 1604 may include a Graphics Processing Unit (GPU) 16041 and a microphone 16042, and the Graphics processor 16041 processes image data of still pictures or videos obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing 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. Touch panel 16071, also referred to as a touch screen. The touch panel 16071 may include two parts of 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, and a joystick, which are not described in detail herein. The 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, which primarily handles operating systems, user interfaces, applications, etc., and a modem processor, which primarily handles wireless communications. It is to be appreciated that the modem processor described above may not be integrated into processor 1610.
The embodiments of the present application further provide a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements each process of the above-mentioned page display method embodiment, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
The processor is the 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 (RAM), a magnetic disk or an optical disk.
The embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or an instruction to implement each process of the above page display method embodiment, and can achieve the same technical effect, and the details are not repeated here to avoid repetition.
It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as system-on-chip, system-on-chip or system-on-chip, 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 an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may 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 instructions for enabling a terminal (such as a mobile phone, a computer, a server, an air conditioner, or a network device) to execute the method according to the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.
Claims (10)
1. A page display method, comprising:
receiving a first input; the first input is sliding input aiming at a current page window;
determining a first image when the sliding rate of the first input is greater than a first threshold value;
replacing the original image in the page window with the first image;
displaying the first image in the page window.
2. The page display method according to claim 1, wherein said determining the first image comprises:
performing overlap removal processing on the original image of the page window to obtain an overlap removal image, and taking the overlap removal image as the first image;
or the like, or, alternatively,
and taking a preset target image as the first image.
3. The page display method according to claim 2, wherein the first image is the target image, the page window includes N list items, 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, correspondingly displaying contents of different parts of the target image in a 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.
4. The page display method according to claim 2, wherein the target image includes at least two different preset images, and the displaying the first image in the page window includes:
and displaying corresponding images of the at least two different preset images based on different time in the page sliding process according to the corresponding relation between the time and the at least two different preset images.
5. The page display method according to claim 1, characterized in that 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.
6. A page display apparatus, comprising:
a receiving module for receiving a first input; the first input is sliding input aiming at a current page window;
the determining module is used for determining a first image under the condition that 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.
7. The page display apparatus according to claim 6, wherein the determining module comprises:
a determining unit, configured to perform de-overlapping processing on original content of the page window to obtain a de-overlapped image, and use the de-overlapped image as the first image;
or the like, or, alternatively,
the image processing device is used for taking a preset target image as the first image.
8. The page display apparatus according to claim 7, wherein the first image is the target image, the page window includes N list items, N is a positive integer greater than or equal to 1;
the first display module includes:
the display unit is used for correspondingly displaying the contents of different parts of the target image in the target list item according to 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.
9. The page display device according to claim 7, wherein the target image includes at least two different preset images, and the first display module includes:
and the second display unit is used for displaying corresponding images in the at least two different preset images based on different time in the page sliding process according to the corresponding relation between the time and the at least two different preset images.
10. The page display apparatus according to claim 6, characterized in that said 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.
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 true CN112883306A (en) | 2021-06-01 |
| CN112883306B 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) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022166753A1 (en) * | 2021-02-03 | 2022-08-11 | 维沃移动通信有限公司 | Page display method and apparatus |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160085878A1 (en) * | 2014-09-24 | 2016-03-24 | Lg Electronics Inc. | Mobile terminal and method for controlling the same |
| 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 (3)
| 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 |
| 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 (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20160085878A1 (en) * | 2014-09-24 | 2016-03-24 | Lg Electronics Inc. | Mobile terminal and method for controlling the same |
| 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 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2022166753A1 (en) * | 2021-02-03 | 2022-08-11 | 维沃移动通信有限公司 | Page display method and apparatus |
Also Published As
| Publication number | Publication date |
|---|---|
| WO2022166753A1 (en) | 2022-08-11 |
| CN112883306B (en) | 2024-04-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107181976A (en) | A kind of barrage display methods and electronic equipment | |
| CN112565868B (en) | Video playing method and device and electronic equipment | |
| CN112540740A (en) | Split screen display method and device, electronic equipment and readable storage medium | |
| CN113126862B (en) | Screen capture method and device, electronic equipment and readable storage medium | |
| CN112181166A (en) | Input method soft keyboard display method and device | |
| CN115357173A (en) | Screen control method and device and electronic equipment | |
| CN112905134A (en) | Method and device for refreshing display and electronic equipment | |
| CN112836086A (en) | Video processing method and device and electronic equipment | |
| CN113835577A (en) | Display method, display device, electronic equipment and storage medium | |
| CN114385049A (en) | Message processing method, device, equipment and storage medium | |
| CN113570609A (en) | Image display method and device and electronic equipment | |
| CN112433693A (en) | Split screen display method and device and electronic equipment | |
| CN112883306B (en) | Page display method and device | |
| CN114237801A (en) | Desktop display method and device, electronic equipment and medium | |
| CN112565909B (en) | Video playing method and device, electronic equipment and readable storage medium | |
| CN113721876A (en) | Screen projection processing method and related equipment | |
| CN112199149A (en) | Interface rendering method and device and electronic equipment | |
| CN113271494B (en) | Video frame processing method and device and electronic equipment | |
| CN115866314A (en) | Video playing method and device | |
| CN115729544A (en) | Desktop component generation method and device, electronic equipment and readable storage medium | |
| CN113687691A (en) | Display method and device and electronic equipment | |
| CN105022734A (en) | Background color setting method and background color setting device | |
| CN112418942A (en) | Advertisement display method and device and electronic equipment | |
| CN113986067A (en) | Object control method, device, equipment and storage medium | |
| CN114518859A (en) | Display control method, display control device, electronic 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 |