CN112650546B

CN112650546B - Page display method and wearable device

Info

Publication number: CN112650546B
Application number: CN201910965344.9A
Authority: CN
Inventors: 高旭涛
Original assignee: Huawei Technologies Co Ltd
Current assignee: Huawei Technologies Co Ltd
Priority date: 2019-10-11
Filing date: 2019-10-11
Publication date: 2022-06-10
Anticipated expiration: 2039-10-11
Also published as: CN112650546A; WO2021068713A1

Abstract

A page display method and a wearable device are provided, the method comprises the following steps: displaying the first page and loading the second page; the second page is the next page to which the first page is switched; screenshot is carried out on the second page, and a second screenshot corresponding to the second page is obtained; responding to a first operation of a user for switching the first page to the next page, and displaying the second screenshot; and replacing and displaying the second screenshot as the second page. According to the scheme, the page switching performance can be improved, and the user experience is improved.

Description

Page display method and wearable device

Technical Field

The application relates to the technical field of terminals, in particular to a page display method and wearable equipment.

Background

As society develops, watches are given more and more functionality to meet the needs. In recent years, sports watches with a step-counting function have come to have functions of counting steps and recording a running track during exercise. When the user is not moving, the sports watch can also be used as a common watch to provide timing service for the user.

In the current sports watch, when a user slides pages left and right on the pages of the sports watch, the pages of the sports watch are switched by a fixed frame rate, and if the user slides from right to left on the current interface, the user does not react on the display screen of the sports watch before sliding, and then slides to the next page according to the fixed frame rate after a certain delay. That is, after the user slides the screen, the user needs to wait for a period of time before sliding to the next page, so that the sliding performance of the sports watch is low, and the sliding experience of the user on the sports watch is poor.

Disclosure of Invention

The application provides a page display method and wearable equipment, which are used for improving sliding performance and improving user experience.

In a first aspect, the present application provides a page display method, including: displaying the first page and loading the second page; the second page is the next page to which the first page is switched; screenshot is carried out on the second page, and a second screenshot corresponding to the second page is obtained; responding to a first operation of a user for switching the first page to the next page, and displaying the second screenshot; and replacing and displaying the second screenshot as the second page.

According to the technical scheme, the screenshot is performed in advance on the next page to which the first page is to be switched, for example, the second page, and when the user operates and needs to switch the first page to the second page, the second screenshot of the second page can be directly displayed, so that components on the second page do not need to be redrawn in the switching process, the sliding performance can be improved, and the user experience can be improved.

In one possible design, displaying a first page includes: and displaying a first screenshot corresponding to the first page, or displaying the first page containing the original component.

In the above technical solution, the first page may be the first screenshot, or may be a page including an original component, that is, the first page may be a page in a picture form, or may be an operable page.

In one possible design, before displaying the first cut corresponding to the first page, the method further includes:

and responding to a second operation of the user on the first page, and performing screenshot on the first page to obtain a first screenshot corresponding to the first page.

In the technical scheme, the first page can be clicked or touched, and the screenshot can be carried out on the first page when the first page is clicked or touched, so that the first screenshot of the first page can be directly switched and displayed to be the second screenshot when the second screenshot is displayed, in the process, the component does not need to be drawn again, and the user experience can be improved.

In one possible design, when a key component is included on the first page and/or the second page, the method further includes:

determining a key component on the first page and/or the second page, wherein the key component is a component of which data needs to be updated in real time; displaying the key component above the first screenshot and/or the second screenshot.

In the application, when the key component is included on the page, the data corresponding to the key component can not be updated in real time when the screenshot is displayed, so that the key component can be identified, the key component is displayed above the screenshot, the real-time updating of the data corresponding to the key component can be realized, and the user experience is further improved.

In the embodiment of the present application, the key component can be determined in the following two ways:

the first mode is as follows: and determining the key component according to the updating frequency of at least one component included on the first page and/or the second page within a preset time length.

The second mode is as follows: the key component is predefined.

In the application, the page may include a key component, the identification of the key component may be preset by a developer, or the update frequency of data corresponding to at least one component may be counted within a preset time period, and when the update frequency is greater than a set threshold, the component is determined to be the key component.

In a second aspect, the present application further provides a wearable device, including: a display screen; one or more processors; a memory; and one or more computer programs; wherein the one or more memories store one or more computer programs, the one or more computer programs comprising instructions, which when executed by the one or more processors, cause the wearable device to perform the aspects of the first aspect as set forth above and any of the possible designs of the first aspect.

In a third aspect, the present application also provides a wearable device comprising means for performing the method of the first aspect or any one of the possible designs of the first aspect; these modules/units may be implemented by hardware, or by hardware executing corresponding software.

In a fourth aspect, an embodiment of the present application further provides a chip, where the chip is coupled with a memory in a wearable device, and executes a technical solution of any one of the first aspect and the first aspect of the embodiment of the present application; "coupled" in the context of this application means that two elements are joined to each other either directly or indirectly.

In a fifth aspect, a computer-readable storage medium of the embodiments of the present application includes a computer program, which, when the computer program runs on a wearable device, causes the wearable device to execute a technical solution of any one of the first aspect of the embodiments of the present application and the first aspect thereof.

In a sixth aspect, when the computer program product runs on a wearable device, the wearable device executes a technical solution of any one of the first aspect and the first possible design of the first aspect of the embodiments of the present application.

Drawings

Fig. 1A is a functional block diagram of a wearable device provided in an embodiment of the present application;

fig. 1B is a functional block diagram of another wearable device provided in the embodiment of the present application;

fig. 1C is a schematic page view of a sports watch according to an embodiment of the present application;

fig. 2 is a flowchart of a page display method provided in an embodiment of the present application;

fig. 3 is a schematic diagram illustrating a screenshot of a page provided in an embodiment of the present application;

FIG. 4A is a schematic view of an assembly according to an embodiment of the present disclosure;

FIG. 4B is a schematic diagram illustrating key components provided in an embodiment of the present disclosure;

fig. 5 is a schematic diagram of a page display method according to an embodiment of the present application;

FIG. 6 is a flowchart of another page display method provided in the embodiments of the present application;

fig. 7 is a block diagram of a page display device according to an embodiment of the present application;

fig. 8 is a schematic structural diagram of a wearable device provided in an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be described in detail below with reference to the drawings in the following embodiments of the present application.

The method provided by the embodiment of the application can be applied to electronic equipment, and the electronic equipment can be wearable electronic equipment (also called wearable equipment), such as a watch, a bracelet and the like. The following embodiments of the present application take an example in which the electronic device is a wearable device.

Fig. 1A is a functional block diagram of a wearable device according to an embodiment of the present application. In some embodiments, the wearable device 100 may be a watch, bracelet, or the like. As shown in fig. 1A, wearable device 100 may include one or more input devices 101, one or more output devices 102, and one or more processors 103. Input device 101 may detect various types of input signals (which may be abbreviated as input) and output device 102 may provide various types of output information (which may be abbreviated as output). Processor 103 may receive input signals from one or more input devices 101 and, in response to the input signals, generate output information for output via one or more output devices 102.

In some embodiments, one or more input devices 101 may detect various types of inputs and provide signals (e.g., input signals) corresponding to the detected inputs, and then one or more input devices 101 may provide the input signals to one or more processors 103. In some examples, the one or more input devices 101 may be any component or assembly that includes the ability to detect input signals. For example, the input device 101 may include an audio sensor (e.g., a microphone), an optical or visual sensor (e.g., a camera, a visible light sensor, or a non-visible light sensor), a proximity light sensor, a touch sensor, a pressure sensor, a mechanical device (e.g., a crown, a switch, a button, or a key, etc.), a vibration sensor, a motion sensor (also referred to as an inertial sensor, such as a gyroscope, an accelerometer, or a velocity sensor, etc.), a position sensor (e.g., a Global Positioning System (GPS)), a temperature sensor, a communication device (e.g., a wired or wireless communication device), an electrode, etc., or the input device 101 may be some combination of the above.

In some embodiments, one or more output devices 102 may provide various types of output. For example, one or more output devices 102 may receive one or more signals (e.g., output signals provided by one or more processors 103) and provide an output corresponding to the signals. In some examples, output device 102 may include any suitable components or assemblies for providing output. For example, output device 102 may include an audio output device (e.g., a speaker), a visual output device (e.g., a light or a display), a tactile output device, a communication device (e.g., a wired or wireless communication device), and so forth, or output device 102 may be some combination of the various components described above.

In some embodiments, one or more processors 103 may be coupled to the input device 101 and the output device 102. The processor 103 may be in communication with the input device 101 and the output device 102. For example, the one or more processors 103 may receive input signals from the input device 101 (e.g., input signals corresponding to inputs detected by the input device 101). The one or more processors 103 may interpret a received input signal to determine whether to provide one or more corresponding outputs in response to the input signal. If so, the one or more processors 103 may send output signals to the output device 102 to provide an output.

Fig. 1B is a functional block diagram of a wearable device 100 according to another embodiment of the present application. In some embodiments, the wearable device 100 may be a watch, bracelet, or the like. As shown in fig. 1B, the wearable device 100 includes a processor 103, a memory 104, and a display screen 105. It is to be understood that the components shown in fig. 1B do not constitute a specific limitation of the wearable device 100, and that the wearable device 100 may also include more or fewer components than shown, or combine certain components, or split certain components, or a different arrangement of components.

Processor 103 may include one or more processing units, such as: the processor 103 may include a Micro Controller Unit (MCU) or the like. The different processing units may be separate devices or may be integrated into one or more processors. The processor 103 may run software code/modules of the page display method provided by some embodiments of the present application.

The memory 104 may be used to store computer-executable program code, which includes instructions. Processor 103 executes various functional applications of wearable device 100 and data processing by executing instructions stored in memory 104. In addition, the memory 104 may include a high-speed random access memory, and may further include a nonvolatile memory, such as a Flash memory device (Flash), and the like, which is not limited in the embodiments of the present application. In some embodiments, Memory 104 may include read-only Memory (ROM) and Random Access Memory (RAM). The ROM is used for storing program codes, the Flash is used for storing resource data such as pictures and fonts, and the RAM is used for loading the resource data such as the pictures and the fonts.

The display screen 105 (or display) may be used to display time information or user motion information, etc. The display includes a display panel. The display panel may adopt a Liquid Crystal Display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (active-matrix organic light-emitting diode, AMOLED), a flexible light-emitting diode (FLED), a miniature, a Micro-o led, a quantum dot light-emitting diode (QLED), and the like. In some embodiments, a touch sensor may be disposed in the display to form a touch screen, which is not limited in this application. The touch sensor is used to detect a touch operation applied thereto or nearby. The touch sensor may communicate the detected touch operation to the processor 103 to determine the touch event type. Visual output associated with the touch operation may be provided via the display.

In some embodiments, the wearable device 100 may have a communication function, or no communication function. For example, the wearable device 100 may send the collected motion state of the user to a 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 the motion state on the mobile phone. In some embodiments, 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. In some examples, the mobile communication module may provide a solution including 2G/3G/4G/5G and the like wireless communication applied on the wearable device 100. The wireless communication module may provide a solution for wireless communication applied to the wearable device 100, including Wireless Local Area Networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), Global Navigation Satellite System (GNSS), Frequency Modulation (FM), Near Field Communication (NFC), and the like. One or more antennas may be used to transmit and receive electromagnetic wave signals.

In some embodiments, the wearable device 100 may further include a power module, such as a battery, to power various components in the wearable device 100, such as the processor 103 and the like. In other embodiments, the wearable device 100 may be further connected to a charging device (e.g., via a wireless or wired connection), and the power supply module may receive electric energy input by the charging device to store electric energy for the battery.

In some embodiments, the wearable device 100 may further include sensors, such as motion sensors, touch sensors, etc., and may also include keys, such as a power-on key, brightness adjustment keys, etc. The keys may be mechanical keys. Or may be touch keys. The wearable device 100 may receive key inputs, generating key signal inputs related to user settings and function control of the wearable device 100.

It will be appreciated that the components shown in fig. 1B do not constitute a specific limitation of the wearable device, and that the wearable device may also include more or fewer components than shown, or combine certain components, or split certain components, or a different arrangement of components. In the following embodiments, the wearable device 100 shown in fig. 1B is taken as an example for description.

The embodiments of the present application relate to at least one, including one or more; wherein a plurality means greater than or equal to two. In addition, it is to be understood that the terms first, second, etc. in the description of the present application are used for distinguishing between the descriptions and not necessarily for describing a sequential or chronological order.

The terminology used in the following examples is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in the specification of this application and the appended claims, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, such as "one or more", unless the context clearly indicates otherwise. It should also be understood that in the embodiments of the present application, "one or more" means one, two or more; "and/or" describes the association relationship of the associated object, and indicates that three relationships can exist; for example, a and/or B, may represent: a alone, both A and B, and B alone, where A, B may be singular or plural. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.

Reference throughout this specification to "one embodiment" or "some embodiments," or the like, means that a particular feature, structure, or characteristic described in connection with the embodiment is included in one or more embodiments of the present application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," or the like, in various places throughout this specification are not necessarily all referring to the same embodiment, but rather "one or more but not all embodiments" unless specifically stated otherwise. The terms "comprising," "including," "having," and variations thereof mean "including, but not limited to," unless expressly specified otherwise.

Taking a sports watch as an example, at present, the sports watch realizes functions and controls display through an MCU. There may be multiple components on each interface of the sports watch, as shown with reference to FIG. 1C.

The component represents a minimum display unit, and may be a container component, which is used to include other components, or may be a basic component, such as a picture, a text, a drawing (drawing a basic graph such as a point, a line, a circle, etc.), an animation, etc. It should be noted that the components may be distinguished according to the content, the type, and the like on the page.

As an example, in the schematic shown in fig. 1c (a), for example, the assembly may include: time information component, location information component, temperature information component, etc. in the schematic diagram shown in fig. 1c (b), the components may include: the time information component (specifically, the hour hand, the minute hand, and the second hand) may be included in the schematic diagram shown in fig. 1c (c), and the component may include: a step number information component, a time information component, etc.

As another example, the page in FIG. 1C can be classified by type into a background component, a literal component, an animation component, and the like, for example, the black background shown in FIG. 1C (a) is the background component, the "Shenzhen" can be understood as the literal component, and the "sun" characterizing the weather can be understood as the animation component, and the like.

The user can slide the operation on the screen of motion wrist-watch, when the user slides the page on the screen, the subassembly on the page need be continuously redrawn, because the subassembly is drawn and generally needs 30 ~ 100ms, when the subassembly on the page is more, probably there is great time delay and card pause, can make the performance of motion wrist-watch relatively poor like this to when the page on the present motion wrist-watch slides and shows, slide according to fixed frame rate and show, also make user's experience relatively poor like this.

In view of this, an embodiment of the present application provides a page display method, where a next page of a current page is captured as a picture, when a user slides a page, a sliding process of two pages can be directly displayed on a screen of a wearable device according to a gesture operation, and there is no feeling of delay, so that a sliding experience of the user on the screen is improved, and display performance is improved.

A page display method according to an embodiment of the present application is described in detail below with reference to the accompanying drawings.

Referring to fig. 2, a flowchart of a page display method provided in the embodiment of the present application is shown, where the method includes the following steps:

s201: the display screen 105 of the wearable device displays a first page.

Each page of the wearable device comprises a plurality of (10 to 30) components, and different components can be composed of character strings, pictures and the like. And loading character strings, pictures and the like to corresponding component positions on the page, and displaying the page finally seen by the user on a display screen through calculation and rendering.

As a possible implementation manner, resource data such as character strings and pictures may be stored in a memory of the wearable device in advance, for example, in Flash. When a page needs to be displayed, resource data stored in the Flash can be loaded into the RAM, then a processor of the wearable device can load resources such as character strings and/or pictures and the like from the RAM to the position of a component on the page, and then rendering is carried out to obtain a final page.

In some embodiments of the present application, components of the current page and components of the next page that the user may slide to may be preloaded, and then the current page is displayed on the screen and a screenshot of the next page is performed in the background. It will be appreciated that the components of the next page that the user may slide to may be loaded in the background.

For convenience of description, a currently displayed page may be referred to as a "first page", and a page next to the currently displayed page may be referred to as a "second page". It can be understood that the second page may be a page after the user slides the first page to the left, may also be a page after the user slides the first page to the right, and of course, may also be a page after the user slides the first page upward, or a page after the user slides the first page downward. For example, assuming that the current page is page 1, the next page that the user may slide to may include any one of the following: page 2, page 3, page 4, page 5. The page 2 is a page where the user slides the page 1 leftwards, the page 3 is a page where the user slides the page 1 rightwards, the page 4 is a page where the user slides the page 1 upwards, and the page 5 is a page where the user slides the page 1 downwards.

In other embodiments, after loading the component of the next page that the user may slide to, the wearable device may capture a screenshot of the next page in the background, that is, capture the next page as a picture. When a user operates on a display screen of the wearable device, such as a screen-lighting operation, a click setting operation and the like, the screenshot of the background can be synchronously updated, so that the relevance between the screenshot of the background page and the current data can be ensured. As an example, if the current page is page 1, the background-captured pictures may include page 2, page 3, page 4, and page 5; for yet another example, assuming that the current page is page a, the background captured pictures may include page B, page C, page D, and page E.

In the embodiment of the present application, the method for capturing a next page in the background may include, but is not limited to, the following manners:

in a Graphical User Interface (GUI) framework, a page usually includes one or more container components, all components in the container can be rendered and drawn to a specified memory by calling a drawing method of the container component, the container component of a background page is called, all components of the background page can be drawn to a specified memory Buffer, and then the background page is loaded and displayed as a picture component to replace an actual page component.

S202: the processor 103 of the wearable device is responsive to a first operation by the user.

When the current page is displayed on the display screen 105, the user may perform a click operation or a slide operation, etc. on the current page. The processor 103 of the wearable device 100 may intercept a currently displayed page as a picture in response to a user's clicking operation on the first page when the user clicks a screen of the current page. It is understood 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, and the like.

It should be noted that the first operation of the user on the current page may be understood as a trigger point for switching the page, and since the screenshot needs to be performed before the current page is slid, the screenshot time is selected as the time when the user performs the first operation on the current page.

Referring to fig. 3, a schematic diagram of a screenshot of a page provided in this embodiment of the present application is shown, where when a page includes component 1 and component 2 …, component X, the captured image may be used as a hidden component, and component 1 and component 2 …, for example, (a) shows, and when the screenshot needs to be displayed, component 1 and component 2 …, component X, may be hidden, and the captured image may be displayed as a component on the page, for example (b), shows.

It will be appreciated that the dashed lines of the component blocks shown in the figures represent hidden components, not displayed on the page.

In the embodiment of the present application, the method for switching the currently displayed page to the next page may be a gesture operation, for example, an operation of double-clicking a screen with a finger, and of course, other manners may also be adopted, for example, a manner of voice control is adopted to switch the currently displayed page, and this application is not limited thereto. For example, when the user touches the current page on the screen, the current page can be switched by adopting the operation of double-clicking the screen.

It should be noted that, in the present application, the screen is triggered by capturing a screen when the user clicks the screen, and therefore, any mode that can trigger the screen to switch may be included in the scope of the present application.

Since the corresponding next page changes with the change of the current page, in a possible implementation, a table of the correspondence between the current page and the next page may be stored in the memory of the wearable device. See table 1 for details.

TABLE 1

As can be seen from table 1, when the current page is different, the corresponding next page is also different, and therefore, only when the current page is determined, which page is possible to be next can be estimated.

It should be understood that table 1 is only a schematic illustration, and the numbers in table 1 can be understood as the corresponding numbers of the pages. Of course, the method for reflecting the correspondence between the current page and the next page is not limited to the form of a table, and may also be an array, for example, which is not limited in this application. The table shows only the next page in four directions, but of course, other directions may be used, for example, 45 degrees or 60 degrees, and the present application is not limited thereto.

Mapping table 1 to the page layout is shown in table 2. Taking the current page as the page 1 for explanation, the page after the page 1 slides to the right is the page 3, and therefore the page 3 is the page on the left of the page 1, and the page after the page 1 slides to the left is the page 2, and therefore the page 2 is the page on the right of the page 1.

TABLE 2

Page 5	Page 8
		Page 3	Page 1	Page 2	Page 6
Page 4	Page 7

S203: the processor 100 of the wearable device responds to the second operation by the user and displays a second page on the display screen 105.

In the present application, the second operation may be a gesture operation of the user, for example, a sliding operation from left to right, or the like, which is not limited in the present application. When a user clicks a current page, the processor of the wearable device can intercept the current page into a picture, and then the user can perform sliding operation based on the current page, so that the display screen of the wearable device slides from the current page to a next page.

For example, assuming that a user slides a current page from right to left, the wearable device may detect a sliding operation of the user on the display screen from right to left, and in the sliding process, a page in a picture form may be directly displayed on the display screen, so that when the user slides the page, a next page may be displayed without waiting for a certain time delay, but may be displayed along with the sliding operation of the user's finger, thereby meeting the performance requirements of the user.

In some embodiments, when the gesture operation of the user is a right-to-left sliding operation, the sliding operation may be a sliding operation from any position of the display screen as a starting point to the left, for example, from a position close to the right edge of the display screen but at a certain distance from the right edge as a starting point.

In other embodiments, the gesture operation may also be other operations, such as a sliding operation from left to right, from top to bottom, or from bottom to top, and in other embodiments, the gesture operation may also be a sliding operation from right to left/left to right/from top to bottom/from bottom to top, and the page is displayed when the sliding operation with a certain pressure is detected, for example, the wearing device detects the sliding operation from right to left, and the pressure sensor provided on the display screen detects that a pressure value generated by the sliding operation is greater than a threshold value.

In other embodiments, 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 stops at the end position without intervals. For example, when the wearable device detects a sliding operation from right to left and detects that the sliding operation slides to the end position, the wearable device stops at the end position, and the display screen of the wearable device displays a page.

In this application embodiment, the user can hide the subassembly of original page at the in-process that slides the page, and the picture of direct display intercepting slides the page like this, and the page can slide along with the operation of finger, can realize that the page is gliding with the hand experience, can promote user experience.

Further, display contents corresponding to a part of components on a page displayed on a display screen of the wearable device are updated in real time, such as the number of exercise steps, time information and the like of the user. In the embodiment of the application, the components of which the data needs to be updated in real time can be displayed on the screenshot of the page in a covering manner, so that the data can be updated in real time when the page slides, and the user experience is improved.

It should be noted that, in the embodiment of the present application, a "component whose data needs to be updated in real time" may be denoted as a "key component", and then, for identification of the key component, the present application may include the following two possible implementation manners:

A first possible implementation:

the key components can be directly specified by a developer when the page design of the wearable device is carried out, namely, which components are specified in advance as key components and which components are non-key components. Of course, it is to be understood that developers in specifying key components are specified based on the component's impact on the user experience. For example, if the influence of the time information on the user experience is relatively large, the component corresponding to the time information may be designated as the key component.

A second possible implementation:

the processor of the wearable device can count the data updating frequency of at least one component within a preset time, and then compare the data updating frequency with a set threshold value to determine which components are key components. For example, assuming that the set threshold is 60 times/minute, if the data update frequency of a certain component within 1 minute is greater than 60 times, the component is determined to be a critical component. Note that the data update frequency is the number of times data is updated within a set time.

Of course, it is understood that the preset time may be one hour, five minutes, etc., and the present application is not limited thereto.

In some embodiments of the application, after the processor 103 of the wearable device determines which components are key components, when capturing an image (including a current page and a next page), the key components are excluded (i.e., no screenshot operation is performed on the key components), and then in the sliding process, the key components and the captured image are simultaneously displayed, and the key components are displayed above the image, so that real-time update of data corresponding to the key components can be realized, and further user experience is improved.

Referring to fig. 4A, assuming that the component X is a key component, when the screenshot component is not displayed, as shown in fig. 4A (a), the component 1 and the component 2 … are displayed on the page, and the captured picture is hidden as a picture component, and when the screenshot needs to be displayed, the component X may be placed above the picture component and other components are hidden, for example, as shown in fig. 4A (b).

For example, taking fig. 1C (C) as an example, since the step number information of the user may change in real time, the key component shown in the figure may be a component corresponding to the step number information of the user, and in the present application, when the screenshot is displayed on the page, the key component, for example, the component corresponding to the step number information of the user, may be displayed above the screenshot, for example, as shown in fig. 4B, so that data corresponding to the key component may be updated in real time, and user experience may be improved.

Based on the above description, after the user slides the page on the display screen of the wearable device, the picture of the next page (second page) may be displayed on the display screen, if the finger of the user leaves the display screen, that is, after the sliding is released, the next page (for example, page 2) with respect to page 1 is displayed, at this time, page 2 is the current page, and when page 2 is completely displayed and is still for a set time period (for example, 2s), page 2 may also be recovered to be an actual component.

It should be noted that, when the page is completely displayed and restored to the actual component, it is not necessary to wait for a set time period, and the page may be restored to the actual component immediately after being completely displayed.

The following takes a sports watch as an example, and further describes the page display method related to the present application in conjunction with a specific sliding example, and referring to fig. 5, the method may include four processes of loading, clicking, sliding, and releasing. Suppose that the current page is page 1 and the next page is the page after page 1 slides to the left, e.g. page 2, i.e. the process of sliding page 1 to page 2.

(1) And loading the page 1 and the page 2, displaying the page 1 after loading is finished, and carrying out screenshot on the page 2 in a background. In the process, a processor in the sports watch needs to load resource data such as character strings and pictures from a memory to corresponding components, and then render and draw the resource data into a designated memory.

(2) The user may perform an operation on the page 1, for example, the user performs a click operation on the page 1, and the processor 103 of the sports watch may intercept the page 1 as a picture and display the picture after receiving the click operation. In the process, because the page 1 is already stored in the FrameBuffer, the intercepted picture of the page 1 does not need to be redrawn, and can be directly copied to the FrameBuffer for display.

(3) And after the user clicks the page 1 and captures the page 1, the sliding process can be started. After the user has slid left page 1, the screenshots of page 1 and page 2 may be displayed since the next page has already been screenshots. It will be appreciated that during the sliding process, the two pictures are moving from frame to frame, and therefore, during the sliding process, the partial pictures of page 1 and page 2 may be copied into FrameBuffer.

(4) And when the user looses his hand from the display screen, the picture can continue to slide until the page 2 is completely displayed, at the moment, the page sliding is stopped, and the page 2 can resume the component display.

It is understood that (a) corresponds to the process (1), i.e., the process of loading, (b) corresponds to the process (2), i.e., the process of clicking, (c) and (d) correspond to the process (3), i.e., the process of sliding, and (e) corresponds to the process (4), i.e., the process of releasing, in the schematic diagram shown in fig. 5.

In the application, when the user starts to slide the page when clicking the screen, because the screenshot is already performed on the current page when clicking the screen, two pictures slide in the sliding process, so that the sliding performance can be improved. In addition, in the sliding process, the picture can be directly copied to the FrameBuffer to be directly displayed without redrawing again.

It should be noted that 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, and a square represents the shape of the saved screenshot. Of course, the shape of the screen shot may also be a circle, which is not limited in this application. When the shape of the screen shot is square, the square includes an area in which content is displayed and an area in which content is not displayed. The circular area in the square is a displayable area and is used for displaying a screenshot or a component; the other regions except for the circular region inside the square are regions where no content is displayed.

Based on the above embodiments, the present application further provides a page display method, which may be applied to a wearable device having a display screen, and as shown in fig. 6, the method may include the following steps:

S301: the first page is displayed and the second page is loaded.

In this embodiment of the application, a page currently displayed by the wearable device may be recorded as a "first page", and a next page to which the first page is to be switched may be recorded as a "second page".

It should be noted that the second page may be a next page after the first page slides, or may also be a next page after the current page is switched by other methods, for example, the user switches the current page to the next page by pressing a key.

Moreover, for the current page, the next page may be a page located on the left of the current page, or a page located on the right of the current page, or certainly, a page located on the top of the current page, or a page located on the bottom of the current page. Or the next page may also be a page in other directions of the current page, which is not limited in this application.

S302: and performing screenshot on the second page to obtain a second screenshot corresponding to the second page.

For convenience of description, the screenshot corresponding to the first page is referred to as a "first screenshot", and the screenshot corresponding to the second page is referred to as a "second screenshot".

It should be noted that, in the embodiment of the present application, when the first page is displayed, the second page may be loaded, and the screenshot may be performed on the second page to obtain a second screenshot corresponding to the second page.

In the application, the screenshot of the second page can be carried out in the background, and the background screenshot needs to render the component, so that the needed time is long, the screenshot can be finished in advance when the page is loaded, and the screenshot can be conveniently and directly used when the page is switched subsequently.

Of course, it may be understood that the screenshot of the second page may be performed when the first page is loaded, when the screen is bright, when the processor of the wearable device detects that the data is updated, and the like, and the screenshot of the second page is not limited in this application.

S303: and responding to a first operation of the user for switching the first page to the next page, and displaying the second screenshot.

The first operation may be a sliding operation of a user, or an operation triggered by the user on a key, and the application is not limited as long as the operation for triggering the first page to switch to the next page can be included in the scope of the application.

The first page in the embodiment of the present application may include two forms: (1) the first screenshot corresponding to the first page is in a picture form; (2) and the page which corresponds to the first page and contains the original assembly is the page which can be operated.

Correspondingly, the displaying of the second screenshot in the present application may include two schemes:

the first scheme is as follows: and performing screenshot on the first page, and switching the first screenshot to the second screenshot.

That is, before the first cut corresponding to the first page is displayed, the method may further include: and responding to a second operation of the user, and performing screenshot on the first page to obtain a first screenshot.

The second operation can be a click operation of a user or a touch operation of the user, and when the user clicks or touches a screen of the wearable device, screenshot can be performed on the first page to obtain a first screenshot corresponding to the first page. The image capturing needs to be completed before the page is switched, namely the current page can be captured before the page is switched, and the page switching can be triggered by clicking or touching the screen by the user, so that the image of the current page is selected to be captured when the user clicks or touches the screen.

The second scheme is as follows: and directly switching the first page containing the original assembly to a second screenshot without screenshot on the first page.

S304: and replacing and displaying the second screenshot as a second page.

If the switching scheme is to switch the first screenshot to the second screenshot, the screenshot of the first page can be gradually moved out of the display screen, the screenshot of the second page can be gradually moved into the display screen, and finally the screenshot of the second page is completely displayed on the display screen in the page switching process. And when the screenshot corresponding to the second page is completely displayed on the display screen, the second screenshot can be restored to the second page, and the actual component is displayed on the second page at the moment.

In the scheme of the application, the next page to which the first page is to be switched, namely the screenshots of the plurality of second pages are stored, so that in the process of switching the pages, the second screenshots consistent with the gesture operation direction can be selected from the stored screenshots according to the gesture operation direction of a user, and the first page is directly switched to the corresponding second screenshots. For example, assuming that the user slides from left to right on the first page, the screenshot corresponding to the next page after the first page slides from left to right may be selected from the stored second screenshots, and then the first page is switched to the screenshot corresponding to the next page after the first page slides from left to right.

Further, when the first page and/or the second page includes a key component, the method further includes: determining a key component on the first page and/or the second page; the key component is displayed above the first screenshot and/or the second screenshot.

Wherein, the key component is a component of which data needs to be updated in real time.

In the embodiment of the application, the data corresponding to the key component needs to be updated in real time, so that the key component can be displayed above the screenshot in a covering mode, real-time updating of the data corresponding to the key component is achieved, and user experience is improved.

It should be noted that the position covered by the key component on the screenshot is consistent with the position of the key component on the original page.

In the embodiment of the present application, the key component may be determined in the following two ways:

in one possible implementation, determining the key component on the first page and/or the second page includes: and determining the key component according to the updating frequency of at least one component included on the first page and/or the second page within a preset time length.

For example, when the counted update frequency of the component within the preset time period is greater than the set threshold, the component may be determined as the critical component.

In another possible implementation, the key component is predefined.

The above embodiments can be used alone or in combination with each other to achieve different technical effects.

In the embodiments provided by the present application, the method provided by the embodiments of the present application is introduced from the perspective of taking the wearable device as an execution subject. In order to implement the functions in the method provided by the embodiment of the present application, the wearable device may include a hardware structure and/or a software module, and the functions are implemented in the form of a hardware structure, a software module, or a hardware structure plus a software module. Whether any of the above-described functions is implemented as a hardware structure, a software module, or a hardware structure plus a software module depends upon the particular application and design constraints imposed on the technical solution.

Based on the same concept, fig. 7 illustrates a page display apparatus 700 provided by the present application, which is used for executing the page display method illustrated in fig. 6. For example, the apparatus 700 may be a wearable device. Illustratively, the apparatus 700 includes a display unit 701 and a processing unit 702.

Illustratively, the display unit 701 is used to display a first page; displaying the second screenshot; the processing unit 702 is configured to perform screenshot on the second page to obtain a second screenshot corresponding to the second page; responding to a first operation of the user for switching the first page to the next page, and the like. Specifically, the function implementation corresponding to the unit may refer to the introduction of the foregoing method embodiment, and is not described herein again.

Based on the same concept, referring to fig. 8, a wearable device 800 provided by the present application specifically includes: a display screen 801, a processor 802, and a memory 803, and one or more computer programs (not shown). Wherein, the display screen 801, the processor 802 and the memory 803 are connected to each other. The display 801 is a touchable screen for displaying pages, components, screenshots, and the like.

Optionally, the display 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 (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one thick line is shown in FIG. 8, but this is not intended to represent only one bus or type of bus.

Wherein one or more computer programs, including instructions, are stored in the memory 803; processor 802 invokes the instructions stored in memory 803 to cause wearable device 800 to perform the steps of:

The display screen 801 displays a first page and loads a second page; the second page is the next page to which the first page is switched;

the processor 802 captures 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 801 in response to a first operation of the user to switch from the first page to a next page;

the processor 802 displays the second screenshot as the second page instead on the display 801.

In one possible design, before displaying the first cut corresponding to the first page, the instructions, when executed by the one or more processors, cause the wearable device to further perform the following steps:

In one possible design, when a key component is included on the first page and/or the second page, the instructions, when executed by the one or more processors, cause the wearable device to further perform the steps of:

In one possible design, determining key components on the first page and/or the second page includes:

and determining the key component according to the updating frequency of at least one component included on the first page and/or the second page within a preset time length.

In one possible design, the key components are predefined.

In this embodiment, the processor 802 may be an MCU, and the steps of the method disclosed in this embodiment of the present application may be directly implemented by a hardware processor, or implemented by a combination of hardware and software modules in the processor. Software modules may be located in the memory 803 and the processor 802 reads the program instructions from the memory 803 and performs the steps of the method described above in conjunction with its hardware.

In the embodiment of the present application, the memory 803 may be a ROM or a RAM. The memory can also be any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer, but is not limited to such. The memory in the embodiments of the present application may also be a circuit or any other device capable of implementing a storage function for storing instructions and/or data.

It can be clearly understood by those skilled in the art that, for convenience and simplicity of description, the specific working processes of the above-described apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.

Based on the above embodiments, the present application further provides a computer storage medium, where a computer program is stored, and when the computer program is executed by a computer, the computer program causes the computer to execute the page display method provided by the above embodiments.

The embodiment of the present application also provides a computer program product, which includes instructions that, when run on a computer, cause the computer to execute the page display method provided in the above embodiment.

Embodiments of the present application are described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by instructions. These instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

Claims

1. A page display method, comprising:

displaying the first page and loading the second page; the second page is the next page to which the first page is switched;

screenshot is carried out on the second page, and a second screenshot corresponding to the second page is obtained;

responding to a first operation of a user for switching the first page to the next page, and displaying the second screenshot;

Displaying the second screenshot as the second page instead;

when a key component is included on the first page and/or the second page, the method further comprises:

determining a key component on the first page and/or the second page, wherein the key component is a component of which data needs to be updated in real time;

displaying the key component above the first screenshot and/or the second screenshot.

2. The method of claim 1, wherein displaying the first page comprises:

and displaying a first screenshot corresponding to the first page, or displaying the first page containing the original component.

3. The method of claim 2, wherein prior to displaying the first cut corresponding to the first page, the method further comprises:

4. The method of claim 1, wherein determining key components on the first page and/or second page comprises:

5. The method of claim 1, in which the key component is predefined.

6. A wearable device, comprising: a display screen; one or more processors; a memory; and one or more computer programs;

wherein the one or more computer programs are stored in the memory, the one or more computer programs comprising instructions that, when executed by the one or more processors, cause the wearable device to perform the steps of:

the display screen displays a first page and loads a second page; the second page is the next page to which the first page is switched;

displaying the second screenshot as the second page instead;

when a key component is included on the first page and/or second page, the instructions, when executed by the one or more processors, cause the wearable device to further perform the steps of:

7. The wearable device of claim 6, wherein displaying a first page comprises:

8. The wearable device of claim 7, wherein prior to displaying the first cut corresponding to the first page, the instructions when executed by the one or more processors cause the wearable device to further perform the steps of:

9. The wearable device of claim 6, wherein determining key components on the first page and/or second page comprises:

10. The wearable device of claim 6, wherein the key component is predefined.

11. A computer storage medium comprising computer instructions which, when run on an electronic device, cause the electronic device to perform the page display method of any one of claims 1-5.

12. A program product, which, when run on a computer, causes the computer to perform the page display method of any one of claims 1-5.