WO2022166753A1 - 页面显示方法及装置 - Google Patents

页面显示方法及装置 Download PDF

Info

Publication number
WO2022166753A1
WO2022166753A1 PCT/CN2022/074300 CN2022074300W WO2022166753A1 WO 2022166753 A1 WO2022166753 A1 WO 2022166753A1 CN 2022074300 W CN2022074300 W CN 2022074300W WO 2022166753 A1 WO2022166753 A1 WO 2022166753A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
page
display
page window
sliding
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.)
Ceased
Application number
PCT/CN2022/074300
Other languages
English (en)
French (fr)
Inventor
谢晓桦
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Publication of WO2022166753A1 publication Critical patent/WO2022166753A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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

Definitions

  • the present application belongs to the field of communication technologies, and in particular relates to a page display method and device.
  • Changing the animation response speed curve during high-speed sliding may result in a mismatch between the speed performance of the animation and the user's sliding speed, while reducing the frame rate during high-speed sliding may result in stuttering during sliding.
  • the purpose of the embodiments of the present application is to provide a method and apparatus for displaying a page, which can solve the problem that graphics overlap occurs when a user slides an application page of an electronic device, resulting in poor user experience.
  • an embodiment of the present application provides a method for displaying a page, the method comprising:
  • the first input is a sliding input for the current page window
  • the first image is displayed in the page window.
  • a page display device including:
  • a receiving module for receiving a first input; the first input is a sliding input for the current page window;
  • a determining module configured to determine a first image when the sliding rate of the first input is greater than a first threshold value
  • a replacement module for replacing the original image in the page window with the first image
  • a first display module configured to display the first image in the page window.
  • an embodiment of the present application further provides an electronic device, the electronic device includes a processor, a memory, and a program or instruction stored on the memory and executable on the processor, the program or instruction The steps of the method of the first aspect are implemented when executed by the processor.
  • an embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or instruction is executed by a processor, the method according to the first aspect is implemented. step.
  • an embodiment of the present application provides a chip, 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, and implement the first aspect the method described.
  • a computer program product is provided, the computer program product being stored in a non-transitory storage medium, the program product being executed by at least one processor to implement the steps of the method according to the first aspect.
  • the first image when the sliding rate of the received first input is greater than the first threshold value, the first image is determined, the first image is used to replace the original image in the page window, and the first image is used in the page window. Displaying the first image in the middle of the page can avoid the problem of image overlapping of the original image in the process of fast sliding of the page window to a certain extent, and improve the user experience.
  • FIG. 1 is one of the flowcharts of a page display method provided by an embodiment of the present application
  • FIG. 2 is a schematic diagram of a page window according to an embodiment of the present application displaying vertically arranged list items
  • FIG 3 is one of the schematic diagrams of the process of replacing the original image in the page window with the first image under the list view mode provided by the embodiment of the present application;
  • FIG 5 is the third schematic diagram of the process of replacing the original image in the page window with the first image in the list view mode provided by the embodiment of the present application;
  • FIG. 6 is a schematic layout diagram of a horizontal list item provided by an embodiment of the present application.
  • FIG. 7 is a schematic layout diagram of a waterfall mode list item provided by an embodiment of the present application.
  • FIG. 8 is a flowchart of a list item displaying the content of a first pattern during a page sliding process provided by an embodiment of the present application
  • FIG. 9 is a schematic diagram of the content of a list item displaying a first pattern in a vertical layout provided by an embodiment of the present application.
  • FIG. 10 is a schematic diagram of the content of a list item displaying a first pattern in a horizontal layout provided by an embodiment of the present application;
  • FIG. 11 is a schematic diagram of the content of a list item displaying a first pattern in a waterfall layout provided by an embodiment of the present application;
  • FIG. 12 is a schematic diagram of displaying different preset images in the process of rapidly sliding a page according to an embodiment of the present application
  • FIG. 13 is the second flowchart of the page display method provided by the embodiment of the present application.
  • FIG. 14 is a block diagram of a page display apparatus provided by an embodiment of the present application.
  • 15 is a block diagram of an electronic device provided by an embodiment of the present application.
  • FIG. 16 is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present application.
  • first, second and the like in the description and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It is to be understood that the data so used are interchangeable under appropriate circumstances so that the embodiments of the present application can be practiced in sequences other than those illustrated or described herein, and distinguish between “first”, “second”, etc.
  • the objects are usually of one type, and the number of objects is not limited.
  • the first object may be one or more than one.
  • “and/or” in the description and claims indicates at least one of the connected objects, and the character “/" generally indicates that the associated objects are in an "or” relationship.
  • user equipment may refer to an access terminal, a subscriber unit, a subscriber station, a mobile station, a mobile station, a remote station, a remote terminal, a mobile device, a user terminal, a terminal , wireless communication device, user agent or user device.
  • the terminal device may also be a cellular phone, a cordless phone, a Session Initiation Protocol (SIP) phone, a Wireless Local Loop (WLL) station, a Personal Digital Assistant (PDA), a wireless communication Functional handheld devices, computing devices or other processing devices connected to wireless modems, in-vehicle devices, wearable devices.
  • SIP Session Initiation Protocol
  • WLL Wireless Local Loop
  • PDA Personal Digital Assistant
  • the page display method provided in the embodiment of the present application is applied to an electronic device, and the electronic device may be a mobile terminal having a display screen and displaying pages through the display screen, such as a mobile phone, a tablet computer, a wearable smart device, etc. , which is not limited in the embodiments of the present application.
  • an embodiment of the present application provides a page display method, including:
  • Step 101 Receive a first input; the first input is a sliding input for the current page window.
  • the first input may be input by the user by sliding any position of the page window on the screen of the electronic device, or by sliding a sliding control, such as a progress bar, set on the page window. , which is not limited in the embodiments of the present application.
  • Step 102 In the case that the sliding rate of the first input is greater than a first threshold value, determine a first image.
  • the electronic device when the rate of the first input is greater than the first threshold value, the electronic device starts the sliding display replacement module, determines the first image, and performs subsequent replacement steps.
  • the first threshold value may be preset by the user, and the first threshold value is greater than or equal to 0.
  • Step 103 Replace the original image in the page window with the first image.
  • the way of replacing the original image in the page window with the first image can be performed by an application program on the electronic device, that is, the application program actively performs the corresponding view replacement, or the electronic device can perform it through the system side, That is, the system enables the application to replace the corresponding view through the view frame system.
  • the process of view replacement can 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 Display the first image in the page window.
  • the filled first image is displayed in the page window.
  • the first image when the sliding rate of the received first input is greater than the first threshold value, 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.
  • One image to a certain extent, can avoid the problem of image overlap in the original image during the process of fast sliding of the page window, and improve the user experience.
  • the determining the first image includes:
  • De-overlap processing is performed 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;
  • a preset target image is used as the first image.
  • the content of the first image can be determined by setting an interesting display option on the electronic device. If the user chooses not to open the interesting display option, the electronic device performs de-overlap processing on the original content of the page window, and obtains De-overlap the image, take the de-overlapping image as the first image and perform subsequent replacement operations, that is, replace the sliding view with the de-overlapping image, that is, the first image, which can improve the image overlap of the original image during the process of fast sliding of the page window.
  • the electronic device can take the preset target image selected by the user as the first image, and perform the subsequent replacement operation, that is, the preset target image is presented during the page sliding process, That is, the first image can not only improve the problem of image overlap in the original image during the rapid sliding of the page window, but also increase the interest of the sliding display effect and enhance the user experience.
  • the target image may be an image, a moving image or a video.
  • whether to open the interesting display option can be selected by setting the interesting display control.
  • De-overlap processing is performed on the original content of the page window to obtain a de-overlapping image, and all the pictures can be processed into pictures of the same length and size by normalizing the pictures in the original content of the page window, and After grayscale processing, the original content of the page window can also be processed into other images with better display effect when overlapped, for example, the text and pictures in the original image are reduced in a uniform proportion and other processing methods.
  • 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:
  • the target list item is the N list items one of the list items.
  • the page window when the page window displays page content in a list view mode, multiple list items are displayed in the page window, and each list item displays different content.
  • the page window as shown in FIG. 2 includes 5 list items. Vertically arranged list items, 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, ... the content corresponding to the fifth video is displayed in the fifth list item displayed in.
  • the process of replacing the original image in the page window with the first image in the page window is:
  • the location is selected, the content of the view corresponding to the list item is replaced with the content of the first image to be displayed, so as to form the content to be displayed on the page window.
  • the first image is an image of a clock
  • the page window includes 5 list items at the beginning of sliding, which are represented by list items item1, item2, item3, item4, and item5 respectively.
  • list items item1, item2, item3, item4, and item5 are represented by list items item1, item2, item3, item4, and item5 respectively.
  • the list item item1 slides out of the page
  • half of the sixth list item item6 is displayed at the bottom of the page
  • the bottom of the page displays the whole of the sixth list item item6 and half of the seventh list item item7, as can be seen from Figure 3 to Figure 5, during the sliding process, each list item Although the position of the clock has changed, the list items on the page have always displayed the clock image, but each list item displays different parts of the clock pattern at different positions.
  • the third The list item item3 shows about one third of the content of the upper part of the clock image, as the page slides, see Figure 4, the third list item item3 only shows about one tenth of the upper part of the clock image, with Page swiping continues, please refer to Figure 5, the third list item item3 does not display the content of the clock pattern at all.
  • FIGS. 3 to 5 show the case where the list item slides vertically in the page window, but the method provided by this embodiment of the present application is also applicable to other sliding situations.
  • FIG. 6 which is the A schematic diagram of a list item in a horizontal layout provided by the application embodiment, that is, the first list item item1, the second list item item2 and the third list item item3 are arranged horizontally along the page window, and the sliding direction of the page window is horizontal;
  • FIG. 7 is a schematic diagram of the layout of a list item in a waterfall mode provided by an embodiment of the present application. In the waterfall layout mode, the page window can display 4 rows and 3 columns, a total of 12 images, and the 12 images correspond to A list item, in waterfall layout mode, the page window can slide horizontally.
  • each list item obtains the pattern to be displayed through a certain algorithm.
  • Each list item can compare the position and size of the list item itself with the size and position of the first pattern to obtain whether the related pattern needs to be displayed and which part of the first pattern needs to be displayed. 8 to 11, the flow of displaying the content of the first pattern in the list item during the page sliding process will be described in detail below.
  • the part of the first image captured by the list item is obtained by calculating the coordinate points, and the captured part of the first image is displayed. As shown in FIGS.
  • the embodiments of the present application respectively provide a list item in a vertical layout, a list item in a horizontal layout, and a list item in a waterfall layout, and a schematic diagram of an algorithm for calculating the portion of the first image captured by the list item, please refer to FIG. 9.
  • 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 outer 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-line rectangular frame shown in the figure, represents the list item.
  • the overlapping area between the outer rectangular frame of the first image and the list item is
  • the rectangular frame formed by [left1, top2] and [right1, bottom2] constitutes the part of the first image that the list item needs to display, that is, the slashed part shown in the figure, and the original image of the list item will be displayed later. Replace with this part.
  • the rectangular frame formed by the coordinate point [left1, top1] and the coordinate point [right1, bottom1], that is, the dotted rectangle shown in the figure represents the first image.
  • the surrounding rectangular box the rectangular box formed by the coordinate points [left2, top2] and the coordinate points [right2, bottom2], that is, the solid-line rectangular box shown in the figure, represents the list item, the outer rectangular box and the list item of the first image
  • the overlapping area of is the rectangular frame formed by [left1, top1] and [right2, bottom1], which constitutes the part of the first image that the list item needs to display, that is, the slashed part shown in the figure, and the list item will be displayed later.
  • the original image displayed is replaced with this part.
  • the rectangular frame formed by the coordinate points [left1, top1] and the coordinate points [right1, bottom1] that is, the dotted rectangle shown in the figure, represents the first image.
  • the surrounding rectangular box the rectangular box formed by the coordinate points [left1, top1] and the coordinate points [right2, bottom2], that is, the solid-line rectangular box shown in the figure, represents the list item, the outer rectangular box and the list item of the first image
  • the overlapping area of is the rectangular frame formed by [left1, top1] and [right1, bottom1], which constitutes the part of the first image that the list item needs to display (that is, the content of all the first image), as shown in the figure
  • the slashed part of the list item will be replaced by the original image displayed by the list item later.
  • the target image includes at least two different preset images
  • the displaying the first image in the page window includes:
  • the corresponding images in the at least two different preset images are displayed based on different times.
  • the user can display not only a fixed image, but an image animation during the fast sliding process of the page, that is, as the sliding time progresses, different preset images can be displayed,
  • the embodiment of the present application provides three preset images, respectively corresponding to three incremental time points t1, t2 and t3 on the time axis, and these different preset images displayed at different time points form the By shortening or extending the distance between time points, you can also control the playback curve of the image animation, that is, control the display time of each preset image.
  • the method further includes:
  • the original image is displayed in the page window when the sliding rate is less than a second threshold value.
  • the electronic device when the sliding rate is less than the second threshold value, restores the display content in the page window to the original image and the corresponding style, and the content of the temporarily replaced first image can be removed by removing the content of the temporarily replaced first image. , to make the content and style of the original image visible.
  • the second threshold value may be preset by the user, and the first threshold value is greater than or equal to 0.
  • the sliding rate When receiving the first input to perform page sliding, the sliding rate is detected, and when the detected sliding rate is greater than the first threshold value A, it is judged whether the user has enabled the interesting display option. Perform processing to obtain a de-overlapping image, and replace the original content of the page window with the content and style of the de-overlapping image. If the user turns on the interesting display option, the list items in the page slide, combine and display the preset image, and determine the preset image. Whether it is an animation, if so, display the animation on the page, and then restore the display of the original image when the sliding rate is less than the second threshold value B.
  • the page display method provided by the embodiment of the present application optimizes the original sliding display effect by replacing the content displayed in the page window when the page slides, and further expands that, when the page slides, a preset image or animation is displayed, increasing the
  • the interestingness of the sliding display effect improves the user's operating experience when sliding on the electronic device, especially the experience when sliding at high speed.
  • the execution body may be a page display device, or a control module in the page display device for executing the page display method.
  • the page display device provided by the embodiment of the present application is described by taking the page display device executing the page display method as an example.
  • 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 determination module 1402 , a replacement module 1403 and a first display module 1404 .
  • a receiving module 1401, configured to receive a first input; the first input is a sliding input for the current page window;
  • a determination module 1402 configured to determine a first image when 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
  • the first display module 1404 is configured to display the first image in the page window.
  • the page display apparatus 1400 determines a first image when the sliding rate of the received first input is greater than a first threshold value, and replaces the original image in the page window with the first image, and Displaying the first image in the page window can, to a certain extent, avoid the problem of image overlap in the original image during the rapid sliding of the page window, thereby improving user experience.
  • the determining module 1402 includes:
  • a determining unit configured to perform de-overlapping processing on the original content of the page window to obtain a de-overlapping image, and use the de-overlapping image as the first image
  • 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:
  • a display unit configured to display content 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 during the page sliding process; the target list item is all One of the N list items.
  • the target image includes at least two different preset images
  • the first display module 1404 includes:
  • the second display unit is configured to, according to the corresponding relationship between the time and the at least two different preset images, during the page sliding process, display the corresponding images in the at least two different preset images based on different times .
  • the device further includes:
  • a second display module configured to display the original image in the page window when the sliding rate is less than a second threshold value.
  • the page display apparatus 1400 determines a first image when the sliding rate of the received first input is greater than a first threshold value, and replaces the original image in the page window with the first image, and Displaying the first image in the page window can, to a certain extent, avoid the problem of image overlap in the original image during the rapid sliding of the page window, thereby improving user experience.
  • the page display device in this embodiment of the present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal.
  • the apparatus may be a mobile electronic device or a non-mobile electronic device.
  • the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palmtop computer, a vehicle-mounted electronic device, a wearable device, an Ultra-mobile Personal Computer (UMPC), a netbook, or a personal digital assistant (Personal Digital Assistant).
  • UMPC Ultra-mobile Personal Computer
  • netbook or a personal digital assistant (Personal Digital Assistant).
  • non-mobile electronic devices can be servers, network attached storage (Network Attached Storage, NAS), personal computer (Personal Computer, PC), television (Television, TV), teller machine or self-service machine, etc., this application Examples are not specifically limited.
  • Network Attached Storage NAS
  • PC Personal Computer
  • TV Television, TV
  • teller machine or self-service machine etc.
  • the page display device in the embodiment of the present application may be a device with an operating system.
  • the operating system may be an Android (Android) operating system, an iOS processor operating system, or other possible operating systems, which are not specifically limited in the embodiments of the present application.
  • the page display apparatus provided in the embodiment of the present application can implement each process implemented in the method embodiments of FIG. 1 to FIG. 13 , and to avoid repetition, details are not repeated here.
  • the apparatus of this embodiment of the present application determines the first image when the sliding rate of the received first input is greater than the first threshold value, replaces the original image in the page window with the first image, and displays the first image in the page window. Displaying the first image can, to a certain extent, avoid the problem of image overlap in the original image during the rapid sliding of the page window, thereby improving user experience.
  • the page display device provided by the embodiment of the present application is a device capable of executing the above page display method, and all the above page display method embodiments are applicable to the device, and can achieve the same or similar beneficial effects.
  • an embodiment of the present application further provides an electronic device 1500, including a processor 1501, a memory 1502, a program or instruction stored in the memory 1502 and executable on the processor 1501,
  • an electronic device 1500 including a processor 1501, a memory 1502, a program or instruction stored in the memory 1502 and executable on the processor 1501,
  • the program or instruction is executed by the processor M01, each process of the above page display method embodiment is implemented, and the same technical effect can be achieved. In order to avoid repetition, details are not described here.
  • the electronic devices in the embodiments of the present application include the aforementioned mobile electronic devices and non-mobile electronic devices.
  • the electronic device provided by the embodiment of the present application is an electronic device capable of executing the above-mentioned page display method, and all the above-mentioned 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 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: a radio frequency unit 1601, a network module 1602, an audio output unit 1603, an input unit 1604, a sensor 1605, a display unit 1606, a user input unit 1607, an interface unit 1608, a memory 1609, and a processor 1610, etc. part.
  • the electronic device 1600 may also include a power supply (such as a battery) for supplying power to various components, and the power supply may be logically connected to the processor 1610 through a power management system, so that the power management system can manage charging, discharging, and power management. consumption management and other functions.
  • a power supply such as a battery
  • the structure of the electronic device shown in FIG. 16 does not constitute a limitation on the electronic device.
  • the electronic device may include more or less components than the one shown, or combine some components, or arrange different components, which will not be repeated here. .
  • the processor 1610 is configured to receive a first input; the first input is a sliding input for the current page window; and, when the sliding rate of the first input is greater than a first threshold value, determine the first input an image; and replacing the original image in the page window with the first image.
  • the display unit 1606 is configured to display the first image in the page window.
  • the electronic device 1600 determines the first image when the sliding rate of the received first input is greater than the first threshold value, replaces the original image in the page window with the first image, and displays the first image in the page window. Displaying the first image can, to a certain extent, avoid the problem of image overlap in the original image during the rapid sliding of the page window, thereby improving user experience.
  • the processor 1610 is further configured to perform de-overlapping processing on the original image of the page window to obtain a de-overlapping image, and use the de-overlapping image as the first image;
  • 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 display the content 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 during the page sliding process; the target list item is one of the N list items.
  • the target image includes at least two different preset images
  • the display unit 1606 is further configured to, according to the corresponding relationship between time and the at least two different preset images, during the page sliding process, based on Corresponding images in the at least two different preset images are displayed at different times.
  • the display unit 1606 is further configured to display the original image in the page window when the sliding rate is less than a second threshold value.
  • the electronic device 1600 provided by this embodiment of the present application determines a first image when the sliding rate of the received first input is greater than the first threshold value, replaces the original image in the page window with the first image, Displaying the first image in the page window can, to a certain extent, avoid the problem of image overlap in the original image during the rapid sliding of the page window, thereby improving user experience.
  • the input unit 1604 may include a graphics processor (Graphics Processing Unit, GPU) 16041 and a microphone 16042. Such as camera) to obtain still pictures or video image data for processing.
  • the display unit 1606 may include a display panel 16061, which 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 called 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, physical keyboards, function keys (such as volume control keys, switch keys, etc.), trackballs, mice, and joysticks, which are not described herein again.
  • Memory 1609 may be used to store software programs as well as various data, including but not limited to application programs and operating systems.
  • the processor 1610 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, and the like, and the modem processor mainly processes wireless communication. It can be understood that, the above-mentioned modulation and demodulation processor may not be integrated into the processor 1610.
  • the embodiments of the present application further provide a readable storage medium, the readable storage medium may be non-transitory, and a program or an instruction is stored on the readable storage medium, and the above-mentioned page display is realized when the program or instruction is executed by a processor
  • a readable storage medium may be non-transitory
  • a program or an instruction is stored on the readable storage medium, and the above-mentioned page display is realized when the program or instruction is executed by a processor
  • the processor is the processor in the electronic device described in the foregoing embodiments.
  • the readable storage medium includes a computer-readable storage medium, such as a read-only memory (Read-Only Memory, ROM for short), a random access memory (Random Access Memory, RAM for short), a magnetic disk or an optical disk, and the like.
  • An 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 the above page display method embodiments
  • the chip includes a processor and a communication interface
  • the communication interface is coupled to the processor
  • the processor is configured to run a program or an instruction to implement the above page display method embodiments
  • the chip mentioned in the embodiments of the present application may also be referred to as a system-on-chip, a system-on-chip, a system-on-a-chip, or a system-on-a-chip, or the like.
  • Embodiments of the present application further provide a computer program product, where the computer program product is stored in a non-transitory storage medium, and the computer program product is executed by at least one processor to implement the steps of the page display method.
  • the method of the above embodiment can be implemented by means of software plus a necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is better implementation.
  • the technical solution of the present application can be embodied in the form of a software product in essence or in a part that contributes to the prior art, and the computer software product is stored in a storage medium (such as ROM/RAM, magnetic disk, CD-ROM), including several instructions to make a terminal (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) execute the methods described in the various embodiments of this application.
  • a storage medium such as ROM/RAM, magnetic disk, CD-ROM

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

一种页面显示方法及装置，涉及通信技术领域。该页面显示方法包括：接收第一输入；所述第一输入为针对当前页面窗口的滑动输入（101）；在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像（102）；使用所述第一图像替换所述页面窗口中的原始图像（103）；在所述页面窗口中显示所述第一图像（104）。

Description

页面显示方法及装置
相关申请的交叉引用
本申请主张在2021年2月3日在中国提交的中国专利申请No.202110148813.5的优先权，其全部内容通过引用包含于此。
技术领域
本申请属于通信技术领域，具体涉及一种页面显示方法及装置。
背景技术
目前，电子设备的用户在电子设备上快速滑动应用页面时，一些页面上的图片和文字会呈现图形重叠的效果，给人的感觉并不美观，尤其是在高刷新率的电子设备上，这种现象非常明显。为了优化快速滑动时页面的显示效果，一些现有的技术方案会通过改变滑动动画的响应速度曲线，降低高速滑动时的滑动速度的方式来减缓页面上的图形重叠的不美观效果，还有一些现有技术通过减少滑动的帧率，来缓解页面中的图形重叠的不美观效果。
在实现本申请过程中，发明人发现现有技术中至少存在如下问题：
改变高速滑动时的动画响应速度曲线可能导致动画的速率表现和用户的滑动速度不匹配的情况，而减少高速滑动时的帧率，则可能带来滑动时卡顿的情况。
发明内容
本申请实施例的目的是提供一种页面显示方法及装置，能够解决用户在滑动电子设备的应用页面时会出现图形重叠现象，导致用户体验差的问题。
为了解决上述技术问题，本申请是这样实现的：
第一方面，本申请的实施例提供了一种页面显示方法，该方法包括：
接收第一输入；所述第一输入为针对当前页面窗口的滑动输入；
在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像；
使用所述第一图像替换所述页面窗口中的原始图像；
在所述页面窗口中显示所述第一图像。
第二方面，本申请的实施例提供了一种页面显示装置，包括：
接收模块，用于接收第一输入；所述第一输入为针对当前页面窗口的滑动输入；
确定模块，用于在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像；
替换模块，用于使用所述第一图像替换所述页面窗口中的原始图像
第一显示模块，用于在所述页面窗口中显示所述第一图像。
第三方面，本申请实施例还提供了一种电子设备，该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面，本申请实施例还提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面，本申请实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。
第六方面，提供一种计算机程序产品，所述计算机程序产品被存储在非瞬态的存储介质中，所述程序产品被至少一个处理器执行以实现如第一方面所述的方法的步骤。
这样，本申请实施例中，通过在接收到的第一输入的滑动速率大于第一门限值的情况下，确定第一图像，使用第一图像替换页面窗口中的原始图像，并在页面窗口中显示第一图像，可以在一定程度上避免在页面窗口快速滑动的过程中原始图像出现图像重叠的问题，提升用户的体验。
附图说明
图1为本申请实施例提供的页面显示方法的流程图之一；
图2为本申请实施例提供的页面窗口显示纵向排列的列表项的示意图；
图3为本申请实施例提供的列表视图模式下，第一图像替换页面窗口中 的原始图像的过程示意图之一；
图4为本申请实施例提供的列表视图模式下，第一图像替换页面窗口中的原始图像的过程示意图之二；
图5为本申请实施例提供的列表视图模式下，第一图像替换页面窗口中的原始图像的过程示意图之三；
图6是本申请实施例提供的横向列表项的布局示意图；
图7是本申请实施例提供的瀑布模式列表项的布局示意图；
图8是本申请实施例提供的页面滑动过程中，列表项显示第一图案的内容的流程图；
图9是本申请实施例提供的纵向布局的列表项显示第一图案的内容示意图；
图10是本申请实施例提供的横向布局的列表项显示第一图案的内容示意图；
图11是本申请实施例提供的瀑布布局的列表项显示第一图案的内容示意图；
图12是本申请实施例提供的页面快速滑动过程中，显示不同的预设图像的示意图；
图13为本申请实施例提供的页面显示方法的流程图之二；
图14为本申请实施例提供的页面显示装置的框图；
图15为本申请实施例提供的电子设备的框图；
图16为本申请实施例提供的电子设备的硬件结构示意图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据 在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的页面显示方法进行详细地说明。
本申请实施例的方法应用于用户设备，用户设备(User Equipment，UE)可以指接入终端、用户单元、用户站、移动站、移动台、远方站、远程终端、移动设备、用户终端、终端、无线通信设备、用户代理或用户装置。终端设备还可以是蜂窝电话、无绳电话、会话启动协议(Session Initiation Protocol，SIP)电话、无线本地环路(Wireless Local Loop，WLL)站、个人数字助理(Personal Digital Assistant，PDA)、具有无线通信功能的手持设备、计算设备或连接到无线调制解调器的其它处理设备、车载设备、可穿戴设备。
可选地，本申请实施例提供的页面显示方法应用于电子设备，该电子设备可以是具有显示屏幕，且通过该显示屏幕进行页面显示的移动终端，如手机，平板电脑，可穿戴智能设备等，在本申请实施例中不作限定。
如图1所示，本申请实施例提供一种页面显示方法，包括：
步骤101：接收第一输入；所述第一输入为针对当前页面窗口的滑动输入。
在本申请实施例中，所述第一输入可以是由用户通过滑动电子设备的屏幕上的页面窗口的任意位置进行输入，也可以通过滑动页面窗口上设置的滑动控件，比如进度条，进行输入，在本申请实施例中不作限定。
步骤102：在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像。
在本申请实施例中，在所述第一输入的速率大于第一门限值的情况下，电子设备会启动滑动显示替换模块，确定第一图像，并进行后续的替换步骤。
需要说明的是，第一门限值可以由用户预先设定，且第一门限值大于或者等于0。
步骤103：使用所述第一图像替换所述页面窗口中的原始图像。
在本申请实施例中，使用第一图像替换页面窗口中的原始图像的方式可以由电子设备上的应用程序进行，即应用程序主动进行相应的视图替换，也可以由电子设备通过系统侧进行，即系统通过视图框架体系，使应用程序做相应的视图替换。
视图替换的过程，可以通过将页面窗口中的原始图像由可见变为不可见，然后在页面窗口中重新填充第一图像的方式进行。
步骤104：在所述页面窗口中显示所述第一图像。
在本申请实施例中，完成视图的替换过程后，在所述页面窗口中显示填充的所述第一图像。
本申请实施例，通过在接收到的第一输入的滑动速率大于第一门限值的情况下，确定第一图像，使用第一图像替换页面窗口中的原始图像，并在页面窗口中显示第一图像，可以在一定程度上避免在页面窗口快速滑动的过程中原始图像出现图像重叠的问题，提升用户的体验。
可选地，所述确定第一图像，包括：
对所述页面窗口的原始内容进行去重叠化处理，得到去重叠图像，将所述去重叠图像作为所述第一图像；
或，
将预设的目标图像作为所述第一图像。
在本申请实施例中，确定第一图像的内容可以通过在电子设备上设置趣味显示选项，若用户选择不打开该趣味显示选项，则电子设备对页面窗口的原始内容进行去重叠化处理，得到去重叠图像，将该去重叠图像作为第一图像并进行后续的替换操作，即将滑动的视图替换为去重叠图像，也就是第一图像，可以改善页面窗口快速滑动的过程中原始图像出现图像重叠的问题；或用户选择打开该趣味显示选项，则电子设备可以将用户选择的预设的目标图像作为第一图像，并进行后续的替换操作，即页面滑动过程中呈现出预设的目标图像，也就是第一图像，既可以改善页面窗口快速滑动的过程中原始图像出现图像重叠的问题，还可以增加滑动显示效果的趣味性，增加用户体验。需要说明的是，该目标图像可以为一张图像，也可以为动图或者视频。
在本申请实施例中，可以通过设置趣味显示控件来选择是否打开趣味显示选项。
对所述页面窗口的原始内容进行去重叠化处理，得到去重叠图像，可以通过将页面窗口的原始内容中的图片进行归一化处理，将所有图片都处理为相同长度和大小的图片，并且进行灰度化处理得到，也可以将页面窗口的原始内容处理为其他的在重叠时，有较好显示效果的图像，比如，将原始图像中的文字和图片进行统一比例的缩小等处理方式。
可选地，所述第一图像为所述目标图像，所述页面窗口包括N个列表项，N为大于或等于1的正整数；
所述在所述页面窗口中显示所述第一图像，包括：
在页面滑动过程中，根据目标列表项在所述页面窗口的不同位置，在所述目标列表项中对应显示所述目标图像的不同部分的内容；所述目标列表项是所述N个列表项的其中一个列表项。
在本申请实施例中，在页面窗口以列表视图模式显示页面内容时，页面窗口中会显示多个列表项，每个列表项显示不同的内容，如图2所示的页面窗口中包括5个纵向排列的列表项，第一视频对应的内容在第一个列表项中显示，第二视频对应的内容在第二个列表项中显示，……第五视频对应的内容在第五个列表项中显示。
若用户打开趣味显示选项，当快速滑动以列表视图模式显示页面内容的页面窗口时，在页面窗口中使用第一图像替换页面窗口中的原始图像的过程为：不同的列表项在滑动到特定的位置时，将列表项对应的视图内容替换为需要显示的第一图像的内容，以在页面窗口上组成所需要显示的内容。
下面结合图3至图5具体说明列表视图模式下，第一图像替换页面窗口中的原始图像的过程。
如图3所示，在本申请的实施例中，第一图像为一个钟表图像，页面窗口在滑动初始时，包括5个列表项，分别用列表项item1、item2、item3、item4、item5表示，随着页面的纵向滑动，请参阅图4，列表项item1的一半滑出页面，页面底部显示出第六个列表项item6的一半，随着页面滑动继续进行，请参阅图5，列表项item1的全部和列表项item2的一半滑出页面，页面底部 显示出第六列表项item6的全部和第七个列表项item7的一半，如图3至图5可以看出，在滑动过程中，各个列表项的位置虽然发生变化，但是页面上的列表项呈现出来的一直是钟表图像，只是各个列表项在不同位置显示该钟表图案的不同部分，比如，在滑动初始时，请参阅图3，第三个列表项item3显示了钟表图像上部的约三分之一的内容，随着页面的滑动，请参阅图4，第三个列表项item3只显示钟表图像上部的约十分之一的内容，随着页面滑动继续进行，请参阅图5，第三个列表项item3则完全不显示钟表图案的内容了。
需要说明的是，图3至图5显示的是列表项在页面窗口纵向滑动的情况，但是本申请实施例提供的方法也适用于其他的滑动情形，例如，请参阅图6，图6为本申请实施例提供的横向布局的列表项示意图，即第一个列表项item1、第二个列表项item2和第三个列表项item3沿页面窗口横向排列，且页面窗口的滑动方向是横向的；还例如，请继续参阅图7，图7是本申请实施例提供的瀑布模式列表项的布局示意图，在瀑布布局模式下，页面窗口可以显示4行3列，一共12张图像，该12张图像对应一个列表项，在瀑布布局模式下，页面窗口可以横向滑动。
页面滑动时，每个列表项通过一定的算法获取到需要显示的图案。各个列表项可以将列表项自身的位置和大小，和第一图案的大小和位置，进行比较，以获取是否需要显示相关图案，以及需要显示的是第一图案的哪一部分。下面结合图8至图11，具体说明在页面滑动过程中，列表项显示第一图案的内容的流程。在页面滑动过程中，通过坐标点计算得到列表项截取的第一图像的部分，显示截取的第一图像的部分。如图9至图11所示，本申请实施例分别提供纵向布局的列表项、横向布局的列表项和瀑布布局的列表项，计算列表项截取的第一图像的部分的算法示意图，请参阅图9，在纵向布局的列表项中，坐标点[left1,top1]和坐标点[right1,bottom1]形成的矩形框，也就是图中所示的虚线矩形框，表示第一图像的外围矩形框，坐标点[left2,top2]和坐标点[right2,bottom2]形成的矩形框，也就是图中所示的实线矩形框，表示列表项，第一图像的外围矩形框和列表项的重叠区域是由[left1,top2]和[right1,bottom2]形成的矩形框即构成了列表项需要显示的第一图像的部分，也就是图中所示的斜线部分，后续会将列表项的显示原始图像替换成该部分。 还请参阅图10，在横向布局的列表项中，坐标点[left1,top1]和坐标点[right1,bottom1]形成的矩形框，也就是图中所示的虚线矩形框，表示第一图像的外围矩形框，坐标点[left2,top2]和坐标点[right2,bottom2]形成的矩形框，也就是图中所示的实线矩形框，表示列表项，第一图像的外围矩形框和列表项的重叠区域是由[left1,top1]和[right2,bottom1]形成的矩形框即构成了列表项需要显示的第一图像的部分，也就是图中所示的斜线部分，后续会将列表项显示的原始图像替换成该部分。再请参阅图11，在横向布局的列表项中，坐标点[left1,top1]和坐标点[right1,bottom1]形成的矩形框，也就是图中所示的虚线矩形框，表示第一图像的外围矩形框，坐标点[left1,top1]和坐标点[right2,bottom2]形成的矩形框，也就是图中所示的实线矩形框，表示列表项，第一图像的外围矩形框和列表项的重叠区域是由[left1,top1]和[right1,bottom1]形成的矩形框即构成了列表项需要显示的第一图像的部分(也就是全部的第一图像的内容)，即图中所示的斜线部分，后续会将列表项显示的原始图像替换成该部分。
可选地，所述目标图像包括至少两张不同的预设图像，所述在所述页面窗口中显示所述第一图像，包括：
根据时间与所述至少两张不同的预设图像间的对应关系，在页面滑动过程中，基于不同的时间显示所述至少两张不同的预设图像中的对应图像。
在本申请实施例中，用户可以在设置在页面快速滑动过程中，不是只显示一个固定的图像，而是显示图像动画，也就是随着滑动时间的推进，显示不同的预设图像即可，如图12所示，本申请实施例提供了三个预设图像，分别对应时间轴上的三个递增的时间点t1、t2和t3，这些在不同的时间点显示的不同的预设图像形成了动画，且通过缩短或者拉长时间点之间的距离，还可以控制图像动画的播放曲线，也就是控制每一张预设图像显示出的时间。
可选地，所述方法还包括：
在所述滑动速率小于第二门限值的情况下，在所述页面窗口中显示所述原始图像。
在本申请实施例中，所述滑动速率小于第二门限值的情况下，电子设备将页面窗口中的显示内容恢复成原始图像和对应样式，可以通过将临时替换 的第一图像的内容除去，将原始图像的内容和样式设置为可见的方式进行。
需要说明的是，第二门限值可以由用户预先设定，且第一门限值大于或者等于0。
下面结合图13，具体说明该页面显示方法。
在接收第一输入进行页面滑动时，检测滑动速率，当检测到的滑动速率大于第一门限值A的情况下，判断用户是否打开趣味显示选项，若未打开，则对页面窗口的原始内容进行处理，得到去重叠图像，替换页面窗口的原始内容为去重叠图像的内容和样式，若用户打开趣味显示选项，则页面中的列表项滑动，组合并显示出预设图像，判断预设图像是否为动画，若是，则在页面上显示出动画，之后在滑动速率小于第二门限值B的情况下，恢复显示原始图像。
本申请实施例提供的页面显示方法，通过在页面滑动时替换页面窗口显示的内容，优化了原有的滑动显示效果，进一步扩展出，在页面滑动时，显示出预设的图像或动画，增加滑动显示效果的趣味性，提升用户在电子设备上进行滑动操作时的操作体验，尤其是高速滑动时的体验。
需要说明的是，本申请实施例提供的页面显示方法，执行主体可以为页面显示装置，或者该页面显示装置中的用于执行页面显示方法的控制模块。本申请实施例中以页面显示装置执行页面显示方法为例，说明本申请实施例提供的页面显示装置。
图14是本申请一个实施例的页面显示装置的框图。图14所示的页面显示装置1400包括接收模块1401、确定模块1402、替换模块1403和第一显示模块1404。
接收模块1401，用于接收第一输入；所述第一输入为针对当前页面窗口的滑动输入；
确定模块1402，用于在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像；
替换模块1403，用于使用所述第一图像替换所述页面窗口中的原始图像；
第一显示模块1404，用于在所述页面窗口中显示所述第一图像。
本申请实施例提供的页面显示装置1400，通过在接收到的第一输入的滑 动速率大于第一门限值的情况下，确定第一图像，使用第一图像替换页面窗口中的原始图像，并在页面窗口中显示第一图像，可以在一定程度上避免在页面窗口快速滑动的过程中原始图像出现图像重叠的问题，提升用户的体验。
可选地，所述确定模块1402包括：
确定单元，用于对所述页面窗口的原始内容进行去重叠化处理，得到去重叠图像，将所述去重叠图像作为所述第一图像；
或，
用于将预设的目标图像作为所述第一图像。
可选地，所述第一图像为所述目标图像，所述页面窗口包括N个列表项，N为大于或等于1的正整数；
所述第一显示模块1404包括：
显示单元，用于在页面滑动过程中，根据目标列表项在所述页面窗口的不同位置，在所述目标列表项中对应显示所述目标图像的不同部分的内容；所述目标列表项是所述N个列表项的其中一个列表项。
可选地，所述目标图像包括至少两张不同的预设图像，所述第一显示模块1404包括：
第二显示单元，用于根据时间与所述至少两张不同的预设图像间的对应关系，在页面滑动过程中，基于不同的时间显示所述至少两张不同的预设图像中的对应图像。
可选地，所述装置还包括：
第二显示模块，用于在所述滑动速率小于第二门限值的情况下，在所述页面窗口中显示所述原始图像。
本申请实施例提供的页面显示装置1400，通过在接收到的第一输入的滑动速率大于第一门限值的情况下，确定第一图像，使用第一图像替换页面窗口中的原始图像，并在页面窗口中显示第一图像，可以在一定程度上避免在页面窗口快速滑动的过程中原始图像出现图像重叠的问题，提升用户的体验。
本申请实施例中的页面显示装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、 车载电子设备、可穿戴设备、超级移动个人计算机(Ultra-mobile Personal Computer，UMPC)、上网本或者个人数字助理(Personal Digital Assistant，PDA)等，非移动电子设备可以为服务器、网络附属存储器(Network Attached Storage，NAS)、个人计算机(Personal Computer，PC)、电视机(Television，TV)、柜员机或者自助机等，本申请实施例不作具体限定。
本申请实施例中的页面显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为iOS处理器操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。
本申请实施例提供的页面显示装置能够实现图1至图13的方法实施例中实现的各个过程，为避免重复，这里不再赘述。
本申请实施例的装置，通过在接收到的第一输入的滑动速率大于第一门限值的情况下，确定第一图像，使用第一图像替换页面窗口中的原始图像，并在页面窗口中显示第一图像，可以在一定程度上避免在页面窗口快速滑动的过程中原始图像出现图像重叠的问题，提升用户的体验。
需要说明的是，本申请实施例提供的页面显示装置是能够执行上述页面显示方法的装置，则上述页面显示方法的所有实施例均适用于该装置，且均能达到相同或相似的有益效果。
可选的，如图15所示，本申请实施例还提供一种电子设备1500，包括处理器1501，存储器1502，存储在存储器1502上并可在所述处理器1501上运行的程序或指令，该程序或指令被处理器M01执行时实现上述页面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
需要注意的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
需要说明的是，本申请实施例提供的电子设备是能够执行上述页面显示方法的电子设备，则上述页面显示方法的所有实施例均适用于该电子设备，且均能达到相同或相似的有益效果。
图16为实现本申请各个实施例的一种电子设备的硬件结构示意图。
该电子设备1600包括但不限于：射频单元1601、网络模块1602、音频 输出单元1603、输入单元1604、传感器1605、显示单元1606、用户输入单元1607、接口单元1608、存储器1609、以及处理器1610等部件。
本领域技术人员可以理解，电子设备1600还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器1610逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图16中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
其中，处理器1610，用于接收第一输入；所述第一输入为针对当前页面窗口的滑动输入；以及，在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像；以及，使用所述第一图像替换所述页面窗口中的原始图像。
显示单元1606，用于在所述页面窗口中显示所述第一图像。
可见，该电子设备1600，通过在接收到的第一输入的滑动速率大于第一门限值的情况下，确定第一图像，使用第一图像替换页面窗口中的原始图像，并在页面窗口中显示第一图像，可以在一定程度上避免在页面窗口快速滑动的过程中原始图像出现图像重叠的问题，提升用户的体验。
可选地，处理器1610，还用于对所述页面窗口的原始图像进行去重叠化处理，得到去重叠图像，将所述去重叠图像作为所述第一图像；
或，
用于将预设的目标图像作为所述第一图像。
可选地，所述第一图像为所述目标图像，所述页面窗口包括N个列表项，N为大于或等于1的正整数；
显示单元1606，还用于在页面滑动过程中，根据目标列表项在所述页面窗口的不同位置，在所述目标列表项中对应显示所述目标图像的不同部分的内容；所述目标列表项是所述N个列表项的其中一个列表项。
可选地，所述目标图像包括至少两张不同的预设图像，显示单元1606，还用于根据时间与所述至少两张不同的预设图像间的对应关系，在页面滑动过程中，基于不同的时间显示所述至少两张不同的预设图像中的对应图像。
可选地，显示单元1606，还用于在所述滑动速率小于第二门限值的情况 下，在所述页面窗口中显示所述原始图像。
本申请实施例提供的电子设备1600，通过在接收到的第一输入的滑动速率大于第一门限值的情况下，确定第一图像，使用第一图像替换页面窗口中的原始图像，并在页面窗口中显示第一图像，可以在一定程度上避免在页面窗口快速滑动的过程中原始图像出现图像重叠的问题，提升用户的体验。
应理解的是，本申请实施例中，输入单元1604可以包括图形处理器(Graphics Processing Unit，GPU)16041和麦克风16042，图形处理器16041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元1606可包括显示面板16061，可以采用液晶显示器、有机发光二极管等形式来配置显示面板16061。用户输入单元1607包括触控面板16071以及其他输入设备16072。触控面板16071，也称为触摸屏。触控面板16071可包括触摸检测装置和触摸控制器两个部分。其他输入设备16072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。存储器1609可用于存储软件程序以及各种数据，包括但不限于应用程序和操作系统。处理器1610可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1610中。
本申请实施例还提供一种可读存储介质，所述可读存储介质可以是非瞬态的，所述可读存储介质上存储程序或指令，该程序或指令被处理器执行时实现上述页面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等。
本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述页面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复， 这里不再赘述。
应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
本申请实施例还提供一种计算机程序产品，所述计算机程序产品被存储在非瞬态的存储介质中，所述计算机程序产品被至少一个处理器执行以实现页面显示方法的步骤。
需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。

Claims (15)

  1. 一种页面显示方法，包括：
    接收第一输入；所述第一输入为针对当前页面窗口的滑动输入；
    在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像；
    使用所述第一图像替换所述页面窗口中的原始图像；
    在所述页面窗口中显示所述第一图像。
  2. 根据权利要求1所述的页面显示方法，其中，所述确定第一图像，包括：
    对所述页面窗口的原始图像进行去重叠化处理，得到去重叠图像，将所述去重叠图像作为所述第一图像；
    或，
    将预设的目标图像作为所述第一图像。
  3. 根据权利要求2所述的页面显示方法，其中，所述第一图像为所述目标图像，所述页面窗口包括N个列表项，N为大于或等于1的正整数；
    所述在所述页面窗口中显示所述第一图像，包括：
    在页面滑动过程中，根据目标列表项在所述页面窗口的不同位置，在所述目标列表项中对应显示所述目标图像的不同部分的内容；所述目标列表项是所述N个列表项的其中一个列表项。
  4. 根据权利要求2所述的页面显示方法，其中，所述目标图像包括至少两张不同的预设图像，所述在所述页面窗口中显示所述第一图像，包括：
    根据时间与所述至少两张不同的预设图像间的对应关系，在页面滑动过程中，基于不同的时间显示所述至少两张不同的预设图像中的对应图像。
  5. 根据权利要求1所述的页面显示方法，其中，所述方法还包括：
    在所述滑动速率小于第二门限值的情况下，在所述页面窗口中显示所述原始图像。
  6. 一种页面显示装置，包括：
    接收模块，用于接收第一输入；所述第一输入为针对当前页面窗口的滑动输入；
    确定模块，用于在所述第一输入的滑动速率大于第一门限值的情况下，确定第一图像；
    替换模块，用于使用所述第一图像替换所述页面窗口中的原始图像；
    第一显示模块，用于在所述页面窗口中显示所述第一图像。
  7. 根据权利要求6所述的页面显示装置，其中，所述确定模块包括：
    确定单元，用于对所述页面窗口的原始内容进行去重叠化处理，得到去重叠图像，将所述去重叠图像作为所述第一图像；
    或，
    用于将预设的目标图像作为所述第一图像。
  8. 根据权利要求7所述的页面显示装置，其中，所述第一图像为所述目标图像，所述页面窗口包括N个列表项，N为大于或等于1的正整数；
    所述第一显示模块包括：
    显示单元，用于在页面滑动过程中，根据目标列表项在所述页面窗口的不同位置，在所述目标列表项中对应显示所述目标图像的不同部分的内容；所述目标列表项是所述N个列表项的其中一个列表项。
  9. 根据权利要求7所述的页面显示装置，其中，所述目标图像包括至少两张不同的预设图像，所述第一显示模块包括：
    第二显示单元，用于根据时间与所述至少两张不同的预设图像间的对应关系，在页面滑动过程中，基于不同的时间显示所述至少两张不同的预设图像中的对应图像。
  10. 根据权利要求6所述的页面显示装置，其中，所述装置还包括：
    第二显示模块，用于在所述滑动速率小于第二门限值的情况下，在所述页面窗口中显示所述原始图像。
  11. 一种电子设备，包括：处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序，其中，所述程序被所述处理器执行时实现如权利要求1至5中任一项所述的方法的步骤。
  12. 一种可读存储介质，所述可读存储介质上存储程序或指令，其中，所述程序或指令被处理器执行时实现如权利要求1至5中任一项所述的方法的步骤。
  13. 一种芯片，包括处理器和通信接口，其中，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如权利要求1-5中任一项所述的方法的步骤。
  14. 一种计算机程序产品，其中，所述计算机程序产品被存储在非瞬态的存储介质中，所述计算机程序产品被至少一个处理器执行以实现如权利要求1-5中任一项所述的方法的步骤。
  15. 一种电子设备，被配置为执行如权利要求1-5中任一项所述的方法的步骤。
PCT/CN2022/074300 2021-02-03 2022-01-27 页面显示方法及装置 Ceased WO2022166753A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110148813.5A CN112883306B (zh) 2021-02-03 2021-02-03 一种页面显示方法及装置
CN202110148813.5 2021-02-03

Publications (1)

Publication Number Publication Date
WO2022166753A1 true WO2022166753A1 (zh) 2022-08-11

Family

ID=76056981

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/074300 Ceased WO2022166753A1 (zh) 2021-02-03 2022-01-27 页面显示方法及装置

Country Status (2)

Country Link
CN (1) CN112883306B (zh)
WO (1) WO2022166753A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116628368A (zh) * 2023-04-24 2023-08-22 北京达佳互联信息技术有限公司 页面数据显示方法、装置、电子设备以及存储介质

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112883306B (zh) * 2021-02-03 2024-04-30 维沃移动通信有限公司 一种页面显示方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110246924A1 (en) * 2010-04-01 2011-10-06 International Business Machines Corporation System, method, and apparatus for preservation of accessibility and serviceability information
CN105843516A (zh) * 2015-01-13 2016-08-10 阿里巴巴集团控股有限公司 一种用于在列表页面滚动过程中显示信息的方法及装置
CN110178110A (zh) * 2017-01-20 2019-08-27 三星电子株式会社 电子设备及用于通过其显示屏幕的方法
CN112883306A (zh) * 2021-02-03 2021-06-01 维沃移动通信有限公司 一种页面显示方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160035911A (ko) * 2014-09-24 2016-04-01 엘지전자 주식회사 이동단말기 및 그 제어방법
CN111831182B (zh) * 2020-07-09 2022-02-08 维沃移动通信有限公司 应用图标控制方法、装置及电子设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110246924A1 (en) * 2010-04-01 2011-10-06 International Business Machines Corporation System, method, and apparatus for preservation of accessibility and serviceability information
CN105843516A (zh) * 2015-01-13 2016-08-10 阿里巴巴集团控股有限公司 一种用于在列表页面滚动过程中显示信息的方法及装置
CN110178110A (zh) * 2017-01-20 2019-08-27 三星电子株式会社 电子设备及用于通过其显示屏幕的方法
CN112883306A (zh) * 2021-02-03 2021-06-01 维沃移动通信有限公司 一种页面显示方法及装置

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116628368A (zh) * 2023-04-24 2023-08-22 北京达佳互联信息技术有限公司 页面数据显示方法、装置、电子设备以及存储介质

Also Published As

Publication number Publication date
CN112883306B (zh) 2024-04-30
CN112883306A (zh) 2021-06-01

Similar Documents

Publication Publication Date Title
EP3786792A1 (en) Screen casting method, apparatus, terminal and storage medium
US20180232135A1 (en) Method for window displaying on a mobile terminal and mobile terminal
CN106936995A (zh) 一种移动终端帧率的控制方法、装置及移动终端
US10614607B2 (en) Playback of handwritten message
WO2022194003A1 (zh) 截屏方法、装置、电子设备以及可读存储介质
US20150121301A1 (en) Information processing method and electronic device
EP2921969A1 (en) Method and apparatus for centering and zooming webpage and electronic device
CN104899227A (zh) 一种网页文字渲染方法及装置
WO2020000971A1 (zh) 切换全局特效的方法、装置、终端设备及存储介质
CN112905134A (zh) 一种刷新显示的方法、装置和电子设备
CN105469361A (zh) 一种局部图像处理方法和装置
CN112836086B (zh) 一种视频处理方法、装置和电子设备
WO2022166753A1 (zh) 页面显示方法及装置
CN107193445A (zh) 移动终端界面切换显示方法及显示装置
CN107025100A (zh) 播放多媒体数据的方法、界面渲染方法及装置、设备
WO2022116962A1 (zh) 视频播放方法、装置及电子设备
CN112148167A (zh) 控件设置方法、装置和电子设备
CN106648141A (zh) 显示候选词的方法及装置
US20230104250A1 (en) Application icon display method and apparatus, and electronic device
US20140059425A1 (en) Apparatus and method for controlling electronic book in portable terminal
CN103179284B (zh) 终端和终端节能方法
WO2023001112A1 (zh) 文字美化方法、装置、可读存储介质和电子设备
CN113703636B (zh) 参数调节方法、参数调节装置和触控装置
CN112087546A (zh) 消息显示方法和电子设备
CN111857474A (zh) 应用程序控制方法、装置及电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22749032

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205 DATED 16/01/2024)

122 Ep: pct application non-entry in european phase

Ref document number: 22749032

Country of ref document: EP

Kind code of ref document: A1