WO2021068713A1 - 一种页面显示方法及穿戴设备 - Google Patents

一种页面显示方法及穿戴设备 Download PDF

Info

Publication number
WO2021068713A1
WO2021068713A1 PCT/CN2020/115382 CN2020115382W WO2021068713A1 WO 2021068713 A1 WO2021068713 A1 WO 2021068713A1 CN 2020115382 W CN2020115382 W CN 2020115382W WO 2021068713 A1 WO2021068713 A1 WO 2021068713A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
screenshot
wearable device
components
user
Prior art date
Application number
PCT/CN2020/115382
Other languages
English (en)
French (fr)
Inventor
高旭涛
Original Assignee
华为技术有限公司
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 华为技术有限公司 filed Critical 华为技术有限公司
Publication of WO2021068713A1 publication Critical patent/WO2021068713A1/zh

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16Constructional details or arrangements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16Constructional details or arrangements
    • G06F1/1613Constructional details or arrangements for portable computers
    • G06F1/163Wearable computers, e.g. on a belt
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs

Definitions

  • This application relates to the field of terminal technology, and in particular to a method for displaying a page and a wearable device.
  • the page display of the sports watch switches the page at a fixed frame rate. Assuming that the user swipes from right to left on the current interface, when the user swipes , There will be no response on the display screen of the sports watch, and then after a certain delay, it will slide to the next page at a fixed frame rate. That is, after sliding the screen, the user needs to wait for a period of time before sliding to the next page, which makes the sliding performance of the sports watch relatively low, and the user has a poor sliding experience of the sports watch.
  • This application provides a page display method and a wearable device to improve sliding performance and improve user experience.
  • the present application provides a page display method, including: displaying a first page and loading a second page; the second page is the next page to be switched to by the first page; Take a screenshot of the page to obtain the second screenshot corresponding to the second page; in response to the user's first operation of switching the first page to the next page, display the second screenshot; replace and display the second screenshot Is the second page.
  • the second page takes a screenshot in advance, and when the user needs to switch the first page to the second page, it can be directly displayed
  • the second screenshot of the second page so that during the switching process, there is no need to redraw the components on the second page, which can improve the sliding performance and improve the user experience.
  • displaying the first page includes: displaying the first screenshot corresponding to the first page, or displaying the first page containing the original component.
  • the first page may be a first screenshot, or a page containing original components, that is, the first page may be a page in the form of a picture or a page that can be operated.
  • the method before displaying the first screenshot corresponding to the first page, the method further includes:
  • a screenshot of the first page is taken to obtain a first screenshot corresponding to the first page.
  • the first page can be clicked or touched, and when the first page is clicked or touched, a screenshot of the first page can be taken, so that the first screenshot of the first page can be directly displayed when the second screenshot is displayed.
  • the switching display is the second screenshot.
  • the method further includes:
  • the key components can be identified and displayed on the top of the screenshot. This can be achieved
  • the key components correspond to the real-time update of data, thereby enhancing the user experience.
  • the key components can be determined in the following two ways:
  • the first method is to determine the key component according to the update frequency of at least one component included on the first page and/or the second page within a preset period of time.
  • the second way The key components are predefined.
  • the identification of key components can be preset by the developer, or the update frequency of at least one component corresponding data can be counted within the preset time, and the update frequency When it is greater than the set threshold, the component is determined to be a key component.
  • this application also provides a wearable device, the electronic device comprising: a display screen; one or more processors; a memory; and one or more computer programs; wherein the one or more memories store one Or multiple computer programs, the one or more computer programs including instructions, when the instructions are executed by the one or more processors, cause the wearable device to execute the first aspect and any one of the first aspects Possible technical solutions designed.
  • this application also provides a wearable device, which includes modules/units that execute the first aspect or any one of the possible design methods of the first aspect; these modules/units can be implemented by hardware or The corresponding software is implemented by hardware.
  • an embodiment of the present application also provides a chip, which is coupled with a memory in a wearable device to implement the first aspect of the embodiment of the present application and any possible design technical solution of the first aspect; an embodiment of the present application "Coupled" means that two components are directly or indirectly combined with each other.
  • a computer-readable storage medium in a fifth aspect, includes a computer program.
  • the computer program runs on a wearable device, the wearable device executes the first embodiment of the present application. Aspect and any possible design technical solutions of the first aspect.
  • a computer program product in the embodiments of the present application when the computer program product runs on a wearable device, causes the wearable device to perform the first aspect of the embodiments of the present application and any of the first aspects thereof Designed technical solutions.
  • FIG. 1A is a functional block diagram of a wearable device provided by an embodiment of this application.
  • FIG. 1B is a functional block diagram of another wearable device provided by an embodiment of this application.
  • FIG. 1C is a schematic diagram of a page of a sports watch provided by an embodiment of the application.
  • FIG. 2 is a flowchart of a page display method provided by an embodiment of the application
  • FIG. 3 is a schematic diagram showing a screenshot of a page provided by an embodiment of the application.
  • 4A is a schematic diagram of a component display provided by an embodiment of the application.
  • FIG. 4B is a schematic diagram of a display of a key component provided by an embodiment of the application.
  • FIG. 5 is a schematic diagram of a page display method provided by an embodiment of the application.
  • FIG. 6 is a flowchart of another page display method provided by an embodiment of the application.
  • FIG. 7 is a block diagram of a page display device provided by an embodiment of the application.
  • FIG. 8 is a schematic structural diagram of a wearable device provided by an embodiment of the application.
  • the method provided in the embodiments of this application can be applied to an electronic device, which can be a wearable electronic device (also called a wearable device), such as a watch, a bracelet, etc., which is not limited in this application, as long as the display of the electronic device
  • the screen can be a touch screen.
  • the electronic device is a wearable device as an example.
  • FIG. 1A shows a functional block diagram of a wearable device provided by an embodiment of the application.
  • the wearable device 100 may be a watch, a bracelet, or the like.
  • the wearable device 100 may include one or more input devices 101, one or more output devices 102 and one or more processors 103.
  • the input device 101 can detect various types of input signals (may be abbreviated as input), and the output device 102 can provide various types of output information (may be abbreviated as: output).
  • the processor 103 may receive input signals from one or more input devices 101, generate output information in response to the input signals, and output through one or more output devices 102.
  • one or more input devices 101 can detect various types of inputs and provide signals (for example, input signals) corresponding to the detected inputs, and then one or more input devices 101 can input The signal is provided to one or more processors 103.
  • one or more input devices 101 may include any components or components capable of detecting input signals.
  • the input device 101 may include an audio sensor (such as a microphone), an optical or visual sensor (such as a camera, a visible light sensor or an invisible light sensor), a proximity light sensor, a touch sensor, a pressure sensor, and a mechanical device (such as a crown, Switches, buttons or buttons, etc.), vibration sensors, motion sensors (also called inertial sensors, such as gyroscopes, accelerometers or speed sensors, etc.), position sensors (such as global positioning system (GPS)), temperature sensors, A communication device (for example, a wired or wireless communication device), an electrode, etc., or the input device 101 may also be some combination of the above-mentioned various components.
  • an audio sensor such as a microphone
  • an optical or visual sensor such as a camera, a visible light sensor or an invisible light sensor
  • a proximity light sensor such as a touch sensor
  • a pressure sensor such as a pressure sensor
  • a mechanical device such as a crown, Switches, buttons or buttons, etc.
  • vibration sensors
  • one or more output devices 102 may provide various types of output.
  • one or more output devices 102 may receive one or more signals (for example, an output signal provided by one or more processors 103), and provide an output corresponding to the signal.
  • the output device 102 may include any suitable components or components for providing output.
  • the output device 102 may include an audio output device (such as a speaker), a visual output device (such as a lamp or a display), a tactile output device, a communication device (such as a wired or wireless communication device), etc., or the output device 102 It can also be some combination of the above-mentioned various components.
  • one or more processors 103 may be coupled to the input device 101 and the output device 102.
  • the processor 103 can communicate with the input device 101 and the output device 102.
  • one or more processors 103 may receive input signals from the input device 101 (for example, input signals corresponding to the input detected by the input device 101).
  • the one or more processors 103 may parse the received input signal to determine whether to provide one or more corresponding outputs in response to the input signal. If so, one or more processors 103 may send output signals to the output device 102 to provide output.
  • FIG. 1B is a functional block diagram of a wearable device 100 provided by another embodiment of this application.
  • the wearable device 100 may be a watch, a bracelet, or the like.
  • the wearable device 100 includes a processor 103, a memory 104, and a display screen 105. It can be understood that the components shown in FIG. 1B do not constitute a specific limitation on the wearable device 100.
  • the wearable device 100 may also include more or less components than those shown in the figure, or combine certain components, or split certain components. Components, or different component arrangements.
  • the processor 103 may include one or more processing units.
  • the processor 103 may include a microcontroller unit (MCU) or the like.
  • the different processing units may be independent devices or integrated in one or more processors.
  • the processor 103 may run the software code/module of the page display method provided in some embodiments of the present application.
  • the memory 104 may be used to store computer executable program code, where the executable program code includes instructions.
  • the processor 103 executes various functional applications and data processing of the wearable device 100 by running instructions stored in the memory 104.
  • the memory 104 may include a high-speed random access memory, and may also include a non-volatile memory, such as a flash memory device (Flash), which is not limited in the embodiment of the present application.
  • the memory 104 may include read-only memory (ROM) and random access memory (RAM). Among them, ROM is used to store program codes, Flash can be used to store resource data such as pictures and fonts, and RAM is used to load resource data such as pictures and fonts.
  • the display screen 105 can be used to display time information or user exercise information, etc.
  • the display includes a display panel.
  • the display panel can use liquid crystal display (LCD), organic light-emitting diode (OLED), active matrix organic light-emitting diode or active-matrix organic light-emitting diode (active-matrix organic light-emitting diode). emitting diode, AMOLED, flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (QLED), etc.
  • a touch sensor may be provided in the display to form a touch screen, which is not limited in the embodiment of the present application.
  • the touch sensor is used to detect touch operations acting on or near it.
  • the touch sensor may transmit the detected touch operation to the processor 103 to determine the type of the touch event.
  • the visual output related to the touch operation can be provided through the display.
  • the wearable device 100 may have a communication function, or may not have a communication function.
  • the wearable device 100 may send the collected movement state of the user to the network side or other devices connected to the wearable device 100 such as a mobile phone through the communication module, so that the user can view and store it on the mobile phone.
  • the wearable device 100 may include a wireless communication module and/or a mobile communication module, and one or more antennas.
  • the wearable device 100 may implement a communication function through one or more antennas, a wireless communication module, or a mobile communication module.
  • the mobile communication module may provide a solution for wireless communication including 2G/3G/4G/5G and the like applied to the wearable device 100.
  • the wireless communication module can provide applications on the wearable device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), and global navigation satellite systems. (Global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC) and other wireless communication solutions.
  • WLAN wireless local area networks
  • BT Bluetooth
  • GNSS Global navigation satellite system
  • FM frequency modulation
  • NFC near field communication technology
  • One or more antennas can be used to transmit and receive electromagnetic wave signals.
  • the wearable device 100 may further include a power supply module, such as a battery, to supply power to various components in the wearable device 100, such as the processor 103.
  • a power supply module such as a battery
  • the wearable device 100 may also be connected to a charging device (for example, through a wireless or wired connection), and the power supply module may receive electric energy input by the charging device to store electricity for the battery.
  • the wearable device 100 may also include sensors, such as a motion sensor, a touch sensor, etc., and may also include buttons, such as a power-on button, a brightness adjustment button, and the like.
  • the keys can be mechanical keys. It can also be a touch button.
  • the wearable device 100 may receive key input, and generate key signal input related to user settings and function control of the wearable device 100.
  • FIG. 1B do not constitute a specific limitation on the wearable device.
  • the wearable device may also include more or less components than those shown in the figure, or combine certain components, or split certain components, Or different component arrangements.
  • the wearable device 100 shown in FIG. 1B is taken as an example for introduction.
  • At least one of the embodiments of the present application includes one or more; wherein, multiple refers to greater than or equal to two.
  • words such as “first” and “second” are only used for the purpose of distinguishing description, and cannot be understood as indicating or implying relative importance, nor can it be understood as indicating Or imply the order.
  • references described in this specification to "one embodiment” or “some embodiments”, etc. mean that one or more embodiments of the present application include a specific feature, structure, or characteristic described in conjunction with the embodiment. Therefore, the sentences “in one embodiment”, “in some embodiments”, “in some other embodiments”, “in some other embodiments”, etc. appearing in different places in this specification are not necessarily All refer to the same embodiment, but mean “one or more but not all embodiments” unless it is specifically emphasized otherwise.
  • the terms “including”, “including”, “having” and their variations all mean “including but not limited to”, unless otherwise specifically emphasized.
  • the sports watch implements functions and controls the display through the MCU. There can be multiple components on each interface of the sports watch, as shown in Figure 1C.
  • the component represents the smallest display unit, which can be a container component to include other components, or basic components, such as pictures, text, drawings (drawing basic graphics such as dots, lines, and circles), animations, and so on. It should be noted that components can be distinguished according to the content and type on the page.
  • the components may include: time information components, location information components, temperature information components, etc.
  • the components may include: time information components (specifically, including hour, minute, and second hands), etc.
  • the components may include: step information components, time information components, and the like.
  • the page in Figure 1C can be divided into background components, text components, animation components, etc. according to types.
  • the black background shown in (a) in Figure 1C is a background component, "Shenzhen” can be understood It is a text component, and the "sun” that characterizes the weather can be understood as an animation component and so on.
  • the user can perform sliding operations on the screen of the sports watch.
  • the components on the page need to be continuously redrawn.
  • the component drawing generally takes 30-100ms, when there are more components on the page, there may be Larger delays and freezes will make the performance of the sports watch worse, and when the page on the current sports watch is displayed by sliding, it is displayed according to a fixed frame rate, which also makes the user experience comparison. difference.
  • the embodiment of the application provides a page display method.
  • the screen of the wearable device can directly display the two pages according to the gesture operation.
  • the sliding process will not have the feeling of delay, thereby improving the user's sliding experience on the screen and improving the display performance.
  • FIG. 2 it is a flowchart of a page display method provided by an embodiment of this application.
  • the method may include the following steps:
  • S201 The display 105 of the wearable device displays the first page.
  • Each page of the wearable device includes multiple (10 to 30) components, and different components can be composed of character strings, pictures, and so on. Load strings, pictures, etc. to the corresponding component positions on the page, and after calculation and rendering, the page that the user finally sees can be displayed on the display screen.
  • resource data such as character strings and pictures can be stored in the memory of the wearable device in advance, for example, can be stored in Flash.
  • the resource data saved in Flash can be loaded into RAM, and then the processor of the wearable device can load resources such as strings and/or pictures from the memory RAM to the component location on the page, and then proceed Render the final page.
  • the components of the current page and the components of the next page that the user may slide to can be pre-loaded, and then the current page is displayed on the screen, and a screenshot of the next page is taken in the background. It is understandable that the components of the next page that the user may slide to can be loaded in the background.
  • the currently displayed page may be marked as the "first page”, and the next page of the currently displayed page may be marked as the "second page".
  • the second page can be the page after the user swipes the first page to the left, or the page after the user swipes the first page to the right. Of course, it can also be the page after the user swipes up the first page. , Or the page after the user swipes down on the first page.
  • the current page is page 1
  • the next page that the user may slide to may include any of the following pages: page 2, page 3, page 4, and page 5.
  • page 2 is the page after the user swipes to the left on page 1
  • page 3 is the page after the user swipes to the right on page 1
  • page 4 is the page after the user swipes up on page 1
  • page 5 is the page after the user swipes to page 1. Page after sliding down.
  • the wearable device after the wearable device loads the components of the next page that the user may slide to, it can take a screenshot of the next page in the background, and the next page can be captured as a picture.
  • the screenshots in the background can be updated synchronously, which can ensure the correlation between the screenshots of the background page and the current data.
  • the current page is page 1
  • the pictures captured in the background may include page 2, page 3, page 4, and page 5.
  • the pictures captured in the background may include pages B. Page C, Page D, Page E.
  • the method of taking a screenshot of the next page in the background may include but is not limited to the following methods:
  • a page usually includes one or more container components.
  • GUI graphical user interface
  • a page usually includes one or more container components.
  • the container component can draw all the components of the background page to the specified memory buffer, and then load and display it as a picture component, replacing the actual page component.
  • S202 The processor 103 of the wearable device responds to the user's first operation.
  • the user can perform a tap operation or a slide operation on the current page.
  • the processor 103 of the wearable device 100 may respond to the user's click operation on the first page when the user clicks on the screen of the current page, and intercept the currently displayed page as a picture. It is understandable that the first operation may be a click operation of the user on the current page, or a touch operation of the user on the current page.
  • the user's first operation on the current page can be understood as the trigger point for switching the page. Since it is necessary to take a screenshot before sliding the current page, the selected screenshot timing is the moment when the user performs the first operation on the current page .
  • FIG 3 is a schematic diagram of a screenshot display of a page provided by this embodiment of the present application.
  • the captured image can be used as a hidden component, and component 1 can be displayed on the page.
  • Component 2...Component X as shown in (a)
  • dashed line of the component box shown in the figure indicates that the component is hidden and is not displayed on the page.
  • the method for switching the currently displayed page to the next page may be gesture operation, such as the operation of double-tapping the screen with a finger, etc.
  • gesture operation such as the operation of double-tapping the screen with a finger
  • voice control is used to control the currently displayed page.
  • Page to switch pages this application does not limit this.
  • the current page can be switched by the operation of double-clicking the screen.
  • this application triggers screen sliding switching by taking a screenshot when the user taps the screen. Therefore, any method that can trigger screen switching can be included in the scope of this application.
  • the memory of the wearable device may store a table of the correspondence between the current page and the next page. . See Table 1 for details.
  • Table 1 is only a schematic description, and the numbers in Table 1 can be understood as the numbers corresponding to the pages.
  • the form used to reflect the correspondence between the current page and the next page is not limited to the form of a table, for example, it may also be an array, which is not limited in this application.
  • the above table only illustrates the next page in four directions. Of course, other directions may also be used, such as a 45-degree direction, a 60-degree direction, etc., which are not limited by this application.
  • Map Table 1 to the page layout as shown in Table 2.
  • page 1 the page after page 1 slides to the right is page 3. Therefore, page 3 is the page on the left of page 1, and the page after page 1 slides to the left is page 2. Therefore, page 2 It is the page on the right of page 1, and the other pages are not repeated here.
  • S203 The processor 100 of the wearable device responds to the second operation of the user, and displays the second page on the display screen 105.
  • the second operation may be a user's gesture operation, for example, it may be a sliding operation from left to right, or a sliding operation from left to right, etc., which is not limited in this application.
  • the processor of the wearable device can capture the current page as a picture, and then the user can perform a sliding operation based on the current page, so that the display screen of the wearable device slides from the current page to the next page.
  • the wearable device can detect the user's sliding operation on the current page from right to left on the display.
  • the display can directly display pictures in the form of Page, so that when the user slides the page, the next page does not need to wait for a certain delay before being displayed, but can be displayed with the user's finger sliding operation, which meets the user's performance requirements.
  • the sliding operation can start from any position of the display screen to the left, for example, from a position close to the right edge of the display screen. , But a certain distance from the right edge is the starting point.
  • the gesture operation can also be other operations, such as a sliding operation from left to right, top to bottom, or bottom to top. In other embodiments, the gesture operation can also be from the right. To the left/from left to right/from top to bottom/from bottom to top, with a certain pressure sliding operation, for example, the wearable device detects the sliding operation from right to left, and the pressure sensor is set on the display The page will only be displayed when it is detected that the pressure value generated by the sliding operation is greater than the threshold value.
  • a certain pressure sliding operation for example, the wearable device detects the sliding operation from right to left, and the pressure sensor is set on the display The page will only be displayed when it is detected that the pressure value generated by the sliding operation is greater than the threshold value.
  • the gesture operation may also be a sliding operation from right to left/left to right/top to bottom/bottom to top, and the sliding operation stays at the end position without interval.
  • the wearable device detects a sliding operation from right to left, and the wearable device detects the sliding operation to the end position, it stays at the end position, and the display screen of the wearable device displays the page.
  • the user can hide the components of the original page while sliding the page and directly display the captured image.
  • the page when sliding the page, the page can slide with the operation of the finger, that is, It can realize the follow-up experience of page sliding, which can improve the user experience.
  • the display content corresponding to some components on the page displayed on the display screen of the wearable device is updated in real time, such as the number of exercise steps and time information of the user.
  • components whose data needs to be updated in real time can be overlaid and displayed on the screenshot of the page, so that the data can still be updated in real time when the page is swiped, and the user experience is improved.
  • the key components can be directly specified by the developer during the page design of the wearable device, that is, which components are pre-designated as key components and which components are non-key components.
  • a developer specifies a key component, it is based on the impact of the component on the user experience. For example, if the time information has a relatively large impact on the user experience, the component corresponding to the time information can be designated as a key component.
  • the processor of the wearable device can count the data update frequency of at least one component within a preset time, and then compare the data update frequency with a set threshold to determine which components are key components. Exemplarily, assuming that the set threshold is 60 times/minute, if the data update frequency of a certain component in 1 minute is greater than 60 times, it is determined that the component is a key component. It should be noted that the data update frequency is the number of times the data is updated within the set time.
  • the preset time can also be one hour, five minutes, etc., which is not limited in this application.
  • the processor 103 of the wearable device determines which components are key components, it can exclude the key components when taking pictures (including the current page and the next page) (that is, no screenshots are taken for the key components). Operation), and then in the sliding process, the key components and the intercepted pictures are displayed at the same time, and the key components are displayed on the top of the picture, so that the real-time update of the corresponding data of the key components can be realized, and the user experience can be improved.
  • component X is a key component.
  • the screenshot component is not displayed, refer to (a) in Figure 4A.
  • the component X can be placed above the picture component, and other components can be hidden, as shown in (b) in Figure 4A.
  • the key components shown in the figure may be the components corresponding to the user’s step count information.
  • key components such as the component corresponding to the user's step information, can be displayed above the screenshot, as shown in Figure 4B, so that the data corresponding to the key component can be updated in real time and the user experience can be improved.
  • the image of the next page can be displayed on the display screen. If the user's finger leaves the display screen, that is, after the slide is released, relative to the page For the next page (for example, page 2), at this time, page 2 is the current page. When page 2 is completely displayed and static for a set period of time (for example, 2s), page 2 can also be restored to the actual component.
  • the page display method involved in this application will be further described in conjunction with a specific sliding example.
  • the method may include four processes of loading, clicking, sliding, and releasing.
  • the current page is page 1
  • the next page is the page after page 1 is swiped to the left, for example, page 2, that is, the process of sliding page 1 to page 2.
  • the user can perform operations on page 1. For example, the user performs a click operation on page 1.
  • the processor 103 of the sports watch can intercept page 1 as a picture and display it. In this process, because page 1 has been stored in the FrameBuffer, the intercepted picture of page 1 does not need to be redrawn, and can be directly copied to the FrameBuffer for display.
  • page 1 and page 2 shown in the figure represent pages displayed on the screen of the wearable device
  • a circle represents the shape of the screen of the wearable device
  • a square represents the shape of the saved screenshot.
  • the shape of the screenshot may also be a circle, which is not limited in this application.
  • the shape of the screenshot is a square
  • the square includes an area where content is displayed and an area where content is not displayed.
  • the circular area in the square is a displayable area for displaying screenshots or components; the other areas except the circular area in the square are areas where no content is displayed.
  • the present application also provides a page display method, which can be applied to a wearable device with a display screen. As shown in FIG. 6, the method may include the following steps:
  • S301 Display the first page, and load the second page.
  • the page currently displayed by the wearable device may be marked as the "first page”, and the next page to be switched to the first page may be marked as the "second page”.
  • the second page can be the next page after the first page is swiped, or the next page after the current page is switched by other means, for example, the user switches the current page to the next page by pressing a button. .
  • the next page can be the page on the left side of the current page, or the page on the right side of the current page, of course, it can also be the page on the top of the current page, or the page on the bottom of the current page. page. Or the next page can also be a page in another direction of the current page, which is not limited in this application.
  • S302 Take a screenshot of the second page to obtain a second screenshot corresponding to the second page.
  • the screenshot corresponding to the first page is marked as the “first screenshot”, and the screenshot corresponding to the second page is recorded as the “second screenshot” below.
  • the second page when the first page is displayed, the second page can be loaded, and a screenshot of the second page can be taken to obtain the second screenshot corresponding to the second page.
  • the screenshot of the second page can be performed in the background. Because the background screenshot requires rendering components, it takes a long time. Therefore, the timing of the second page screenshot can be selected when the page is loaded. The screenshot can be completed in advance to facilitate subsequent follow-ups. Use screenshots directly when switching pages.
  • timing of the screenshot of the second page can be taken when the first page is loaded, it can also be taken when the screen is on, or it can be taken when the processor of the wearable device detects a data update. Etc., this application does not limit this.
  • the first operation can be a user's sliding operation or an operation triggered by the user on a button.
  • This application is not limited, as long as the operation that can trigger the first page to switch to the next page can be included in the scope of this application .
  • the first page in the embodiment of this application can include two forms: (1), the first screenshot corresponding to the first page, that is, the image format; (2), the page containing the original components corresponding to the first page, that is, it can be operated Page.
  • displaying the second screenshot in this application can include two solutions:
  • the first solution take a screenshot of the first page, and switch the first screenshot to the second screenshot.
  • the method may further include: responding to the user's second operation, taking a screenshot of the first page to obtain the first screenshot.
  • the second operation may be a user's click operation or a user's touch operation.
  • a screenshot of the first page may be taken to obtain the first screenshot corresponding to the first page. Since the screenshot needs to be completed before the page is switched, that is, the current page can be taken before the page is switched, and the user's click or touch operation on the screen can trigger the page switching, so choose to capture the current page picture when the user clicks or touches the screen.
  • the second solution instead of taking a screenshot of the first page, directly switch the first page containing the original components to the second screenshot.
  • S304 Replace and display the second screenshot as the second page.
  • the switching plan is to switch the first screenshot to the second screenshot
  • the screenshot of is fully displayed on the display.
  • the second screenshot can be restored to the second page, and the actual components are displayed on the second page.
  • the first page to be switched to the next page that is, to save multiple screenshots of the second page
  • the stored screenshots can be selected from the user's gesture operation direction Select the second screenshot that is consistent with the gesture operation direction, and directly switch the first page to the corresponding second screenshot.
  • the user swipes from left to right on the first page you can select the screenshot corresponding to the next page after the first page slides from left to right from the saved second screenshot, and then move the first page Switch to the screenshot corresponding to the next page after swiping from left to right.
  • the method further includes: determining the key component on the first page and/or the second page; displaying the key component in the first screenshot and/or Or above the second screenshot.
  • the key components are those whose data needs to be updated in real time.
  • the key component can be overlaid and displayed on the top of the screenshot, thereby realizing the real-time update of the data corresponding to the key component, thereby improving user experience.
  • the position of the key component covered on the screenshot is the same as the position of the key component on the original page.
  • the key components can be determined in the following two ways:
  • determining the key components on the first page and/or the second page includes: according to at least one component included on the first page and/or the second page, presetting The update frequency within the time period determines the key components.
  • the component when the calculated update frequency of the component within the preset time period is greater than the set threshold, the component may be determined as a key component.
  • the key components are predefined.
  • the wearable device may include a hardware structure and/or software module, and realize the above functions in the form of a hardware structure, a software module, or a hardware structure plus a software module. Whether a certain function of the above-mentioned functions is executed by a hardware structure, a software module, or a hardware structure plus a software module depends on the specific application and design constraint conditions of the technical solution.
  • FIG. 7 shows a page display device 700 provided by this application, which is used to implement the page display method shown in FIG. 6.
  • the apparatus 700 may be a wearable device.
  • the device 700 includes a display unit 701 and a processing unit 702.
  • the display unit 701 is configured to display a first page; display a second screenshot; the processing unit 702 is configured to take a screenshot of the second page to obtain a second screenshot corresponding to the second page; in response to the user The first operation of switching the first page to the next page, etc.
  • the function implementation corresponding to the unit please refer to the introduction of the foregoing method embodiment, which is not repeated in this application.
  • FIG. 8 shows a wearable device 800 provided for this application, which specifically includes: a display screen 801, a processor 802, a memory 803, and one or more computer programs (not shown in the figure).
  • the display screen 801, the processor 802, and the memory 803 are connected to each other.
  • the display screen 801 is a touchable screen for displaying pages, components, screenshots, and the like.
  • the display screen 801, the processor 802, and the memory 803 are connected to each other through a bus 804.
  • the bus 804 may be a peripheral component interconnect standard (PCI) bus or an extended industry standard architecture (EISA) bus, etc.
  • PCI peripheral component interconnect standard
  • EISA extended industry standard architecture
  • the bus can be divided into address bus, data bus, control bus and so on. For ease of representation, only one thick line is used in FIG. 8, but it does not mean that there is only one bus or one type of bus.
  • One or more computer programs are stored in the memory 803, and the one or more computer programs include instructions; the processor 802 calls the instructions stored in the memory 803, so that the wearable device 800 executes the following steps:
  • the display screen 801 displays a first page and loads a second page; the second page is the next page to be switched to by the first page;
  • the processor 802 takes a screenshot of the second page to obtain a second screenshot corresponding to the second page;
  • the processor 802 displays the second screenshot on the display screen 801;
  • the processor 802 replaces and displays the second screenshot as the second page on the display screen 801.
  • displaying the first page includes: displaying the first screenshot corresponding to the first page, or displaying the first page containing the original component.
  • the wearable device before displaying the first screenshot corresponding to the first page, when the instruction is invoked and executed by the one or more processors, the wearable device is caused to further execute the following steps:
  • a screenshot of the first page is taken to obtain a first screenshot corresponding to the first page.
  • the wearable device when key components are included on the first page and/or the second page, when the instruction is invoked and executed by the one or more processors, the wearable device further executes the following step:
  • determining the key components on the first page and/or the second page includes:
  • the key component is determined according to the update frequency of at least one component included on the first page and/or the second page within a preset period of time.
  • the key components are predefined.
  • the processor 802 may be an MCU, and the steps of the method disclosed in the embodiment of the present application may be directly executed by a hardware processor, or executed by a combination of hardware and software modules in the processor.
  • the software module may be located in the memory 803, and the processor 802 reads the program instructions in the memory 803, and completes the steps of the foregoing method in combination with its hardware.
  • the memory 803 may be ROM or RAM.
  • the memory may also be any other medium that can be used to carry or store desired program codes in the form of instructions or data structures and that can be accessed by a computer, but is not limited to this.
  • the memory in the embodiments of the present application may also be a circuit or any other device capable of realizing a storage function for storing instructions and/or data.
  • this application also provides a computer storage medium in which a computer program is stored.
  • the computer program When the computer program is executed by a computer, the computer executes the page display method provided in the above embodiment.
  • the embodiments of the present application also provide a computer program product, including instructions, which when run on a computer, cause the computer to execute the page display method provided in the above embodiments.
  • These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device.
  • the device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment.
  • the instructions provide steps for implementing the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种页面显示方法及穿戴设备,该方法包括:显示第一页面,并加载第二页面(S301);所述第二页面为所述第一页面要切换到的下一个页面;对所述第二页面进行截图,得到所述第二页面对应的第二截图(S302);响应于用户对所述第一页面切换到下一个页面的第一操作,显示所述第二截图(S303);将所述第二截图替换显示为所述第二页面(S304)。通过上述方法,可以提高页面切换的性能,并且提升用户体验。

Description

一种页面显示方法及穿戴设备
相关申请的交叉引用
本申请要求在2019年10月11日提交中国专利局、申请号为201910965344.9、申请名称为“一种页面显示方法及穿戴设备”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域,尤其涉及一种页面显示方法及穿戴设备。
背景技术
随着社会的发展,手表被赋予越来越多的功能来满足需要。近年来,带有计步功能的运动手表应运而生,具有在运动时进行计步、记录运行轨迹等功能。当用户没有运动时,运动手表也可以充当普通手表,为用户提供计时服务。
目前的运动手表,当用户在运动手表的页面上左右滑动页面时,运动手表的页面显示是通过固定的帧率来切换页面,假设用户在当前界面上从右向左滑动,则当用户滑动后,运动手表的显示屏幕上会先没有反应,然后在一定的延时后,才按照固定的帧率滑动到下一页。即,用户在滑动屏幕后,需要等待一段时间,才能滑动到下一个页面,这样使得运动手表的滑动性能比较低,并且用户对于运动手表的滑动体验较差。
发明内容
本申请提供一种页面显示方法及穿戴设备,用以提高滑动性能,并且提升用户体验。
第一方面,本申请提供一种页面显示方法,包括:显示第一页面,并加载第二页面;所述第二页面为所述第一页面要切换到的下一个页面;对所述第二页面进行截图,得到所述第二页面对应的第二截图;响应于用户对所述第一页面切换到下一个页面的第一操作,显示所述第二截图;将所述第二截图替换显示为所述第二页面。
在本申请的技术方案中,通过将第一页面要切换到的下一个页面,例如第二页面提前进行截图,并且在用户进行操作,需要将第一页面切换到第二页面时,可直接显示第二页面的第二截图,这样在切换过程中,不需要对第二页面上的组件重新绘制,可提升滑动性能,并且提升用户体验。
在一种可能的设计中,显示第一页面,包括:显示所述第一页面对应的第一截图,或显示包含有原始组件的第一页面。
在上述技术方案中,第一页面可以为第一截图,也可以为包含有原始组件的页面,即第一页面可以是图片形式的页面,也可以是能够操作的页面。
在一种可能的设计中,当显示所述第一页面对应的第一截图之前,所述方法还包括:
响应用户对所述第一页面的第二操作,对所述第一页面进行截图,得到所述第一页面对应的第一截图。
在上述技术方案中,可以对第一页面进行点击或触摸,并在点击或者触摸第一页面时, 对第一页面进行截图,这样可以在显示第二截图时直接将第一页面的第一截图切换显示为第二截图,在该过程中,不需要重新对组件进行绘制,可以提升用户体验。
在一种可能的设计中,当所述第一页面和/或第二页面上包括关键组件时,所述方法还包括:
确定所述第一页面和/或第二页面上的关键组件,所述关键组件为数据需要实时更新的组件;将所述关键组件显示在第一截图和/或所述第二截图的上方。
本申请中,由于页面上包含有关键组件时,显示截图时并不能使得关键组件对应的数据实现实时更新,因此,可以将关键组件识别出来,并且将关键组件显示在截图的上方,这样能够实现关键组件对应数据的实时更新,进而提升用户体验。
本申请实施例中,关键组件可通过如下两种方式确定:
第一种方式:依据所述第一页面和/或第二页面上包括的至少一个组件,在预设时长内的更新频率,确定所述关键组件。
第二种方式:所述关键组件为预先定义的。
在本申请中,页面上都可能会包含有关键组件,对于关键组件的识别,可以为开发人员预先设置的,也可以在预设时长内统计至少一个组件对应数据的更新频率,并在更新频率大于设定的阈值时,确定该组件为关键组件。
第二方面,本申请还提供一种穿戴设备,该电子设备包括:显示屏;一个或多个处理器;存储器;以及一个或多个计算机程序;其中,所述一个或多个存储器存储有一个或多个计算机程序,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器执行时,使得所述穿戴设备执行上述第一方面及其第一方面任一可能设计的技术方案。
第三方面,本申请还提供一种穿戴设备,该穿戴设备包括执行第一方面或者第一方面的任意一种可能的设计的方法的模块/单元;这些模块/单元可以通过硬件实现,也可以通过硬件执行相应的软件实现。
第四方面,本申请实施例还提供一种芯片,所述芯片与穿戴设备中的存储器耦合,执行本申请实施例第一方面及其第一方面任一可能设计的技术方案;本申请实施例中“耦合”是指两个部件彼此直接或间接地结合。
第五方面,本申请实施例的一种计算机可读存储介质,所述计算机可读存储介质包括计算机程序,当计算机程序在穿戴设备上运行时,使得所述穿戴设备执行本申请实施例第一方面及其第一方面任一可能设计的技术方案。
第六方面,本申请实施例的中一种计算机程序产品,当所述计算机程序产品在穿戴设备上运行时,使得所述穿戴设备执行本申请实施例第一方面及其第一方面任一可能设计的技术方案。
附图说明
图1A为本申请实施例提供的一种穿戴设备的功能框图;
图1B为本申请实施例提供的又一种穿戴设备的功能框图;
图1C为本申请实施例提供的一种运动手表的页面示意图;
图2为本申请实施例提供的一种页面显示方法流程图;
图3为本申请实施例提供的一种页面截图显示示意图;
图4A为本申请实施例提供的一种组件显示示意图;
图4B为本申请实施例提供的一种关键组件的显示示意图;
图5为本申请实施例提供的一种页面显示方法示意图;
图6为本申请实施例提供的又一种页面显示方法流程图;
图7为本申请实施例提供的一种页面显示装置的框图;
图8为本申请实施例提供的一种穿戴设备的结构示意图。
具体实施方式
下面将结合本申请以下实施例中的附图,对本申请实施例中的技术方案进行详尽描述。
本申请实施例提供的方法可以应用于电子设备,该电子设备可以是穿戴式电子设备(也称为穿戴设备),比如手表、手环等等,本申请对此不作限定,只要电子设备的显示屏为触摸屏即可。本申请以下实施例以电子设备是穿戴设备为例。
图1A所示为本申请一实施例提供的一种穿戴设备的功能框图。在一些实施例中,穿戴设备100可以是手表、手环等。如图1A所示,穿戴设备100可以包括一个或多个输入设备101,一个或多个输出设备102和一个或多个处理器103。其中,输入设备101可以检测各种类型的输入信号(可以简称:输入),输出设备102可以提供各种类型的输出信息(可以简称:输出)。处理器103可以从一个或多个输入设备101处接收输入信号,响应于该输入信号,产生输出信息,通过一个或多个输出设备102输出。
在一些实施例中,一个或多个输入设备101可以检测各种类型的输入,并提供与检测到的输入相对应的信号(比如,输入信号),然后一个或多个输入设备101可以将输入信号提供给一个或多个处理器103。一些示例中,一个或多个输入设备101可以是包括任何能够检测输入信号的部件或组件。比如,输入设备101可以包括音频传感器(比如,麦克风),光学或视觉传感器(比如,相机,可见光传感器或不可见光传感器),接近光传感器,触摸传感器,压力传感器,机械设备(比如,表冠,开关,按钮或按键等),振动传感器,运动传感器(也可称为惯性传感器,比如,陀螺仪、加速度计或速度传感器等),位置传感器(比如,全球定位系统(GPS)),温度传感器,通信设备(比如,有线或无线通信装置),电极等,或者,输入设备101也可以是上述各种部件的一些组合。
在一些实施例中,一个或多个输出设备102可以提供各种类型的输出。比如,一个或多个输出设备102可以接收一个或多个信号(比如,由一个或多个处理器103提供的输出信号),并提供与该信号对应的输出。在一些示例中,输出设备102可以包括用于提供输出的任何合适的部件或组件。比如,输出设备102可以包括音频输出设备(比如,扬声器),视觉输出设备(比如,灯或显示器),触觉输出设备,通信设备(比如,有线或无线通信设备)等等,或者,输出设备102还可以是上述各种部件的一些组合。
在一些实施例中,一个或多个处理器103可以耦合到输入设备101和输出设备102。处理器103可以与输入设备101和输出设备102之间通信。比如,一个或多个处理器103可以从输入设备101接收输入信号(比如,与输入设备101检测到的输入相对应的输入信号)。一个或多个处理器103可以解析接收到的输入信号以确定是否响应于该输入信号提供一个或多个对应的输出。若是,一个或多个处理器103可以向输出设备102发送输出信号,以提供输出。
图1B为本申请另一实施例提供的穿戴设备100的功能框图。在一些实施例中,穿戴设备100可以是手表、手环等。如图1B所示,穿戴设备100包括处理器103、存储器104、 显示屏105。可以理解的是,图1B所示的部件并不构成对穿戴设备100的具体限定,穿戴设备100还可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。
处理器103可以包括一个或多个处理单元,例如:处理器103可以包括微控制单元(micro controller unit,MCU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。处理器103可以运行本申请一些实施例提供的页面显示方法的软件代码/模块。
存储器104可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器103通过运行存储在存储器104的指令,从而执行穿戴设备100的各种功能应用以及数据处理。此外,存储器104可以包括高速随机存取存储器,还可以包括非易失性存储器,例如闪存器件(Flash)等,本申请实施例不作限定。在一些实施例中,存储器104可包括只读存储器(read-only memory,ROM)和随机存取存储器(Random Access Memory,RAM)。其中,ROM用于保存程序代码,Flash可用于保存图片、字体等资源数据,RAM用于加载图片、字体等资源数据。
显示屏105(或显示器)可以用于显示时间信息或用户的运动信息等。显示器包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode,AMOLED),柔性发光二极管(flex light-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emitting diodes,QLED)等。在一些实施例中,显示器中可以设置触摸传感器,形成触摸屏,本申请实施例不作限定。触摸传感器用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给处理器103,以确定触摸事件类型。可以通过显示器提供与触摸操作相关的视觉输出。
在一些实施例中,穿戴设备100可以具有通信功能,或者不具有通信功能。比如,穿戴设备100可以通过通信模块将采集的用户的运动状态发送给网络侧或与穿戴设备100连接的其它设备比如手机,以便用户在手机上查看并存储。在一些实施例中,穿戴设备100可以包括无线通信模块和/或移动通信模块,以及一个或多个天线。穿戴设备100可以通过一个或多个天线、无线通信模块或移动通信模块实现通信功能。在一些示例中,移动通信模块可以提供应用在穿戴设备100上的包括2G/3G/4G/5G等无线通信的解决方案。无线通信模块可以提供应用在穿戴设备100上的包括无线局域网(wireless local area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(Bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC)等无线通信的解决方案。一个或多个天线可以用于发射和接收电磁波信号。
在一些实施例中,穿戴设备100还可以包括供电模块,比如电池,为穿戴设备100中的各个部件比如处理器103等供电。在另一些实施例中,穿戴设备100还可以与充电设备连接(比如,通过无线或者有线连接),供电模块可以接收充电设备输入的电能,为电池蓄电。
在一些实施例中,穿戴设备100还可以包括传感器,例如运动传感器、触摸传感器等,也可以包括按键,例如开机键,亮度调节按键等。按键可以是机械按键。也可以是触摸式 按键。穿戴设备100可以接收按键输入,产生与穿戴设备100的用户设置以及功能控制有关的键信号输入。
可以理解的是,图1B所示的部件并不构成对穿戴设备的具体限定,穿戴设备还可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。以下的实施例中,以图1B所示的穿戴设备100为例进行介绍。
本申请实施例涉及的至少一个,包括一个或者多个;其中,多个是指大于或者等于两个。另外,需要理解的是,在本申请的描述中,“第一”、“第二”等词汇,仅用于区分描述的目的,而不能理解为指示或暗示相对重要性,也不能理解为指示或暗示顺序。
以下实施例中所使用的术语只是为了描述特定实施例的目的,而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样,单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括例如“一个或多个”这种表达形式,除非其上下文中明确地有相反指示。还应当理解,在本申请实施例中,“一个或多个”是指一个、两个或两个以上;“和/或”,描述关联对象的关联关系,表示可以存在三种关系;例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。
在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此,在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
以运动手表为例,目前,运动手表是通过MCU来实现功能、控制显示。在运动手表的每个界面上可以有多个组件,参阅图1C所示。
其中,组件代表最小的显示单元,可以是容器组件,用来包括其他组件,也可以是基础组件,如图片、文字、绘图(绘制点、线、圆等基本图形)、动画等。需要说明的是,组件可以按照页面上的内容、类型等来区分。
作为一种示例,例如,在图1C中的(a)所示的示意图中,组件可包括:时间信息组件、地点信息组件、温度信息组件等,图1C中的(b)所示的示意图中,组件可包括:时间信息组件(具体可包括时针、分针、秒针)等,图1C中的(c)所示的示意图中,组件可包括:步数信息组件、时间信息组件等。
作为另一种示例,图1C中的页面按照类型可分为背景组件、文字组件、动画组件等,例如,图1C中的(a)中所示的黑色背景为背景组件、“深圳”可以理解为文字组件,表征天气的“太阳”可以理解为动画组件等。
用户可以在运动手表的屏幕上进行滑动操作,当用户在屏幕上滑动页面时,页面上的组件需要不断重新绘制,由于组件绘制一般需要30~100ms,当页面上的组件比较多时,可能会有较大的延时和卡顿,这样会使得运动手表的性能比较差,并且目前的运动手表上的页面进行滑动显示时,是按照固定的帧率来滑动显示的,这样也使得用户的体验比较差。
有鉴于此,本申请实施例提供了一种页面显示方法,通过将当前页面的下一个页面截取为图片,当用户在滑动页面时,穿戴设备的屏幕上可以直接根据手势操作显示两个页面的滑动过程,不会有延时的感觉,从而提高用户在屏幕上的滑动体验,并且提升显示性能。
以下结合附图对本申请实施例所涉及的页面显示方法进行详细介绍。
参阅图2所示,为本申请实施例提供的一种页面显示方法流程图,该方法可包括如下步骤:
S201:穿戴设备的显示屏105显示第一页面。
穿戴设备的每个页面上包括多个(10个至30个)组件,不同的组件可以由字符串、图片等组成。将字符串、图片等加载到页面上对应的组件位置处,经过计算和渲染,可在显示屏上显示用户最终看到的页面。
作为一种可能的实现方式,可以预先将字符串、图片等资源数据保存在穿戴设备的存储器中,例如可保存在Flash中。当需要显示页面时,可将Flash中保存的资源数据加载到RAM中,然后穿戴设备的处理器可从存储器RAM中加载字符串和/或图片等资源到页面上的组件位置处,然后再进行渲染得到最终的页面。
在本申请一些实施例中,可将当前页面的组件和用户可能会滑到的下一个页面的组件预先加载出来,然后在屏幕上显示当前页面,并在后台对下一个页面进行截图。可以理解的是,用户可能会滑到的下一个页面的组件可以在后台加载。
为了描述方便,可将当前显示的页面记为“第一页面”,将当前显示的页面的下一个页面记为“第二页面”。可以理解的是,第二页面可以为用户对第一页面向左滑动后的页面,也可以为用户对第一页面向右滑动后的页面,当然,也可以为用户对第一页面向上滑动后的页面,或者用户对第一页面向下滑动后的页面。示例性的,假设当前页面为页面1,则用户可能会滑到的下一个页面可包括以下任意一个页面:页面2、页面3、页面4、页面5。其中,页面2为用户对页面1向左滑动后的页面,页面3用户对页面1向右滑动后的页面,页面4为用户对页面1向上滑动后的页面,页面5为用户对页面1向下滑动后的页面。
在另一些实施例中,穿戴设备在将用户可能会滑到的下一个页面的组件加载之后,可在后台对下一个页面进行截图,即可将下一个页面截取为图片。当用户在穿戴设备的显示屏上进行操作,比如亮屏操作、点击设置操作等之后,后台的截图可同步进行更新,这样可保证后台页面的截图与当前数据的关联度。作为一种示例,当前页面为页面1,则后台截取的图片可包括页面2、页面3、页面4、页面5;又一种示例,假设当前页面为页面A,则后台截取的图片可包括页面B、页面C、页面D、页面E。
本申请实施例中,在后台对下一个页面进行截图的方法可包括但不限于如下方式:
在图形用户界面(graphical user interface,GUI)框架中,一个页面通常包括一个或多个容器组件,通过调用容器组件的绘制方法,可以将容器中的所有组件渲染并绘制到指定内存,调用后台页面的容器组件,可以将后台页面所有组件绘制到指定的内存Buffer中,然后作为图片组件进行加载并显示,替代实际的页面组件。
S202:穿戴设备的处理器103响应用户的第一操作。
当显示屏105上显示当前页面时,用户可在当前页面进行点击操作或者滑动操作等。穿戴设备100的处理器103可在用户点击当前页面的屏幕时,响应用户在第一页面上的点击操作,将当前显示的页面截取为图片。可以理解的是,第一操作可以为用户对当前页面的点击操作,也可以为用户对当前页面的触摸操作等。
需要说明的是,用户在当前页面上的第一操作可以理解为切换页面的触发点,由于需要在滑动当前页面之前进行截图,因此选择的截图时机为用户对当前页面上的第一操作的时刻。
参阅图3所示,为本申请实施例提供的一种页面截图显示示意图,当页面上包括组件1、组件2…组件X时,可将截取的图片作为隐藏组件,在页面上显示组件1、组件2…组件X,例如(a)所示,当需要显示截图时,可将组件1、组件2…组件X进行隐藏,将截取的图片作为图片组件显示在页面上,例如(b)所示。
可以理解的是,图中所示的组件框的虚线表示隐藏组件,不显示在页面上。
本申请实施例中,将当前显示的页面切换到下一页面的方法可以为手势操作,例如手指双击屏幕的操作等,当然,也可以采用其它的方式,比如,采用声控的方式对当前显示的页面进行切换页面,本申请对此不作限定。示例性的,当用户触摸到屏幕上的当前页面时,可采用双击屏幕的操作对当前页面进行切换。
需要说明的是,本申请中是通过在用户点击屏幕时截图,从而触发屏幕滑动切换,因此,只要能够触发屏幕切换的方式,均可包括在本申请范围之内。
由于当前页面发生变化时,对应的下一个页面也会随着发生变化,因此,在一种可能的实施方式中,穿戴设备的存储器中可保存有当前页面与下一个页面之间对应关系的表格。具体可参阅表1所示。
表1
Figure PCTCN2020115382-appb-000001
由表1可知,当前页面不同时,对应的下一个页面也不同,因此,只有在当前页面确定的情况下,才能推测出下一个页面可能哪一个页面。
需要理解的是,表1仅是一种示意说明,表1中的数字可以理解为页面对应的编号。当然,用于反映当前页面与下一个页面之间对应关系并不限于表格的形式,例如也可以为数组,本申请对此不作限定。并且,上述表格中仅是示意出了四个方向的下一个页面,当然,也可以为其他方向,例如45度方向、60度方向等,本申请不作限定。
将表1映射到页面布局上,可参阅表2所示。以当前页面为页面1为例进行说明,页面1向右滑动后的页面为页面3,因此,页面3为页面1左边的页面,页面1向左滑动后的页面为页面2,因此,页面2为页面1右边的页面,同理,其它的页面在此不再赘述。
表2
  页面5 页面8  
页面3 页面1 页面2 页面6
  页面4 页面7  
S203:穿戴设备的处理器100响应用户的第二操作,并在显示屏105显示第二页面。
本申请中,该第二操作可以为用户的手势操作,例如可以为从左向右的滑动操作,也可以为从左向右的滑动操作等,本申请对此不作限定。当用户点击当前页面时,穿戴设备的处理器可将当前页面截取为图片,然后用户可基于当前页面进行滑动操作,使得穿戴设备的显示屏从当前页面滑动到下一个页面。
示例性的,假设用户对当前页面从右向左滑动,穿戴设备可检测到用户在显示屏上对当前页面从右向左的滑动操作,在滑动过程中,显示屏上可直接显示图片形式的页面,这样用户在滑动页面时,下一个页面不需要在等待一定的延时之后才能显示,而是可以随着 用户手指的滑动操作来显示,满足用户对性能的要求。
在一些实施例中,当用户的手势操作为从右到左的滑动操作时,该滑动操作可以从显示屏的任一位置为起点向左的滑动操作,比如,从靠近显示屏右边缘的位置,但是距离右边缘一定距离的位置为起点。
在另一些实施例中,手势操作还可以是其它操作,比如,从左到右,从上到下,或从下到上等的滑动操作,在其他实施例中,手势操作还可以是从右到左/从左到右/从上到下/从下到上,且以具有一定的压力的滑动操作,比如,穿戴设备检测到从右到左的滑动操作,且显示屏上设置的压力传感器检测到该滑动操作产生的压力值大于阈值时,才显示页面。
在其他实施例中,手势操作还可以是从右到左/从左到右/从上到下/从下到上的滑动操作,且该滑动操作在终点位置无间隔的停留。比如,穿戴设备检测到从右到左的滑动操作,且穿戴设备检测到该滑动操作滑动到终点位置时,在该终点位置停留,穿戴设备的显示屏才显示页面。
在本申请实施例中,用户在对页面进行滑动的过程中,可将原来页面的组件隐藏,直接显示截取的图片,这样在对页面进行滑动时,页面可随着手指的操作而滑动,即可以实现页面滑动的跟手体验,能够提升用户体验。
进一步的,由于穿戴设备的显示屏上显示的页面上的部分组件对应的显示内容是实时更新的,例如用户的运动步数、时间信息等。本申请实施例中可将数据需要实时更新的组件,覆盖显示在页面截图上面,使得在页面滑动时仍然可以实时更新数据,提升用户体验。
需要说明的是,本申请实施例中可将“数据需要实时更新的组件”记为“关键组件”,那么对于关键组件的识别,本申请中可包括如下两种可能的实现方式:
第一种可能的实现方式:
关键组件可以由开发人员在进行穿戴设备的页面设计时直接指定,即预先指定好哪些组件为关键组件,哪些组件为非关键组件。当然,可以理解的是,开发人员在指定关键组件时是基于组件对于用户体验的影响来指定的。例如,时间信息对于用户体验的影响比较大,则可以将时间信息对应的组件指定为关键组件。
第二种可能的实现方式:
穿戴设备的处理器可以统计预设时间内至少一个组件的数据更新频率,然后将数据更新频率与设定的阈值进行比较,确定哪些组件为关键组件。示例性的,假设设定的阈值为60次/分钟,如果某个组件的1分钟内的数据更新频率大于60次,则确定该组件为关键组件。需要说明的是,数据更新频率为数据在设定时间内的更新次数。
当然,可以理解的是,预设时间也可以为一小时,五分钟等,本申请对此不作限定。
在本申请一些实施例中,当穿戴设备的处理器103确定哪些组件为关键组件之后,可以在截取图片(包括当前页面和下一个页面)时,排除掉关键组件(即对于关键组件不进行截图操作),然后在滑动过程中,将关键组件和截取的图片同时显示,并将关键组件显示在图片的上方,这样可实现关键组件对应数据的实时更新,进而提升用户体验。
参阅图4A所示,假设组件X为关键组件,当不显示截图组件时,可参阅图4A中的(a)所示,在页面上显示组件1、组件2…组件X,将截取的图片作为图片组件进行隐藏,当需要显示截图时,可将组件X放在图片组件的上方,其它的组件进行隐藏,例如图4A中的(b)所示。
示例性的,以图1C中的(c)为例,由于用户的步数信息可能会实时变化,因此,图 中所示的关键组件可以为用户的步数信息对应的组件,本申请中当页面上显示截图时,可将关键组件,例如将用户的步数信息对应的组件显示在截图上方,例如图4B所示,这样可使得关键组件对应的数据能够实时更新,提升用户体验。
基于上述介绍,用户在穿戴设备的显示屏上对页面进行滑动后,显示屏上可显示下一个页面(第二页面)的图片,如果用户的手指离开显示屏,即滑动释放之后,相对于页面1来说的下一个页面(例如页面2),此时页面2即为当前页面,当页面2完全显示并静止设定时长(例如2s)后,页面2也可恢复为实际的组件。
需要说明的是,页面完全显示恢复为实际的组件时也可以不用等待设定时长,在完全显示之后立刻恢复为实际的组件。
以下以运动手表为例,结合具体滑动示例对本申请所涉及到的页面显示方法进一步说明,参阅图5所示,该方法可包括加载、点击、滑动、释放四个过程。假设当前页面为页面1,下一个页面为页面1向左滑动后的页面,例如页面2,即页面1滑动到页面2的过程。
(1)、加载页面1和页面2,在加载完成后显示页面1,并在后台对页面2进行截图。在该过程中,运动手表中的处理器需要从存储器中加载字符串、图片等资源数据到相应的组件,然后渲染绘制到指定的内存中。
(2)、用户可在页面1进行操作,例如用户在页面1上进行点击操作,运动手表的处理器103在接收到该点击操作之后,可将页面1截取为图片并显示。在该过程中,由于页面1已经保存在FrameBuffer中,因此,截取的页面1的图片不需要重新绘制,可直接复制到FrameBuffer中进行显示。
(3)、当用户点击页面1并对页面1进行截图之后,可启动滑动过程。当用户对页面1左滑之后,由于下一个页面已经截图,因此可显示页面1和页面2的截图。可以理解的是,在滑动过程中,两张图片是一帧一帧的图像进行移动,因此,在该滑动过程中可将页面1和页面2的部分图片复制到FrameBuffer中。
(4)、当用户从显示屏上松手,图片可继续滑动,直至页面2完全显示,此时页面滑动停止,页面2可恢复组件显示。
可以理解的是,图5所示的示意图中(a)对应过程(1),即加载的过程,(b)对应过程(2),即点击的过程,(c)和(d)对应过程(3),即滑动的过程,(e)对应过程(4),即释放的过程。
本申请中,当用户在点击屏幕时开始滑动页面,由于在点击屏幕时已经对当前页面进行截图,那么在滑动过程中滑动的是两张图片,这样可提升滑动性能。并且,在滑动过程中,不需要再次重新绘制,可直接将图片复制到FrameBuffer中直接显示。
需要说明的是,图中所示的页面1和页面2表示穿戴设备的屏幕显示的页面,圆形表示穿戴设备的屏幕形状,正方形表示保存的截图的形状。当然,截图的形状也可以为圆形,本申请对此不作限定。当截图的形状为正方形时,正方形内包括显示内容的区域和不显示内容的区域。其中,正方形内的圆形区域为可显示的区域,用于显示截图或组件;除正方形内的圆形区域外的其它区域为不显示内容的区域。
基于以上实施例,本申请还提供一种页面显示方法,该方法可应用于具有显示屏的穿戴设备中,参阅图6所示,该方法可包括如下步骤:
S301:显示第一页面,并加载第二页面。
本申请实施例中,可将穿戴设备当前所显示的页面记为“第一页面”,并将第一页面要切换到的下一个页面记为“第二页面”。
需要说明的是,第二页面可以为第一页面滑动之后的下一个页面,也可以为通过其它方式将当前页面切换后的下一个页面,例如用户通过按键的方式将当前页面切换到下一个页面。
并且,对于当前页面而言,下一个页面可以为处于当前页面左边的页面,也可以为处于当前页面右边的页面,当然,也可以为处于当前页面上边的页面,也可以为处于当前页面下边的页面。或者下一个页面也可以处于当前页面其它方向的页面,本申请对此不作限定。
S302:对第二页面进行截图,得到第二页面对应的第二截图。
为了描述方便,以下将第一页面对应的截图记为“第一截图”,将第二页面对应的截图记为“第二截图”。
需要说明的是,本申请实施例中可在显示第一页面时,加载第二页面,并且对第二页面进行截图,得到第二页面对应的第二截图。
本申请中,对第二页面进行截图可以在后台进行,由于后台截图需要渲染组件,需要的时间较长,因此对第二页面截图的时机选择在加载完页面时,可以提前完成截图可便于后续切换页面时直接使用截图。
当然,可以理解的是,第二页面的截图时机可以在加载完第一页面时进行截图,也可以为屏幕亮屏时进行截屏,还可以为穿戴设备的处理器在检测到数据更新时进行截图等,本申请对此不作限定。
S303:响应于用户对第一页面切换到下一个页面的第一操作,显示第二截图。
其中,第一操作可以为用户的滑动操作,也可以为用户在按键上触发的操作,本申请不作限定,只要能够触发第一页面切换到下一个页面的操作均可包含在本申请范围之内。
本申请实施例中第一页面可以包括两种形式:(1)、第一页面对应的第一截图,即图片形式;(2)、第一页面对应的包含有原始组件的页面,即可以操作的页面。
对应的,在本申请中显示第二截图可包括两种方案:
第一种方案:将第一页面进行截图,并且将第一截图切换到第二截图。
即当显示第一页面对应的第一截图之前,所述方法还可包括:响应用户的第二操作,对第一页面进行截图,得到第一截图。
其中,所述第二操作可以为用户的点击操作或者用户的触摸操作,当用户对穿戴设备的屏幕进行点击或触摸时,可对第一页面进行截图,得到第一页面对应的第一截图。由于截取图片需要在切换页面之前完成,即当前页面可在切换页面之前截图,而用户对屏幕的点击或者触摸操作可以触发页面切换,因此选择在用户点击屏幕或者触摸屏幕时截取当前页面的图片。
第二种方案:不对第一页面进行截图,直接将包含有原始组件的第一页面切换到第二截图。
S304:将第二截图替换显示为第二页面。
如果切换的方案为将第一截图切换到第二截图,则在页面切换过程中,可以逐渐将第一页面的截图移出显示屏,将第二页面的截图逐渐移入显示屏,最终将第二页面的截图完全显示在显示屏上。当第二页面对应的截图完全显示在显示屏之后,第二截图可恢复为第 二页面,此时第二页面上显示实际的组件。
在本申请的方案中,先将第一页面要切换到的下一个页面,即将多个第二页面的截图进行保存,这样在切换页面的过程中,可根据用户手势操作的方向从存储的截图中选择出与手势操作方向一致的第二截图,并且直接将第一页面切换到对应的第二截图。示例性的,假设用户在第一页面上从左向右滑动,则可从保存的第二截图中选择出第一页面从左向右滑动后的下一个页面对应的截图,然后将第一页面切换到从左向右滑动后的下一个页面对应的截图。
进一步的,当第一页面和/或第二页面上包括关键组件时,所述方法还包括:确定第一页面和/或第二页面上的关键组件;将关键组件显示在第一截图和/或第二截图的上方。
其中,关键组件为数据需要实时更新的组件。
本申请实施例中,由于关键组件对应的数据需要实时更新,因此,可将关键组件覆盖显示在截图的上方,从而实现关键组件对应数据的实时更新,进而提升用户体验。
需要说明的是,关键组件在截图上覆盖的位置与关键组件在原始页面上的位置一致。
在本申请实施例中,关键组件可以通过下述两种方式确定:
在一种可能的实现方式中,确定所述第一页面和/或第二页面上的关键组件,包括:依据所述第一页面和/或第二页面上包括的至少一个组件,在预设时长内的更新频率,确定所述关键组件。
示例性的,当统计出的组件在预设时长内的更新频率大于设定的阈值时,可以将该组件确定为关键组件。
在另一种可能的实现方式中,所述关键组件为预先定义的。
上述各个实施例可以单独使用,也可以相互结合使用,以达到不同的技术效果。
上述本申请提供的实施例中,从穿戴设备作为执行主体的角度对本申请实施例提供的方法进行了介绍。为了实现上述本申请实施例提供的方法中的各功能,穿戴设备可以包括硬件结构和/或软件模块,以硬件结构、软件模块、或硬件结构加软件模块的形式来实现上述各功能。上述各功能中的某个功能以硬件结构、软件模块、还是硬件结构加软件模块的方式来执行,取决于技术方案的特定应用和设计约束条件。
基于相同的构思,图7所示为本申请提供的一种页面显示装置700,用于执行图6所示的页面显示方法。示例的,该装置700可以为穿戴设备。示例的,装置700包括显示单元701和处理单元702。
示例性的,显示单元701用于显示第一页面;显示第二截图;所述处理单元702用于对所述第二页面进行截图,得到所述第二页面对应的第二截图;响应于用户对所述第一页面切换到下一个页面的第一操作等。具体的,单元对应的功能实现可参阅前述方法实施例的介绍,本申请在此不再赘述。
基于相同的构思,参阅图8所示为本申请提供的一种穿戴设备800,具体包括:显示屏801、处理器802以及存储器803以及一个或多个计算机程序(图中未示出)。其中,所述显示屏801、所述处理器802以及所述存储器803之间相互连接。显示屏801为可触摸屏幕,用于显示页面、组件、截图等。
可选的,所述显示屏801、所述处理器802以及所述存储器803之间通过总线804相互连接。所述总线804可以是外设部件互连标准(peripheral component interconnect,PCI)总线或扩展工业标准结构(extended industry standard architecture,EISA)总线等。所述总 线可以分为地址总线、数据总线、控制总线等。为便于表示,图8中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
其中,存储器803中存储有一个或多个计算机程序,所述一个或多个计算机程序包括指令;处理器802调用存储器803中存储的所述指令,使得穿戴设备800执行以下步骤:
所述显示屏801显示第一页面,并加载第二页面;所述第二页面为所述第一页面要切换到的下一个页面;
处理器802对所述第二页面进行截图,得到所述第二页面对应的第二截图;
处理器802响应于用户对所述第一页面切换到下一个页面的第一操作,在显示屏801显示所述第二截图;
处理器802在所述显示屏801上将所述第二截图替换显示为所述第二页面。
在一种可能的设计中,显示第一页面,包括:显示所述第一页面对应的第一截图,或显示包含有原始组件的第一页面。
在一种可能的设计中,在显示所述第一页面对应的第一截图之前,当所述指令被所述一个或多个处理器调用执行时使得所述穿戴设备进一步执行以下步骤:
响应用户对所述第一页面的第二操作,对所述第一页面进行截图,得到所述第一页面对应的第一截图。
在一种可能的设计中,在所述第一页面和/或第二页面上包括关键组件时,当所述指令被所述一个或多个处理器调用执行时使得所述穿戴设备进一步执行以下步骤:
确定所述第一页面和/或第二页面上的关键组件,所述关键组件为数据需要实时更新的组件;将所述关键组件显示在第一截图和/或所述第二截图的上方。
在一种可能的设计中,确定所述第一页面和/或第二页面上的关键组件,包括:
依据所述第一页面和/或第二页面上包括的至少一个组件,在预设时长内的更新频率,确定所述关键组件。
在一种可能的设计中,所述关键组件为预先定义的。
在本申请实施例中,处理器802可以是MCU,结合本申请实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储器803中,处理器802读取存储器803中的程序指令,结合其硬件完成上述方法的步骤。
在本申请实施例中,存储器803可以ROM,也可以是RAM。存储器还可以是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。本申请实施例中的存储器还可以是电路或者其它任意能够实现存储功能的装置,用于存储指令和/或数据。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
基于以上实施例,本申请还提供了一种计算机存储介质,所述计算机存储介质中存储有计算机程序,所述计算机程序被计算机执行时,使得所述计算机执行以上实施例提供的页面显示方法。
本申请实施例中还提供一种计算机程序产品,包括指令,当其在计算机上运行时,使得计算机执行以上实施例提供的页面显示方法。
本申请实施例是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的 流程图和/或方框图来描述的。应理解可由指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

Claims (14)

  1. 一种页面显示方法,其特征在于,包括:
    显示第一页面,并加载第二页面;所述第二页面为所述第一页面要切换到的下一个页面;
    对所述第二页面进行截图,得到所述第二页面对应的第二截图;
    响应于用户对所述第一页面切换到下一个页面的第一操作,显示所述第二截图;
    将所述第二截图替换显示为所述第二页面。
  2. 如权利要求1所述的方法,其特征在于,显示第一页面,包括:
    显示所述第一页面对应的第一截图,或显示包含有原始组件的第一页面。
  3. 如权利要求2所述的方法,其特征在于,当显示所述第一页面对应的第一截图之前,所述方法还包括:
    响应用户对所述第一页面的第二操作,对所述第一页面进行截图,得到所述第一页面对应的第一截图。
  4. 如权利要求1至3任一所述的方法,其特征在于,当所述第一页面和/或第二页面上包括关键组件时,所述方法还包括:
    确定所述第一页面和/或第二页面上的关键组件,所述关键组件为数据需要实时更新的组件;
    将所述关键组件显示在第一截图和/或所述第二截图的上方。
  5. 如权利要求4所述的方法,其特征在于,确定所述第一页面和/或第二页面上的关键组件,包括:
    依据所述第一页面和/或第二页面上包括的至少一个组件,在预设时长内的更新频率,确定所述关键组件。
  6. 如权利要求4所述的方法,其特征在于,所述关键组件为预先定义的。
  7. 一种穿戴设备,其特征在于,包括:显示屏;一个或多个处理器;存储器;以及一个或多个计算机程序;
    其中所述一个或多个计算机程序被存储在所述存储器中,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器调用执行时,使得所述穿戴备执行以下步骤:
    所述显示屏显示第一页面,并加载第二页面;所述第二页面为所述第一页面要切换到的下一个页面;
    对所述第二页面进行截图,得到所述第二页面对应的第二截图;
    响应于用户对所述第一页面切换到下一个页面的第一操作,显示所述第二截图;
    将所述第二截图替换显示为所述第二页面。
  8. 如权利要求7所述的穿戴设备,其特征在于,显示第一页面,包括:
    显示所述第一页面对应的第一截图,或显示包含有原始组件的第一页面。
  9. 如权利要求8所述的穿戴设备,其特征在于,在显示所述第一页面对应的第一截图之前,当所述指令被所述一个或多个处理器调用执行时使得所述穿戴设备进一步执行以下步骤:
    响应用户对所述第一页面的第二操作,对所述第一页面进行截图,得到所述第一页面 对应的第一截图。
  10. 如权利要求7至9任一所述的穿戴设备,其特征在于,在所述第一页面和/或第二页面上包括关键组件时,当所述指令被所述一个或多个处理器调用执行时使得所述穿戴设备进一步执行以下步骤:
    确定所述第一页面和/或第二页面上的关键组件,所述关键组件为数据需要实时更新的组件;
    将所述关键组件显示在第一截图和/或所述第二截图的上方。
  11. 如权利要求10所述的穿戴设备,其特征在于,确定所述第一页面和/或第二页面上的关键组件,包括:
    依据所述第一页面和/或第二页面上包括的至少一个组件,在预设时长内的更新频率,确定所述关键组件。
  12. 如权利要求10所述的穿戴设备,其特征在于,所述关键组件为预先定义的。
  13. 一种计算机存储介质,其特征在于,包括计算机指令,当所述计算机指令在电子设备上运行时,使得所述电子设备执行如权利要求1-6中任一项所述的页面显示方法。
  14. 一种程序产品,其特征在于,当所述程序产品在计算机上运行时,使得所述计算机执行如权利要求1-6中任一项所述的页面显示方法。
PCT/CN2020/115382 2019-10-11 2020-09-15 一种页面显示方法及穿戴设备 WO2021068713A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910965344.9 2019-10-11
CN201910965344.9A CN112650546B (zh) 2019-10-11 2019-10-11 一种页面显示方法及穿戴设备

Publications (1)

Publication Number Publication Date
WO2021068713A1 true WO2021068713A1 (zh) 2021-04-15

Family

ID=75342793

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/115382 WO2021068713A1 (zh) 2019-10-11 2020-09-15 一种页面显示方法及穿戴设备

Country Status (2)

Country Link
CN (1) CN112650546B (zh)
WO (1) WO2021068713A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113778605A (zh) * 2021-09-24 2021-12-10 郭鹏杰 一种分页对照方法
CN117093119A (zh) * 2023-07-12 2023-11-21 荣耀终端有限公司 一种应用页面切换方法

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113391743B (zh) * 2021-04-29 2022-05-20 荣耀终端有限公司 一种显示方法及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012078925A (ja) * 2010-09-30 2012-04-19 Access Co Ltd 情報表示装置および情報表示プログラム
CN104199597A (zh) * 2014-08-13 2014-12-10 百度在线网络技术(北京)有限公司 新标签页打开方法及装置
CN106095460A (zh) * 2016-06-21 2016-11-09 上海联彤网络通讯技术有限公司 实现终端内嵌浏览器优化网页加载的系统及方法
CN106339452A (zh) * 2016-08-25 2017-01-18 北京小米移动软件有限公司 事件响应方法及装置
CN110096194A (zh) * 2019-04-29 2019-08-06 努比亚技术有限公司 终端解锁控制方法、装置、移动终端及可读存储介质

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101840665B (zh) * 2010-03-12 2013-01-09 鸿富锦精密工业(深圳)有限公司 电子阅读装置及其显示方法
CN102591963A (zh) * 2011-12-30 2012-07-18 奇智软件(北京)有限公司 网页内容加载控制方法及装置
CN102724586B (zh) * 2012-07-05 2014-11-05 百视通网络电视技术发展有限责任公司 基于iptv的页面缓存方法及系统
CN103390053A (zh) * 2013-07-26 2013-11-13 贝壳网际(北京)安全技术有限公司 浏览器的页面切换控制方法、装置和客户端
CN104808889A (zh) * 2014-01-24 2015-07-29 贝壳网际(北京)安全技术有限公司 页面切换方法及电子设备
CN105607927A (zh) * 2015-12-18 2016-05-25 小米科技有限责任公司 页面显示方法及装置
CN109002486A (zh) * 2018-06-25 2018-12-14 武汉斗鱼网络科技有限公司 一种页面显示的处理方法、装置、终端和存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2012078925A (ja) * 2010-09-30 2012-04-19 Access Co Ltd 情報表示装置および情報表示プログラム
CN104199597A (zh) * 2014-08-13 2014-12-10 百度在线网络技术(北京)有限公司 新标签页打开方法及装置
CN106095460A (zh) * 2016-06-21 2016-11-09 上海联彤网络通讯技术有限公司 实现终端内嵌浏览器优化网页加载的系统及方法
CN106339452A (zh) * 2016-08-25 2017-01-18 北京小米移动软件有限公司 事件响应方法及装置
CN110096194A (zh) * 2019-04-29 2019-08-06 努比亚技术有限公司 终端解锁控制方法、装置、移动终端及可读存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113778605A (zh) * 2021-09-24 2021-12-10 郭鹏杰 一种分页对照方法
CN117093119A (zh) * 2023-07-12 2023-11-21 荣耀终端有限公司 一种应用页面切换方法

Also Published As

Publication number Publication date
CN112650546B (zh) 2022-06-10
CN112650546A (zh) 2021-04-13

Similar Documents

Publication Publication Date Title
DK180470B1 (en) Systems, procedures, and graphical user interfaces for interacting with augmented and virtual reality environments
US20200201545A1 (en) Method for Split-Screen Display, Terminal, and Non-Transitory Computer Readable Storage Medium
US10346012B2 (en) Device, method, and graphical user interface for resizing content viewing and text entry interfaces
WO2021068713A1 (zh) 一种页面显示方法及穿戴设备
US9207838B2 (en) Device, method, and graphical user interface for managing and interacting with concurrently open software applications
US9141200B2 (en) Device, method, and graphical user interface for entering characters
US10013161B2 (en) Devices, methods, and graphical user interfaces for navigating and editing text
WO2021203821A1 (zh) 页面操控方法、装置、存储介质及终端
US10394441B2 (en) Device, method, and graphical user interface for controlling display of application windows
US20130212522A1 (en) Device, Method, and Graphical User Interface for Adjusting Partially Off-Screen Windows
US9245368B2 (en) Device and method for dynamically rendering an animation
US9836211B2 (en) Device, method, and graphical user interface for selection of views in a three-dimensional map based on gesture inputs
US10353550B2 (en) Device, method, and graphical user interface for media playback in an accessibility mode
US9146667B2 (en) Electronic device, display system, and method of displaying a display screen of the electronic device
US11733855B2 (en) Application identifier display method and terminal device
WO2019076238A1 (zh) 一种悬浮按钮显示方法及终端设备
US20200379946A1 (en) Device, method, and graphical user interface for migrating data to a first device during a new device set-up workflow
US20170357568A1 (en) Device, Method, and Graphical User Interface for Debugging Accessibility Information of an Application
WO2017092019A1 (zh) 根据场景改变图形处理分辨率的方法和便携电子设备
US11287960B2 (en) Device, method, and graphical user interface for moving drawing objects

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: 20874395

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20874395

Country of ref document: EP

Kind code of ref document: A1