CN116737050B - Display control method and device - Google Patents

Display control method and device Download PDF

Info

Publication number
CN116737050B
CN116737050B CN202211295592.5A CN202211295592A CN116737050B CN 116737050 B CN116737050 B CN 116737050B CN 202211295592 A CN202211295592 A CN 202211295592A CN 116737050 B CN116737050 B CN 116737050B
Authority
CN
China
Prior art keywords
screen
interface
displayed
displaying
information
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202211295592.5A
Other languages
Chinese (zh)
Other versions
CN116737050A (en
Inventor
仇立山
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Honor Device Co Ltd
Original Assignee
Honor Device Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Honor Device Co Ltd filed Critical Honor Device Co Ltd
Priority to CN202211295592.5A priority Critical patent/CN116737050B/en
Publication of CN116737050A publication Critical patent/CN116737050A/en
Application granted granted Critical
Publication of CN116737050B publication Critical patent/CN116737050B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction 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/0488—Interaction 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/04883—Interaction 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
    • G—PHYSICS
    • G04—HOROLOGY
    • G04G—ELECTRONIC TIME-PIECES
    • G04G9/00—Visual time or date indication means
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Landscapes

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

Abstract

The embodiment of the application provides a display control method and a display control device, which are applied to wearable equipment. And displaying a first interface comprising a first main dial on a first screen, responding to a first sliding operation input by a user on a second screen, and switching the first main dial displayed on the first screen into an applied interface by using a first animation effect, wherein the switching direction reflected by the first animation effect is consistent with the direction of the first sliding operation. And the sliding operation on the second screen is used for controlling the switching of the displayed content of the first screen, so that the blocking of the sliding operation on the displayed content of the first screen can be avoided, and the user experience is improved. And the switching direction indicated by the first animation effect is consistent with the direction of the first sliding operation, so that the animation effect and the first sliding operation have sensory uniformity and smooth touch feeling, and better user experience can be obtained.

Description

Display control method and device
Technical Field
The present application relates to the field of electronic information technologies, and in particular, to a display control method and apparatus.
Background
Smart watches are common intelligent electronic devices. To obtain a better user experience, smartwatches often provide user interaction functionality, but conventional user interaction functionality has room for improvement.
Disclosure of Invention
The application provides a display control method, which aims to solve the problem of how to improve the user interaction function of electronic equipment.
In order to achieve the above object, the present application provides the following technical solutions:
A first aspect of the present application provides a display control method applied to a wearable device, where the wearable device includes a first screen and a second screen, and a surface where the first screen is located intersects a surface where the second screen is located, the method including: and displaying a first interface comprising a first main dial on a first screen, acquiring a first sliding operation input by a user on a second screen, responding to the first sliding operation, and switching the first main dial displayed on the first screen into an applied interface with a preconfigured first animation effect, wherein the switching direction reflected by the first animation effect is consistent with the direction of the first sliding operation. And the sliding operation on the second screen is used for controlling the switching of the displayed content of the first screen, so that the blocking of the sliding operation on the displayed content of the first screen can be avoided, and the user experience is improved. And the switching direction indicated by the first animation effect is consistent with the direction of the first sliding operation, so that the animation effect and the first sliding operation have sensory uniformity and smooth touch feeling, and better user experience can be obtained.
In some implementations, the sliding direction of the first sliding operation is a direction pointing toward the first screen, or the sliding direction of the first sliding operation is a direction away from the first screen. It can be seen that the direction of the first sliding operation is different from the rotation direction provided by the conventional crown, providing a more novel and rich operating experience.
In some implementations, the first sliding operation entered at the second screen includes: and sliding operation of the touch area input corresponding to the main dial on the second screen. The configuration of the touch area can realize the switching of different objects on the same display interface based on the second screen, and the flexibility and convenience of touch are improved.
In some implementations, the first interface further includes: the first page of the control center, the method further comprises:
And responding to the sliding operation of the touch area corresponding to the page of the control center on the second screen, and switching the first page of the control center displayed on the first screen into the second page of the control center. Based on the switching of different objects on the same display interface by the second screen, the method has higher flexibility and convenience.
In some implementations, switching a first page of a control center of a first screen display to a second page of the control center includes: and switching the first page of the control center displayed on the first screen into a second page of the control center by using a second animation effect which is configured in advance, wherein the switching direction reflected by the second animation effect is consistent with the sliding operation direction of the touch area corresponding to the page of the control center, so that sensory uniformity and smooth touch feeling are obtained.
In some implementations, the display control method provided in the first aspect further includes: displaying a three-dimensional object of a first viewing angle on the first screen, and displaying a three-dimensional object of a second viewing angle on the first screen in response to a sliding operation in at least one of N directions on the second screen, the three-dimensional object of the second viewing angle being obtained by rotating the three-dimensional object of the first viewing angle in at least two dimensions, N being an integer greater than 2. The second screen can be seen to provide sliding supporting multiple directions, so that the touch control degree of freedom is increased, and a foundation is laid for multi-view viewing of three-dimensional objects.
In some implementations, the display control method provided in the first aspect further includes: the information list is displayed on the first screen, and in response to the second sliding operation on the second screen, the information items in the information list are scroll-displayed on the first screen in a direction consistent with the direction of the second sliding operation. It can be seen that control over the display of the application interface can also be achieved based on the second screen, and the touch function of the second screen can be enhanced.
In some implementations, the display control method provided in the first aspect further includes: acquiring a main dial setting operation input in a first screen, wherein the wearable device enters a dial setting mode, and the first screen still comprises the first main dial; and responding to a third sliding operation of the user on the second screen, switching the first main dial displayed on the first screen into a second main dial, wherein the second main dial is different from the first main dial. The switching of the main dial can also be provided based on the second screen, and the switching mode of the main dial is started by the main dial setting operation input by the first screen, so that the convenience of dial switching when setting the display style of the main dial can be improved.
In some implementations, the display control method provided in the first aspect further includes: and displaying a second interface on the first screen based on the information displayed on the second screen in response to the click operation on the second screen. Based on clicking operation on the second screen, the content displayed on the first screen can be switched, and the touch control function of the second screen is expanded.
In some implementations, displaying the second interface on the first screen based on the information displayed on the second screen includes: and displaying the interface corresponding to the virtual shortcut key on the first screen based on the virtual shortcut key displayed on the second screen, so that the touch control function of the second screen is expanded.
In some implementations, before displaying the second interface on the first screen based on the information displayed on the second screen, further comprising: and responding to the clicking operation to click for a plurality of times within a preset time length, and displaying a virtual shortcut key on the second screen so as to provide a more flexible touch mode and ensure that the second screen can be switched among different touch functions.
In some implementations, displaying the second interface on the first screen based on the information displayed on the second screen includes: the first interface displayed on the first screen is switched to the second interface based on the extended display information of the first interface displayed on the second screen (such as an interface displaying information of music being played by the music player). The expansion display information is displayed on the second screen, so that the space of the first screen can be saved, and the first screen provides better display experience.
In some implementations, the extended display information of the first interface (such as an interface for displaying information of music being played by the music player) includes a control (such as a play control and/or a lyrics display control of the music player) for triggering a change of the information in the first interface (such as playing a next song, scrolling lyrics, or turning pages), so as to obtain a second interface. And displaying the control which can be operated on the second screen, so that the content displayed on the first screen is not blocked when the user operates the control.
In some implementations, the first interface includes an interface of the first application, the extended display information of the first interface includes display information triggered by an interrupt event in operation of the first application, and switching the first interface displayed on the first screen to the second interface includes: and switching the first interface displayed on the first screen into display information triggered by the interrupt event (such as new message prompt information). It can be seen that the second screen can provide a function of displaying display information triggered by an interrupt event on the first screen, thereby expanding the function of the second screen.
In some implementations, further comprising: and responding to the service interruption event, and switching the third interface displayed on the second screen into display information triggered by the service interruption event. The display information triggered by the interrupt event is displayed on the second screen, so that the interference on the information displayed on the first screen can be reduced, and the reminding of the display information triggered by the interrupt event can be realized.
In some implementations, after the second screen displays the display information triggered by the service interruption event, the method further includes: and displaying the display information triggered by the interrupt event on the first screen in response to clicking the display information triggered by the interrupt event in the first period. The first time length can realize different control logic branches, so that the touch control function of the second screen is expanded.
In some implementations, after the second screen displays the display information triggered by the service interruption event, the method further includes: and responding to the display information triggered by the sliding interrupt event in the second time period, and restoring the second screen to display the third interface. The second duration can implement different control logic branches, thereby expanding the touch function of the second screen.
In some implementations, the wearable screen further includes a third screen, and the display control method provided in the first aspect further includes: and displaying the preconfigured information (such as the virtual shortcut key) on the third screen, and switching the first interface displayed on the first screen to an interface corresponding to the preconfigured information (such as an icon of an application corresponding to the virtual shortcut key) in response to the clicking operation based on the third screen. The virtual shortcut key is displayed on the third screen, so that the second screen can be reserved for the touch control function which is operated more frequently, the functions of the first screen and the second screen are distinguished, and better user experience is obtained.
In some implementations, displaying the preconfigured information on the third screen includes: in response to a trigger operation based on the third screen, preconfigured information is displayed on the third screen. That is, the preconfigured information is displayed on the third screen in response to the trigger operation so that the third screen can be enabled at the time of the trigger, thereby saving resources.
A second aspect of the application provides a wearable device comprising: the display control device comprises one or more processors, a memory, a first screen and a second screen, wherein the surface of the first screen is intersected with the surface of the second screen, the memory is used for storing computer program codes, the computer program codes comprise computer instructions, and when the one or more processors execute the computer instructions, the electronic device executes the display control method provided by the first aspect of the application.
In some implementations, the first screen and the second screen are connected by a frame, i.e., the first screen and the second screen are independent screens. Or the first screen and the second screen are different areas of the same flexible screen.
A third aspect of the present application provides a computer storage medium storing a computer program, which when executed, is specifically adapted to carry out the display control method provided in the first aspect of the present application.
A fourth aspect of the application provides a computer program product comprising instructions. The computer program product, when run on a computer or processor, causes the computer or processor to perform the display control method provided in the first aspect of the application.
Drawings
FIG. 1 is an exemplary diagram of a smart watch;
FIG. 2 is an exemplary diagram of a smart watch with a main screen and a side screen according to an embodiment of the present application;
FIG. 3 is an exemplary diagram of a main dial displayed on a main screen based on side screen switching as an application interface according to an embodiment of the present application;
fig. 4 is an example diagram of a main dial displayed based on a side screen switching main screen according to an embodiment of the present application;
fig. 5 is an exemplary diagram of a dial or page turning sequence provided in an embodiment of the present application;
fig. 6 is an exemplary diagram of a page of a control center based on a side screen switching home screen display according to an embodiment of the present application;
FIG. 7 is an exemplary diagram of a side screen scrolling information list according to an embodiment of the present application;
fig. 8 is an exemplary diagram of a display view angle of a three-dimensional object switched based on a side screen according to an embodiment of the present application;
FIG. 9 is an exemplary diagram of a virtual shortcut key based on a side screen display provided by an embodiment of the present application;
fig. 10 is an exemplary diagram of switching display contents based on a side screen touch main screen according to an embodiment of the present application;
FIG. 11 is a diagram illustrating another example of switching display content based on a side screen touch screen according to an embodiment of the present application;
FIG. 12 is a flowchart of a display control method according to an embodiment of the present application;
fig. 13 is a flowchart of a dial switching control in a display control method according to an embodiment of the present application;
fig. 14 is a flowchart of switching display contents of a main screen triggered by clicking a virtual shortcut key in a display control method according to an embodiment of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application. 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 the application and the appended claims, the singular forms "a," "an," "the," and "the" are intended to include, for example, "one or more" such forms of expression, unless the context clearly indicates to the contrary. It should also be understood that in embodiments of the present application, "one or more" means one, two, or more than two; "and/or", describes an association relationship of the association object, indicating that three relationships may exist; for example, a and/or B may represent: a alone, a and B together, and B alone, wherein A, B may be singular or plural. The character "/" generally indicates that the context-dependent object is an "or" relationship.
Reference in the 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 application. Thus, appearances of the phrases "in one embodiment," "in some embodiments," "in other embodiments," and the like in the specification are not necessarily all referring to the same embodiment, but mean "one or more but not all embodiments" unless expressly specified otherwise. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless expressly specified otherwise.
The plurality of the embodiments of the present application is greater than or equal to two. It should be noted that, in the description of the embodiments of the present application, the terms "first," "second," and the like are used for distinguishing between the descriptions and not necessarily for indicating or implying a relative importance, or alternatively, for indicating or implying a sequential order.
As shown in fig. 1, the smart watch 1 generally has a screen 11 and a crown 12. The screen 11 is a touch display screen, and the user may implement interaction with the smart watch 1 based on the screen 11, for example, sliding on the screen 11 to implement switching of interfaces. The crown 12 is a control part of the smart watch 1, and the user may also interact with the smart watch 1 based on the crown 12, for example, pressing the crown 12 to implement a function of returning to the main interface, and for example, rotating the crown 12 to implement turning pages of the display content of the screen 11.
The inventor finds that the following problems exist in the traditional intelligent watch based on the interactive function provided by the touch dial plate and the mechanical crown in the research process:
1. Touch screen based interactions, including but not limited to clicking or sliding on the screen, can cause occlusion of the content displayed on the screen, while smartwatches are typically smaller in size, so more of the displayed content can be occluded, reducing the user experience.
2. The structure and the operation mode of the crown inherit the crown of the conventional watch, and the operation mode and the operation freedom degree are limited. For example, the rotatable crown described in fig. 1 can only achieve rotation in two directions.
3. Taking fig. 1 as an example, the mechanical crown typically protrudes from the housing, reducing the integrity and aesthetics of the appearance of the smart watch.
In order to solve the above problems, the embodiment of the application provides a smart watch with improved hardware and software. Fig. 2 is an exemplary diagram of a smart watch according to an embodiment of the present application, and as shown in fig. 2, the smart watch 2 includes a first screen (which may be also referred to as a home screen or a home screen, etc.) 21 and a second screen (which may be also referred to as a side screen, a crown screen, etc.) 22.
The main screen 21 is a touch display screen, and will not be described here.
The side screen 22 is a Liquid crystal display (Liquid CRYSTAL DISPLAY, LCD) screen with a touch function. It will be appreciated that the circular primary screen shown in fig. 2 is merely an example, and in some implementations, the side screen 22 is a curved screen in cooperation with a circular primary screen, and in other implementations, the primary screen is square in shape, and the side screen 22 is a planar screen in cooperation with a square primary screen.
The number of the side panels 22 may be one or plural, for example, two, and are distributed on the left and right sides of the main panel 21. In fig. 2, the visible side screen 22 is a side screen distributed on the right side of the main screen 21.
In addition to being distributed on the left and/or right side of the main screen 21, the side screens 22 may also be distributed on the upper and/or lower side of the main screen 21.
In some implementations, the side screen 22 is independent of the main screen 21, i.e., the side screen 22 is not a screen but a plurality of screens from the main screen 21. In this case, it can be understood that a frame for fixing is provided between the main screen 21 and the side screen 22, as shown at 23 in fig. 2. In other implementations, the side screen 22 and the main screen 21 are different areas of a flexible screen (not shown in the figures).
It will be appreciated that the power-on and power-off functions of a conventional smart watch are typically implemented by a mechanical crown, and for the smart watch shown in fig. 2, because the mechanical crown is not provided, in some implementations, a physical key may be provided on the rear case of the smart watch for implementing the power-on and power-off functions. The type of physical key may be a soft and damped key to obtain a more optimal touch.
A control method based on the side screen of the smart watch exemplified in fig. 2 will be described in detail. In the following embodiment, the smart watch 2 is described by taking the example that it has a left side screen 221 and a right side screen 222. For convenience of the following explanation, the side screen on the left side of the main screen 21 is referred to herein as a left side screen 221, and the side screen on the right side of the main screen 21 is referred to herein as a right side screen 222, from the perspective of the user wearing the smart watch 2 with the main screen 21 facing upward.
The initial wearing mode of the smart watch is a left hand mode, which can be understood as a mode in which the smart watch is worn in the left hand. In the case where the user wears the smart watch for the first time, the right-hand mode or the left-hand mode may be selected based on the setting function of the smart watch.
It will be appreciated that, whether left-handed or right-handed, the side screen located outside (i.e. near the other hand) after wearing is used as the main touch component, which is advantageous for improving the convenience of operation, and therefore, in the left-handed mode, the smart watch sets the right side screen as the outer side screen and the left side screen as the inner side screen. In the right hand mode, the smart watch sets the left side screen as the outside screen and the right side screen as the inside screen.
The left-hand mode will be described below.
An example of displaying a dial after the smart watch is turned on is shown in a diagram a in fig. 3, the dial is displayed on the main screen 21. It will be appreciated that since the outside screen 222 is also a screen, in the case where the main screen 21 displays a dial (i.e., a main screen dial), the outside screen 222 also displays a side screen dial. The side screen dial may be preconfigured and in some implementations matches the content displayed by the main screen. In fig. 3, the side screen dial is taken as an example of a background color (e.g., black). The inner screen may also display a background color (e.g., black). In an embodiment of the present application, the main screen dial may be understood as an interface for displaying time information.
In the scene shown in a in fig. 3, the sliding operation of the user on the outside screen 222 triggers the dial displayed on the main screen 21 to switch to the interface of the application. That is, the sliding operation of the user on the outer screen 222 can be switched from the dial to the application (or called card), and the application can be a preconfigured shortcut application, that is, the user does not need to search for and start the application based on the main screen 21, and the sliding operation of the outer screen 222 is directly switched to the interface of a certain application, so that a shortcut starting mode of the application is provided, and the use convenience is increased.
In conjunction with the illustration of a in fig. 3, assuming that the main screen 21 is currently displayed as dial a, the user slides in the direction (first direction, indicated by arrow 1 in a in fig. 3) of the outside screen 222 back to the main screen 21, and the main screen 21 displays the animation effect illustrated by c in fig. 3.
Assuming that the X axis represents the horizontal direction of the plane in which the main screen 21 is located, the Y axis represents the direction (i.e., the vertical direction) perpendicular to the horizontal direction in the plane in which the main screen 21 is located, the animation effect shown by c in fig. 3 is that the dial a rotates counterclockwise around the Y axis and toward the inside of the smart watch (the direction shown by arrow 3 in c in fig. 3), which is simply referred to as counterclockwise rotation. I.e. the animation effect shown by c in fig. 3 is a coin-like rotation effect. The animation effect similar to the rotation of the coin is matched with the direction shown by the arrow 1 (the direction can be understood to be consistent), namely, the coin has sensory uniformity, and better user experience can be obtained.
After the animation effect is finished, the main screen displays a card (an example of an interface) B of the compass application, as shown by B in fig. 3.
Similarly, as shown by B in fig. 3, assuming that the main screen 21 currently displays a card B for compass application, the user slides in the direction toward the main screen 21 (second direction indicated by arrow 2 in B in fig. 3) at the outside screen 222, the main screen 21 displays an animation effect of a coin-like rotation indicated by arrow 4 in fig. 3, simply referred to as a clockwise rotation, and after the animation effect is ended, the main screen 21 displays a dial a.
It will be appreciated that in the case where card B is displayed on the home screen, if the user again slides in the first direction on the outside screen 222, in the case where there are a plurality of shortcut applications, it may be switched from card B to card C (a card for an application other than the compass application), or it may no longer respond to the sliding operation. In the case where the dial a is displayed on the main screen, if the user again slides in the second direction on the outer screen 222, it is possible to switch to the card of the application without responding.
In some implementations, it is assumed that the outer screen 222 is divided into N areas, each area being referred to as a N-th area, as shown by a and b in fig. 3, and taking N as 5 as an example, one example of a fifth area is an area R1 (i.e., an area between two dotted lines) in the outer screen 222, and sliding in R1 triggers the switching (page turning) of the dial, and the division of the areas is convenient to set an operation area for other touch modes. It is understood that the fifth area is only an example, and may be divided into at least two areas, and any area on the outside screen 222 may be configured as an operation area for a touch operation for controlling dial switching.
It will be appreciated that in some implementations, the various operational areas are displayed differently on the outer screen 222, such as displaying the dashed lines shown in FIG. 3 to distinguish the various operational areas. In other implementations, the touch function corresponding to each operation area is only prompted when the user slides on the side screen for the first time, for example, the dial switch application card function is provided by sliding on R1, and the operation areas are not displayed on the outer screen 222 in a distinguishing manner, so as to provide a more uniform visual effect.
Fig. 4 shows an example of switching the dial based on the sliding operation of the side screen 222, that is, the user performs a dial setting operation such as a long press dial a (not shown in fig. 4) on the main screen 21, and the smart watch enters the dial setting mode. In the dial setting mode, the user can preview the dials with different display modes, and then set favorite dial display modes. It will be appreciated that the prompt information that the dial setting mode has been entered may be displayed on the main screen 21, the prompt information may be text information, control information, etc., or the purpose of prompting that the dial setting mode has been entered may be achieved by changing the display style of the dial a, for example, the dial a is displayed in a thumbnail form or in a floating form, etc.
In the scenario shown by a in fig. 4, the sliding operation of the user on the outside screen 222 triggers the dial page turning displayed by the main screen 21, which can be understood as switching from the first dial (i.e., dial a currently displayed) to the second dial (i.e., dial A1 shown by b in fig. 4). The manner (direction and/or area) of the sliding operation of the outer screen 222 by the user, and the switching animation effect between dials, can be seen in fig. 3.
Fig. 5 is an example of continuous page turning of multiple dials (or pages or cards) configured for the smart watch, where the continuous page turning is understood to be that, after the user performs a sliding operation on the outer screen 222 and turns the page, the user performs a sliding operation on the outer screen 222 again and turns the page again.
As shown in fig. 3 and 5, assuming that the user switches from dial a to card B by sliding the outer screen 222 in the first direction and then switches from card B to card C by sliding the outer screen 222 in the first direction again, the switching between the subsequent cards is performed in the order shown by arrow 5.
As shown in fig. 4 and 5, assuming that the smart watch is configured with a dial a-dial D and the order of the dial switching is dial a, dial B, …, dial D, and assuming that the user slides on the outer screen 222 a plurality of times in a direction (i.e., a first direction) facing away from the main screen 21, the main screen 21 sequentially displays the dials in the order shown by arrow 5 in fig. 5.
Similarly, as shown by B in fig. 4, assuming that the main screen 21 is currently displayed as dial B, the user slides in the direction toward the main screen 21 (second direction indicated by arrow 2 in B in fig. 4) at the outside screen 222, the main screen 21 displays an animation effect of the coin-like rotation indicated by arrow 4 shown by c in fig. 4, simply referred to as clockwise rotation, and after the animation effect is ended, the main screen 21 displays dial a. Assuming that the user slides the outside screen 222 a plurality of times in the direction toward the main screen 21, the dials are displayed in the main screen 21 in order indicated by the arrow 6 in fig. 5. It should be understood that the dial a and the dial D shown in fig. 5 are not limited to being switched to each other.
The switching of pages in fig. 5 can be seen in fig. 6.
It can be seen by combining fig. 3 and fig. 4 that the side screen based on the smart watch can realize the switching display of the dial plate, on the one hand, the operation on the side screen can not shield the main screen, so that the convenience can be improved and the user experience can be improved. On the other hand, the operation design and the operation direction matching and the unified animation effect which can be matched on the side screen can enable the user to obtain smooth touch feeling, and therefore user experience is further improved.
The switching of the display contents triggered by the sliding of the side screen can be applied to other objects besides the dial, and the switching of the dial is performed in a divided area control, for example, in the case that the dial is displayed by the main screen 21, the user triggers the display of the control center by sliding down the upper edge of the dial, and the main screen 21 displays the page of the control center on the dial. As shown by a in fig. 6, the main screen 21 displays a first page M1 of the control center and a dial a, and the size of M1 is smaller than the size of the dial, and M1 is displayed above the dial. It is to be understood that the relative positional relationship between the first page M1 of the control center and the dial a shown in a in fig. 6 is merely an example and is not limiting.
In the case where the main screen 21 shown in a in fig. 6 displays the content, the user slides the outside screen 222 in a direction (first direction, indicated by arrow 1 in a in fig. 6) away from the main screen 21, the main screen 21 displays an animation effect (see arrow 3 in fig. 3) like a coin rotation in the display area of the control center, which indicates that the page of the control center is turned over, and after the animation effect is ended, the main screen 21 displays a second page M2 of the control center, that is, displays other icons of the control center, as shown by b in fig. 6. The animation effect similar to the rotation of the coin has sensory uniformity with the first direction, and better user experience can be obtained.
If the user continues to slide in the first direction on the outer screen 222, the sequence of switching between different pages of the control center is seen in the direction indicated by arrow 5 shown in fig. 5.
As shown by b in fig. 6, assuming that the page of the control center currently displayed by the home screen 21 is M2, if the user slides in the direction toward the home screen 21 (second direction indicated by arrow 2 in b in fig. 6) on the outside screen 222, the page of the control center is switched in the direction indicated by arrow 4 in c in fig. 3, and after the animation effect display is ended, the page of the control center is switched from M2 to M1.
In some implementations, as shown in a and b in fig. 6, a fifth area R2 of the display area near the control center on the outer screen 222 slides, so that the control area is near the display area of the control center, improving uniformity of control and display, and improving user experience.
In combination with the R1 in fig. 3 and the R2 in fig. 6, different operation areas are configured for switching the dial and turning the page of the control center on the outer screen, so that switching of different objects on the same display interface based on the outer screen can be realized, and flexibility and convenience of touch control are improved.
It will be appreciated that in either R1 or R2 the positions of the sliding movement in the first and second directions may be different, as indicated by a in fig. 6, with both arrow 1 and arrow 2 being included in R2, but with the operative position indicated by arrow 1 being above the operative position indicated by arrow 2. In addition, the sliding positions in the first direction and the second direction may be the same, that is, the trajectories generated by the sliding operation in the first direction or the second direction may coincide (only the directions are different).
It will be appreciated that, in addition to sliding in a direction perpendicular to the main screen 21, the outer screen 222 may also slide in other directions, such as the scenario shown in fig. 7, where fig. 7 illustrates an interface displayed after the contact application is started, where the interface includes information of multiple contacts, and the information of the contacts includes names and phone numbers. The user slides in the third direction (indicated by arrow 7) on the outer screen 222, the telephone number of the contact displayed on the main screen 21 scrolls in the positive Y-axis direction in the main screen 21, and the user slides in the fourth direction (indicated by arrow 8) on the outer screen 222, and the telephone number of the contact displayed on the main screen 21 scrolls in the negative Y-axis direction.
It is understood that the sliding on the outer screen 222 may be in any direction, and is not limited to the first, second, third and fourth directions described above.
Assuming that a three-dimensional object is displayed on the main screen 21, such as a globe displayed in a certain application interface shown in fig. 8, the user can present images of different viewing angles by sliding in any direction on the outside screen 222, and accordingly, following the sliding in any direction on the outside screen 222, the globe displayed on the main screen 21 presents a corresponding rotation direction (which can be understood as a switching direction reflected by an animation effect). Taking fig. 8 as an example, assuming that the user slides in the first direction (indicated by arrow 1 in fig. 8) and then slides in the fifth direction (indicated by arrow 9 in fig. 8) on the outer screen 222, the globe displayed on the main screen 21 changes from the view angle shown by a in fig. 8 to the view angle shown by b in fig. 8.
Compared to a conventional mechanical crown, the side screen can support sliding in multiple directions, which lays a foundation for multi-view viewing of three-dimensional objects, e.g., the side screen 222 shown in fig. 8 can provide sliding in at least 8 directions, examples of which are: the first direction (shown by arrow 1 in fig. 3 or 7), the second direction (shown by arrow 2 in fig. 3), the third direction (shown by arrow 7 in fig. 7), the fourth direction (shown by arrow 8 in fig. 7), the fifth direction (shown by arrow 9 in fig. 8) between the first direction and the fourth direction, the sixth direction (shown by arrow 10 in fig. 8) between the second direction and the third direction, the seventh direction (shown by arrow 11 in fig. 8) between the first direction and the third direction, and the eighth direction (shown by arrow 12 in fig. 8) between the second direction and the fourth direction, whereas the knob type mechanical crown can provide rotation in only two directions.
From fig. 1 to fig. 8, it can be seen that the touch is performed through the side screen, which has higher degree of freedom and flexibility, and does not cause shielding to the main screen.
In fig. 1-8, the side screen 222 is taken as an example of a touch display screen, and it is understood that the side screen 222 may also be a touch screen (i.e. without a display function), and the functions shown in fig. 1-8 may also be implemented.
The side screen of the intelligent watch provided by the embodiment can realize the function of a shortcut key besides the multidirectional touch function. The smart watch is still exemplified as including a side screen 222 and a side screen 221. When the side screen 222 is used to implement the above-described touch function, the side screen 221 may be used to implement the function of a shortcut key.
Taking the shortcut access function of an application as an example, as shown by a in fig. 9, the main screen 21 displays any one dial (or interface of any application), and the inside screen 221 displays a virtual shortcut key k. The virtual shortcut key k indicates a category to which the application belongs, and common use, game and shopping are exemplified in fig. 9.
In some implementations, the names (commonly used, gaming, and shopping) displayed by virtual shortcut k are configured by the user based on the interactive interface.
It will be appreciated that any one virtual shortcut k represents an application class, and the corresponding application is an application belonging to that application class. For example, the virtual shortcut "commonly used" means applications commonly used by users, including but not limited to access keys, etc.
In some implementations, the application corresponding to any one virtual shortcut k may be preconfigured by the user based on the interactive interface.
In some implementations, after the smart watch 2 is powered on, i.e. the virtual shortcut key k is displayed on the inner screen 221, fig. 9 exemplifies a scenario in which the user does not click any virtual shortcut key k, and the main screen 21 displays a dial.
Assuming that the user clicks the virtual shortcut key "commonly used", an icon (not shown in fig. 9) of an application corresponding to the virtual shortcut key "commonly used" is displayed on the main screen 21, and assuming that the application corresponding to the virtual shortcut key "commonly used" includes: access keys, information, and telephones. It can be appreciated that, in the case that the number of applications corresponding to the virtual shortcut key "commonly used" is large, so that one interface is insufficient to display icons of all applications corresponding to the virtual shortcut key "commonly used", the user can implement page turning of the icons of the applications corresponding to the virtual shortcut key "commonly used" through a sliding operation on the external screen 222. The user can click on an icon of any one of the applications corresponding to the virtual shortcut "commonly used" to launch the application.
As can be appreciated in connection with fig. 9, the shortcut key is displayed through the side screen, so that the main screen can be not occupied, thereby saving the display space of the main screen, and the number of virtual shortcut keys can be changed with higher flexibility compared with the physical shortcut key.
It will be appreciated that displaying virtual shortcuts on the inner screen may leave the outer screen to the touch function that is operated more frequently, but displaying virtual shortcuts on the inner screen is not limiting and virtual shortcuts may also be displayed on the outer screen.
In the case of only one side screen, the display of the side screen may be switched to displaying the virtual shortcut key by a pre-configured gesture, such as three clicks on the side screen for a certain period of time.
The side screen of the intelligent watch provided by the embodiment can also be used as an extension screen of the main screen, and content displayed by the main screen is controlled through operation of the side screen.
Assuming that the user clicks on an icon of the music player application displayed on the main screen, the main screen 21 and the outside screen 222 display an interface for music play as shown in fig. 10: the main screen 21 displays information of music being played such as "album 1", lyrics "xxxxxxx", and play progress information such as a progress bar with a played duration and a total duration. The side screen 222 displays three virtual control keys P1, P2, and P3. After P1 is clicked, the music player switches to play the next song, so P1 may be referred to as the next song control, and after P2 is clicked, the music player switches to play the previous song, so P2 may be referred to as the previous song control. P3 is a slide operation control, and when P3 slides in the third direction (indicated by arrow 7 in fig. 10), the lyrics displayed on the main screen 21 slide upward, and when P3 slides in the fourth direction (indicated by arrow 8 in fig. 10), the lyrics displayed on the main screen 21 slide downward.
It will be appreciated that the information of the music being played generally includes: information of music being played, lyrics, playing progress information, a previous song control and a next song control.
In this embodiment, information with low frequency of inoperable or interoperable operations (which may be collectively referred to as static information) such as information and lyrics of music being played is displayed on the main screen 21, so as to provide better display experience (including but not limited to larger fonts, more obvious animation effects, etc.), and controls that can be operated are displayed on the outer screen 222, so as to ensure that the content displayed on the main screen 21 is not blocked when the user operates the controls.
It will be appreciated that in addition to being operable, the content displayed on the outer screen 222 satisfies the condition that the outer screen 222 is easily operable, for example, the play progress information is displayed on the main screen 21 by a user dragging a slider on a progress bar to select the play progress, and the drag operation in such a scene requires a sufficient operation length, and the area of the outer screen 222 is small, particularly, the draggable lengths in the first direction and the second direction matched with the progress selection experience are short.
It will be appreciated that the pattern of virtual control keys displayed on the outside screen 222 shown in fig. 10 and the content displayed on the main screen 21 are examples only and not limiting.
Assuming that the smart watch 2 receives a message during the playing of music, a new message prompt is displayed on the outside screen 222 as shown by a in fig. 11. In some implementations, the new message alert information includes the content of the newly received message (e.g., "aa" in FIG. 11), it being understood that in the case of more content, the content of the newly received message is scrolled on the outside screen 222. In other implementations, the new message hint information is a summary of the newly received message to facilitate a user's faster knowledge of the content of the message on the outside screen 222.
It will be appreciated that it is possible that the smart watch 2 has a plurality of unread (i.e., newly received) messages, and in some implementations, only the content or summary of the most recently received and unread messages is displayed, given the limited area of the outboard screen 222. In other implementations, summaries of the plurality of unread messages are displayed on the outer screen 222.
The new message prompt is displayed on the outside screen 222 without affecting the information of the music being played displayed on the main screen 21. In some implementations, the smart watch 2 starts timing from the newly received message, and before the timing duration reaches the first duration, the external screen 222 switches from displaying the virtual control key shown in fig. 10 to displaying the information of the newly received message, and after the timing duration reaches the first duration, the external screen 222 resumes displaying the virtual control key shown in fig. 10, so as to not only remind of receiving the new message, but also reduce the influence on music playing.
In the case where the outside screen 222 displays information of a newly received message, after the user clicks (e.g., clicks or double clicks) on the outside screen 222, the content of the newly received message is displayed on the main screen 21 as shown by b in fig. 11. In some implementations, as shown by b in fig. 11, the content of the most recently received unread message is displayed on the home screen 21, as shown by b in fig. 10, taking as an example the interface of the application to which the most recently received unread message belongs is displayed on the home screen 21, and the sender avatar of the most recently received unread message and the content of the most recently received unread message are displayed in the interface of the application. In other implementations, a list of a plurality of unread messages (not shown in FIG. 11) is displayed on the home screen 21.
As can be seen from fig. 10 and 11, the side screen can be used as an extended display screen of the main screen, and can control the content displayed by the main screen, so as to provide a better display experience and control experience for the user.
It can be understood that, in connection with fig. 10 and 11, because the side screen is an extended display screen of the main screen, information displayed by the side screen changes following a change in information displayed by the main screen, and because information displayed by the main screen can change in response to an operation such as a sliding or clicking operation by a user, the operation such as the sliding or clicking operation on the main screen can control information displayed by the side screen. For example, taking fig. 10 as an example, assume that in the case where the main screen 21 shown in fig. 10 displays information of music currently being played, the user clicks "album 1" to switch the information displayed by the main screen to an explanation of "album 1" (such as singer information, publisher, and date), in which case the outside screen 222 switches from the display controls P1, P2, and P3 shown in fig. 10 to a display return control (not shown in fig. 10), and after the user clicks the return control, the display of the main screen 21 and the outside screen 222 switches back to that shown in fig. 10.
In connection with the examples of the side screen functions listed in fig. 3 to 11, the embodiment of the application provides a display control method, which is applied to electronic equipment, wherein the electronic equipment comprises wearable equipment and other terminal equipment. The wearable device comprises the smart watch 2 and the like, and the other terminal devices comprise a mobile phone and the like provided with a first screen and a second screen.
For a mobile phone having a first screen and a second screen, in some implementations, the first screen is a home screen of the mobile phone, the home screen is a screen portion of a curved screen, and the second screen is a curved portion of the curved screen. In other implementations, the first screen is a first screen and the second screen is a second screen provided that the first screen and the second screen are foldable relative to each other.
The following description will also take a smart watch as an example.
It will be appreciated that the smart watch 2 may be in several states after the start-up is completed:
1. And displaying a pre-configured dial on the main screen and the side screen.
It will be appreciated that examples of dials displayed by the primary screen (i.e., primary screen dials, which may also be referred to as primary dials) may be referred to as a shown in fig. 3 or A1 in fig. 4. The main dial is typically displayed with time information. In some embodiments, the primary dial may also be referred to as a primary screen, desktop, or the like. In some embodiments, icons, heart rates, step numbers, etc. for each application may be displayed on the home screen dial.
The patterns of the dial displayed by the side screen include, but are not limited to: an operation area, virtual keys, or background color.
Examples of the operation region are R1 shown in fig. 3 or R2 shown in fig. 6, and in some implementations, a dividing line of the operation region is displayed to indicate that the side screen is divided into different operation regions. Examples of virtual keys are shown in fig. 9 or 10. The background color can be understood as that the side screen displays at least one color, such as black, and does not display other information except color information, and it can be understood that the background color is matched with the dial, namely, the corresponding background color is preconfigured for the dial, and the side screen displays the corresponding background color under the condition that the dial is displayed on the main screen, so that visual uniformity is enhanced.
2. And responding to the instruction triggered by the operation, running a certain application, and displaying an interface of the application on the main screen and/or the side screen.
3. And (5) screen-off state.
Whatever the state the smart watch is in, the method is suitable for display control, as shown in fig. 12, and includes the following steps:
S01, monitoring an interrupt event.
Interrupt events include operation interrupt events and service interrupt events. An operation interrupt event may be understood as an interrupt event triggered by an operation performed on the smart watch. The operation interruption event includes: click events or slide events.
A click event may be understood as an event (or instruction, etc.) triggered by a click operation that may be performed by a user on a home screen or a side screen. A swipe event may be understood as an event (or instruction, etc.) triggered by a swipe operation, which may be performed by a user on a home screen or a side screen.
It should be understood that the following description mainly refers to the step of clicking or sliding on the side screen, and the step of clicking or sliding triggering on the main screen will not be repeated.
With reference to fig. 3-11, sliding operations on the side screen include, but are not limited to: sliding in any direction in a certain area on the side screen. Click operations on the side screen include, but are not limited to: a single or double click operation on the side screen.
The service interruption event is a service-triggered interruption event, and the service interruption event comprises an interruption event triggered by receiving a message.
In this embodiment, the operation interrupt event triggers the execution S03, and the service interrupt event triggers the execution S09, taking the interrupt event triggered by the received message as an example.
S02, judging whether a click event or a sliding event occurs on the side screen.
In some implementations, the main screen and the side screen are different areas of the same foldable screen, and whether the click event or the slide event occurs on the side screen is determined based on coordinate information corresponding to the click event or the slide event. The coordinate information corresponding to the click event may be understood as the coordinate information of the screen pixel point where the click operation is received, and the coordinate information corresponding to the slide event may be understood as the coordinate information of the screen pixel point through which the slide operation slides. It can be understood that if it is confirmed that the screen pixel point that has been slid by the click operation or the slide operation is the pixel point of the side screen based on the coordinate information of the screen pixel point and the coordinate range of the pixel point of the side screen, it is determined that the click event or the slide event occurs on the side screen. It will be appreciated that not only can the home screen and the side screen be distinguished based on the coordinate information, but also different side screens can be distinguished.
In other implementations, the home screen and the side screen are independent screens, and the click event or the slide event carries an identifier of the screen on which the operation is performed, for example, the identifier of the home screen is LCD1, the identifier of the side screen is LCD2, and whether the click event or the slide event occurs on the side screen is confirmed based on the identifier. It will be appreciated that this way it is also possible to distinguish between different side screens, for example a first side screen identified as LCD2 and a second side screen identified as LCD3.
If the click event or the slide event occurs on the side screen, at least one step of S03-S08 is performed, and if the click event or the slide event does not occur on the side screen, the flow is ended.
In some implementations, the side screen includes an inner screen and an outer screen, S03, S04, or S05 is performed based on information displayed by the main screen if the sliding event occurs on the outer screen, at least one of S06 and S07 is performed based on information displayed by the inner screen if the clicking event occurs on the inner screen, and S08 is performed based on information displayed by the outer screen if the clicking event occurs on the outer screen:
s03, switching the content displayed by the main screen based on the sliding event and the main screen display dial.
The main screen displays a main screen dial as shown in fig. 3, and the side screen displays a side screen dial including a plurality of operation areas as R1 or background color as shown in fig. 3. In this case, as shown in connection with fig. 4, the dial displayed by the main screen is switched in response to a sliding event of the side screen (in the case where the main dial setting mode has been entered). As shown in connection with fig. 3, in response to a sliding event of the side screen, the dial displayed by the main screen is switched to an interface of the application (such as a card of the application). The animation style of the switch can be seen as c in fig. 3.
The specific flow of S03 can be seen in fig. 13.
S04, based on the sliding event and the pages of the dial plate and the control center displayed by the main screen, switching the pages of the control center displayed by the main screen.
The pages of the main screen display main screen dial and the control center are shown in fig. 6, and the side screen display side screen dial comprises a plurality of operation areas such as R1 or background color shown in fig. 3. In this case, the dial displayed by the main screen is switched in response to the sliding event of the R1 region of the side screen, and the page of the control center is switched in response to the sliding event of the R2 region of the side screen. The animation style of the switch can be seen as c in fig. 3.
The switching flow of the pages of the control center is similar to the switching flow of the dial plate shown in fig. 13, and the difference is that the switching object is the pages and the sliding area of the control center, which are not described herein.
And S05, controlling the content of the application interface displayed on the main screen to move along the sliding direction based on the sliding event and the interface of the application displayed on the main screen.
The interface of the home screen display application is as shown in fig. 7 or 8, and the side screen display is of a background color, in which case the content of the home screen display application interface moves in response to a sliding event of the side screen following the sliding direction.
The interface of the application of the main screen display is as shown in fig. 10, and the side screen displays virtual keys, in which case lyrics of the main screen display are scroll-displayed following the sliding direction in response to the sliding operation at P3 in the side screen.
As can be seen from S03-S05, in response to a sliding event of the side screen, the information displayed on the main screen is switched based on the information displayed on the main screen. Because the information displayed by the main screen reflects the currently running service of the smart watch, the information can be understood as a sliding event of the response side screen based on the currently running service.
S06, clicking for a plurality of times (such as three times) in a first time period based on the type of the clicking event, and displaying a virtual shortcut key on the inner screen.
It will be appreciated that the click may be a click on an outside screen, such as a three click on an outside screen, or a click on an inside screen, such as a double click on an inside screen.
It will be appreciated that S06 is an optional step, and an alternative is to display the virtual shortcut key on the inner screen after the smart watch is turned on, and remain displayed until the smart watch is turned off. Alternatively, based on the type of the clicking event being multiple (e.g., three) clicks within the first duration, a virtual shortcut is displayed on the external screen, i.e., the virtual shortcut is displayed on the external screen, and the display content of the external screen is switched according to the type of the clicking event.
And S07, based on the click event, clicking the virtual shortcut key, and displaying an icon of the application corresponding to the clicked virtual shortcut key on the main screen.
The home screen displays arbitrary information, the side screen displays virtual shortcut keys as shown in fig. 9, and in response to a click event of clicking the virtual shortcut keys, the application corresponding to the virtual shortcut key is displayed on the home screen.
A specific implementation of S07 is shown in connection with fig. 9, see fig. 14.
S08, based on the click event, the information displayed by the main screen is switched to the expanded display information of the main screen.
The home screen displays a part of information in an interface of an application, the side screen serves as an extension screen of the home screen, displays another part of information in the interface of the application (one example of extension display information) or displays information triggered by an interrupt event (such as a received message) in the running of the application (such as a message, one example of extension display information), in which case, in response to a click event or a slide event of the side screen, the information displayed on the home screen is switched, taking fig. 10 as an example, the information of currently played music displayed on the home screen is switched to the information of next or last song, and taking fig. 11 as an example, the information of currently played music displayed on the home screen is switched to the content of a newly received message.
As can be seen from S06-S08, in response to the click event, the information displayed on the main screen is switched based on the information displayed on the side screen.
And S09, in response to receiving the message, displaying information of the newly received message on a side screen.
It will be appreciated that after S09, the user may perform a click or slide operation on the side screen, and thus may trigger execution of S10 or S11.
And S10, based on the fact that the clicking event is the information of clicking the newly received message in the first time period, displaying the content of the newly received message on the main screen.
The first duration may be understood as the duration from the receipt of a new message to the click operation. The implementation effect of S10 can be seen in fig. 11.
And S11, based on the sliding event, sliding operation is carried out on the side screen in the second duration, and the side screen is controlled to display the content before the information of the new message.
It will be understood that the content preceding the information of the new message is the content displayed on the side screen before the information of the new message is displayed, and the content preceding the information of the new message is the virtual control keys P1, P2, and P3 as shown in conjunction with fig. 10.
The display control method shown in fig. 12 realizes the control of the smart watch based on the side screen of the smart watch, and compared with the traditional mechanical crown, the display control has the following advantages:
the sliding touch has higher convenience and flexibility, the click touch has stronger configurability and more application scenes, the touch operation can be performed on the side screen, the shielding of the content displayed by the main screen can be avoided, and the side screen can also be used as an expansion screen of the main screen, so that richer touch modes and use scenes are provided.
Fig. 13 is a flow for realizing the dial switching effect shown in fig. 4 or fig. 5, and includes the following steps:
S031, judging whether the main screen displays the dial, if yes, executing S032, and if no, executing S036.
S032, judging whether the sliding direction of the sliding event is the first direction, if so, executing S033, and if not, executing S036.
As indicated by a in connection with fig. 4, the first direction is the direction facing away from the main screen 21, i.e. the direction indicated by arrow 1.
S033, displaying the anticlockwise rotation effect of the dial plate.
The effect of the counter-clockwise rotation is that the dial rotates counter-clockwise around the Y-axis and towards the inside of the smart watch (direction indicated by arrow 3 in c in fig. 4), as indicated by arrow 3 in c in fig. 4.
S034, judging whether the rotation angle of the dial is larger than 0 degree, if so, executing S035, and if not, returning to executing S033.
In this embodiment, the angle of the dial is 0 degrees when the plane of the dial is perpendicular to the plane of the main screen. The counter-clockwise rotation is continued at 0 degrees to be set to be greater than 0 degrees and the clockwise rotation is continued at 0 degrees to be less than 0 degrees. Therefore, in the counterclockwise rotation, the rotation angle is greater than 0 degrees, which means that the dial has been rotated 90 degrees, and thus, the displayed dial is switched.
S035, displaying the last dial.
In connection with fig. 5, the switching triggered by the counterclockwise rotation is the switching sequence indicated by the arrow 5, and in this embodiment, the switching sequence indicated by the arrow 5 is from the current dial to the previous dial.
S036, judging whether the sliding direction of the sliding event is the second direction, if so, executing S037, and if not, ending the flow.
An example of the second direction may be seen in the direction indicated by arrow 2 in fig. 4.
S037, displaying clockwise rotation effect of the dial plate.
The clockwise rotation effect is that the dial rotates clockwise around the Y-axis and towards the inside of the smart watch (direction indicated by arrow 4 in c in fig. 4), as indicated by arrow 4 in c in fig. 4.
S038, judging whether the rotation angle of the dial is smaller than 0 degree, if yes, executing S039, and if not, returning to executing S037.
S039, displaying the next dial plate.
In connection with fig. 5, the switching triggered by the clockwise rotation is the switching sequence indicated by the arrow 6, which in the present embodiment is from the current dial to the next dial.
It is to be understood that in the flow shown in fig. 13, the order of determination of the first direction and the second direction is merely an example and is not limiting.
Referring to fig. 9, fig. 14 is a flowchart of controlling a home screen display based on clicking a virtual shortcut key, including the steps of:
s0701, judging whether the clicking event is to click a virtual shortcut key, if so, executing S0702, and if not, ending the flow.
In some implementations, virtual shortcuts are displayed on the inside screen, see FIG. 9.
S0702, the clicked virtual shortcut key is confirmed based on the information of the clicking operation area carried in the clicking event.
In some implementations, the correspondence between each virtual shortcut key and the display area is preconfigured, and if the clicking operation area at least partially overlaps with the display area of the virtual shortcut key a, the clicking operation area confirms that the virtual shortcut key a is clicked.
S0703, judging whether the current display of the main screen is the icon of the application corresponding to the clicked virtual shortcut key, if not, S0704, and if so, ending the flow.
As previously mentioned, a commonly used application is an application that belongs to a commonly used class.
S0704, fading out the content currently displayed on the main screen.
It is understood that fade-out is an example of an animation effect.
S0705, the application icon corresponding to the clicked virtual shortcut key is faded in the main screen.
Fade-in is an example of an animation effect.
It will be appreciated that in fig. 14, the names of the individual virtual keys are merely examples and are not intended to be limiting.
In other embodiments of the present application, a wearable device, such as the smart watch described above, or a wristband, is provided. The wearable device may include: the wearable device may further include one or more processors, a memory, a first screen, and a second screen, the plane of the first screen intersecting the plane of the second screen, the memory for storing computer program code, the computer program code including computer instructions that, when executed by the one or more processors, cause the wearable device to perform the display control method provided in the above embodiments.

Claims (22)

1. The utility model provides a display control method which is characterized in that is applied to intelligent wrist-watch, intelligent wrist-watch includes first screen and second screen, the face that first screen place intersects with the face that the second screen place, the second screen is the crown screen of intelligent wrist-watch, the method includes:
Displaying a first interface on the first screen;
displaying the expansion display information of the first interface on the second screen;
And switching the first interface displayed on the first screen into a second interface based on the operation of the extended display information.
2. The method as recited in claim 1, further comprising:
Displaying a first main dial on the first screen;
Acquiring a first sliding operation input by a user on the second screen;
And responding to the first sliding operation, and switching the first main table displayed on the first screen into an applied interface with a preconfigured first animation effect, wherein the switching direction reflected by the first animation effect is consistent with the sliding direction of the first sliding operation.
3. The method of claim 2, wherein the sliding direction of the first sliding operation is a direction pointing toward the first screen or the sliding direction of the first sliding operation is a direction away from the first screen.
4. A method according to claim 2 or 3, wherein the first sliding operation entered at the second screen comprises:
And sliding operation input in the touch area corresponding to the main dial on the second screen.
5. The method of claim 4, wherein in the case of the displaying the first primary dial, further displaying on the first screen:
A first page of the control center;
the method further comprises the steps of:
And responding to the sliding operation of the touch area corresponding to the page of the control center on the second screen, and switching the first page of the control center displayed by the first screen into the second page of the control center.
6. The method of claim 5, wherein the switching the first page of the control center of the first screen display to the second page of the control center comprises:
and switching the first page of the control center displayed on the first screen into a second page of the control center by a second animation effect which is configured in advance, wherein the switching direction reflected by the second animation effect is consistent with the direction of the sliding operation of the touch area corresponding to the page of the control center.
7. A method according to any one of claims 1-3, wherein the method further comprises:
Displaying a three-dimensional object at a first viewing angle on the first screen;
Displaying the three-dimensional object at a second viewing angle on the first screen in response to a sliding operation in at least one of the N directions on the second screen; the three-dimensional object of the second perspective is obtained by rotating the three-dimensional object of the first perspective in at least two dimensions, the N being an integer greater than 2.
8. A method according to any one of claims 1-3, wherein the method further comprises:
Displaying an information list on the first screen;
in response to a second sliding operation on the second screen, information items in the information list are scroll-displayed on the first screen in a direction consistent with a sliding direction of the second sliding operation.
9. A method according to any one of claims 1-3, wherein the method further comprises:
Acquiring a main table setting operation input by a user on the first screen;
Responding to the main dial setting operation, displaying a main dial setting interface on the first screen, wherein the main dial setting interface comprises the first main dial;
Acquiring a third sliding operation input by a user on the second screen;
And responding to the third sliding operation, switching the first main dial displayed by the first screen into a second main dial, wherein the second main dial is different from the first main dial.
10. A method according to any one of claims 1-3, wherein the method further comprises:
And responding to clicking operation on the second screen, and displaying a third interface on the first screen based on the information displayed on the second screen.
11. The method of claim 10, wherein displaying a third interface on the first screen based on the information displayed on the second screen comprises:
And displaying the interface corresponding to the virtual shortcut key on the first screen based on the virtual shortcut key displayed on the second screen.
12. The method of claim 10, wherein prior to the displaying of the third interface based on the information displayed on the second screen, further comprising:
And responding to the clicking operation for clicking for a plurality of times within a preset time length, and displaying a virtual shortcut key on the second screen.
13. A method according to any of claims 1-3, wherein the extended display information of the first interface comprises a control for triggering a change of information in the first interface to obtain the second interface.
14. A method according to any of claims 1-3, wherein the first interface comprises an interface of a first application, and the extended display information of the first interface comprises display information triggered by an interrupt event in the operation of the first application;
the switching the first interface displayed by the first screen to a second interface includes:
and switching the first interface displayed on the first screen into display information triggered by the interrupt event.
15. A method according to any one of claims 1-3, further comprising:
and responding to the service interruption event, and switching the fourth interface displayed on the second screen into display information triggered by the service interruption event.
16. The method of claim 15, further comprising, after the second screen displays the service disruption event triggered display information:
And in response to clicking the display information triggered by the interrupt event in a first time period, displaying the display information triggered by the interrupt event on the first screen.
17. The method of claim 15, further comprising, after the second screen displays the service disruption event triggered display information:
And responding to the display information triggered by the sliding of the interrupt event in the second time period, and restoring the second screen to display the fourth interface.
18. A method according to any of claims 1-3, wherein the smart watch further comprises a third screen;
the method further comprises the steps of:
Displaying preconfigured information on the third screen;
And responding to clicking operation based on the third screen, and switching the first interface displayed on the first screen to an interface corresponding to the preconfigured information.
19. The method of claim 18, wherein displaying the preconfigured information on the third screen comprises:
And displaying the preconfigured information on the third screen in response to a trigger operation based on the third screen.
20. A wearable device, comprising:
one or more processors, memory, a first screen, and a second screen;
The surface of the first screen is intersected with the surface of the second screen;
The memory is for storing computer program code comprising computer instructions which, when executed by the one or more processors, cause the wearable device to perform the display control method of any of claims 1 to 19.
21. The wearable device of claim 20, wherein the first screen and the second screen are connected by a bezel; or the first screen and the second screen are different areas of the same flexible screen.
22. A computer storage medium storing a computer program, which when executed is adapted to carry out the display control method according to any one of claims 1 to 19.
CN202211295592.5A 2022-10-21 2022-10-21 Display control method and device Active CN116737050B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211295592.5A CN116737050B (en) 2022-10-21 2022-10-21 Display control method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211295592.5A CN116737050B (en) 2022-10-21 2022-10-21 Display control method and device

Publications (2)

Publication Number Publication Date
CN116737050A CN116737050A (en) 2023-09-12
CN116737050B true CN116737050B (en) 2024-05-10

Family

ID=87915702

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211295592.5A Active CN116737050B (en) 2022-10-21 2022-10-21 Display control method and device

Country Status (1)

Country Link
CN (1) CN116737050B (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111182137A (en) * 2019-12-19 2020-05-19 华为技术有限公司 Display method of electronic equipment with flexible screen and electronic equipment
CN112083764A (en) * 2014-07-31 2020-12-15 三星电子株式会社 Wearable device and method of operating wearable device
CN112583957A (en) * 2019-09-30 2021-03-30 华为技术有限公司 Display method of electronic device, electronic device and computer-readable storage medium
CN113966600A (en) * 2019-05-20 2022-01-21 弗劳恩霍夫应用研究促进协会 Immersive media content presentation and interactive 360 ° video communication

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160035948A (en) * 2014-09-24 2016-04-01 엘지전자 주식회사 Mobile terminal and system including the same
US9727087B2 (en) * 2015-03-25 2017-08-08 Intel Corporation Facilitating dynamic detection and intelligent use of segmentation on flexible display screens

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112083764A (en) * 2014-07-31 2020-12-15 三星电子株式会社 Wearable device and method of operating wearable device
CN113966600A (en) * 2019-05-20 2022-01-21 弗劳恩霍夫应用研究促进协会 Immersive media content presentation and interactive 360 ° video communication
CN112583957A (en) * 2019-09-30 2021-03-30 华为技术有限公司 Display method of electronic device, electronic device and computer-readable storage medium
CN111182137A (en) * 2019-12-19 2020-05-19 华为技术有限公司 Display method of electronic equipment with flexible screen and electronic equipment

Also Published As

Publication number Publication date
CN116737050A (en) 2023-09-12

Similar Documents

Publication Publication Date Title
CN107783830B (en) Multitask management method and terminal equipment
US10586373B2 (en) Animations
US9760272B2 (en) Application programming interfaces for scrolling operations
US10175876B2 (en) Application programming interfaces for gesture operations
CN109062475B (en) Icon display method and device, terminal and storage medium
EP2595043B1 (en) Mobile device for executing multiple applications and method thereof
EP2570909B1 (en) Electronic device, synchronization method thereof and computer program product
CN103379221B (en) Mobile terminal and control method thereof
CN106998393B (en) Video playing control method, mobile terminal and computer readable storage medium
US20140235222A1 (en) Systems and method for implementing multiple personas on mobile technology platforms
US20080165161A1 (en) Application Programming Interfaces for Synchronization
US20130227454A1 (en) Method and Apparatus for Providing an Option to Undo a Delete Operation
WO2013124467A1 (en) Method of accessing and performing quick actions on an item through a shortcut menu
CN109388309B (en) Menu display method, device, terminal and storage medium
CN104680051A (en) Control method for 3D magic cube type mobile phone desktop
JP2011018356A (en) Portable telephone set, information processing program and recording medium with information processing program recorded thereon
CN116737050B (en) Display control method and device
JP2021179945A (en) User interfaces related to time
CN110225182B (en) Control method for flexible screen intelligent terminal and intelligent terminal
CN111813489A (en) Screen protection display method and device and computer readable storage medium
CN114625294A (en) Operation method and device of virtual navigation key of intelligent terminal, terminal and storage medium
CN114546240B (en) Interactive implementation method, device and equipment for game and storage medium
CN113694514B (en) Object control method and device
CN113589992B (en) Game interface interaction method, game interface interaction device, medium and terminal equipment
CN114840130A (en) Touch operation method and device, electronic equipment and computer readable medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant