CN109933400B

CN109933400B - Display interface layout method, wearable device and computer readable storage medium

Info

Publication number: CN109933400B
Application number: CN201910202110.9A
Authority: CN
Inventors: 里强; 张欣; 余航; 王建法; 何利鹏
Original assignee: Nubia Technology Co Ltd
Current assignee: Nubia Technology Co Ltd
Priority date: 2019-03-15
Filing date: 2019-03-15
Publication date: 2024-03-22
Anticipated expiration: 2039-03-15
Also published as: CN109933400A

Abstract

The application provides a display interface layout method, wearable equipment and a computer readable storage medium, which are used for receiving a command for loading a sub-view group layout and creating a plurality of sub-view groups according to the command for loading the sub-view group layout; generating a main view group according to the respective sizes of the sub view groups and a preset display sequence; and setting an initial sliding display interface according to the size of the screen of the wearable device, wherein the initial sliding display interface comprises part or all of the sub-view groups in the main view group. According to the method and the device, the main view group is set according to the size and the display sequence of the sub view groups, and the initial sliding display interface is reasonably set according to the size of the screen of the wearable device, so that more contents are displayed through the screen, and the display interface meets the requirements of users.

Description

Display interface layout method, wearable device and computer readable storage medium

Technical Field

The present disclosure relates to the field of interface design technologies, and in particular, to a display interface layout method, a wearable device, and a computer readable storage medium.

Background

The screen size of wearable devices such as smart bracelets, smart watches, etc. is generally fixed, and therefore limited content can generally only be displayed in the display interface according to the screen size when the display interface is designed. But with the continuous perfection of the functionality of wearable devices, more content needs to be displayed in the screen to meet the user's needs.

Disclosure of Invention

The application provides a display interface layout method, wearable equipment and a computer readable storage medium, aiming at displaying more contents through a screen and enabling a display interface to meet the requirements of users.

To achieve the above object, the present application provides a display interface layout method, which is applied to a wearable device, the method including:

receiving a command for loading a sub-view group layout, and creating a plurality of sub-view groups according to the command for loading the sub-view group layout;

generating a main view group according to the respective sizes of the sub view groups and a preset display sequence;

and setting an initial sliding display interface according to the size of the screen of the wearable device, wherein the initial sliding display interface comprises part or all of the sub-view groups in the main view group.

Preferably, the step of setting the initial sliding display interface according to the size of the screen of the wearable device further includes:

When a sliding display interface adjustment instruction triggered by a touch operation or a flying gesture of a user is received, adjusting part or all of the sub-view groups displayed in the screen by the initial sliding display interface according to the display interface adjustment instruction.

Preferably, the step of creating a plurality of sub-view groups according to the command to load the sub-view group layout includes:

acquiring a parameter value carried in a command of loading the sub-view group layout, wherein the parameter value at least comprises a plurality of sub-view group names;

and creating a plurality of corresponding sub-view groups according to the sub-view group names.

Preferably, the step of creating the plurality of sub-view groups according to names of the plurality of sub-view groups further comprises:

setting related parameters of each corresponding sub view in the sub view groups, wherein the related parameters comprise the width and the height of the sub view and the name of the sub view;

and creating sub-views corresponding to each of the sub-view groups according to the related parameters.

Preferably, the step of generating the main view group according to the respective sizes of the sub view groups and the preset display order includes:

Invoking an onMeasure measurement method in user interface drawing to acquire the size of each sub-view group, and setting the size of the main view group according to the size of each sub-view group, wherein the size of the main view group comprises the length and the width of the main view group;

and generating the main view group according to the size of the main view and the preset display sequence of the sub view group.

Preferably, the step of setting an initial sliding display interface according to a size of a screen of the wearable device, where the initial sliding display interface includes a part or all of the sub-view groups in the main view group includes:

acquiring the maximum display number of the screen based on the size of the screen of the wearable device and the respective sizes of the sub-view groups;

comparing the maximum display number with the number of sub-view groups counted in advance;

if the maximum display number is equal to or smaller than the number of sub-view groups, displaying a pre-designated center sub-view group in the center of the screen;

setting an upper sub-view group displayed in an upper region of the screen and a lower sub-view group displayed in a lower region of the screen, respectively;

and displaying the center sub-view group, the upper sub-view group and the lower sub-view group on the screen to generate the initial sliding interface.

Preferably, the step of determining the number of sub-view groups to be displayed that can be displayed on the sliding display interface further includes:

and if the maximum display number is greater than the number of the sub-view groups, marking the sub-view groups to be hidden in the sub-view groups according to a preset hiding rule, and hiding and displaying the sub-view groups to be hidden.

Preferably, the step of generating the main view group according to the respective sizes of the sub view groups and the preset display order further includes:

judging whether the size and/or the display sequence of one or more sub-view groups in the plurality of sub-view groups are changed or not;

if the size of one or more sub-view groups is changed, new sizes of a plurality of sub-view groups are obtained again, and the main view group is reset according to the new sizes; and/or

And if the display sequence is changed, acquiring a new display sequence, and resetting the main view group according to the new display sequence.

In addition, to achieve the above object, the present application further provides a wearable device, including:

a memory, a processor, and a computer program stored on the memory and executable on the processor;

The computer program, when executed by the processor, implements the steps of the method as described above.

Further, to achieve the above object, a computer-readable storage medium comprising:

Compared with the prior art, the display interface layout method, the wearable device and the computer readable storage medium provided by the application receive a command for loading the sub-view group layout, and create a plurality of sub-view groups according to the command for loading the sub-view group layout; generating a main view group according to the respective sizes of the sub view groups and a preset display sequence; and setting an initial sliding display interface according to the size of the screen of the wearable device, wherein the initial sliding display interface comprises part or all of the sub-view groups in the main view group. According to the method and the device, the main view group is set according to the size and the display sequence of the sub view groups, and the initial sliding display interface is reasonably set according to the size of the screen of the wearable device, so that more contents are displayed through the screen, and the display interface meets the requirements of users.

Drawings

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention.

In order to more clearly illustrate the embodiments of the invention or the technical solutions of the prior art, the drawings which are used in the description of the embodiments or the prior art will be briefly described, and it will be obvious to a person skilled in the art that other drawings can be obtained from these drawings without inventive effort.

Fig. 1 is a schematic hardware structure of an implementation manner of a wearable device according to an embodiment of the present invention;

fig. 2 is a hardware schematic of an implementation of a wearable device provided in an embodiment of the present application;

fig. 3 is a hardware schematic of an implementation of a wearable device provided in an embodiment of the present application;

fig. 4 is a hardware schematic of an implementation of a wearable device provided in an embodiment of the present application;

FIG. 5 is a flowchart of a first embodiment of a method for displaying an interface layout according to the present application;

FIG. 6 is a schematic diagram of a scenario illustrating an embodiment of a display interface layout method according to the present application;

FIG. 7 is a flowchart of a second embodiment of a method for displaying an interface layout according to the present application;

FIG. 8 is a schematic view of another embodiment of a layout method of a display interface of the present application;

fig. 9 is a hardware schematic of an implementation of a wearable device provided in an embodiment of the present application.

Detailed Description

It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the invention.

In the following description, suffixes such as "module", "component", or "unit" for representing elements are used only for facilitating the description of the present invention, and have no specific meaning per se. Thus, "module," "component," or "unit" may be used in combination.

The wearable device provided by the embodiment of the invention comprises a mobile terminal such as an intelligent bracelet, an intelligent watch and an intelligent mobile phone. With the continuous development of screen technology, mobile terminals such as smart phones and the like can also be used as wearable devices due to the appearance of screen forms such as flexible screens, folding screens and the like. The wearable device provided in the embodiment of the invention can comprise: RF (Radio Frequency) unit, wiFi module, audio output unit, A/V (audio/video) input unit, sensor, display unit, user input unit, interface unit, memory, processor, and power supply.

In the following description, a wearable device will be taken as an example, please refer to fig. 1, which is a schematic hardware structure of a wearable device implementing various embodiments of the present invention, where the wearable device 100 may include: an RF (Radio Frequency) unit 101, a WiFi module 102, an audio output unit 103, an a/V (audio/video) input unit 104, a sensor 105, a display unit 106, a user input unit 107, an interface unit 108, a memory 109, a processor 110, and a power supply 111. Those skilled in the art will appreciate that the wearable device structure shown in fig. 1 does not constitute a limitation of the wearable device, and that the wearable device may include more or fewer components than shown, or certain components in combination, or a different arrangement of components.

The following describes the various components of the wearable device in detail with reference to fig. 1:

the radio frequency unit 101 may be used to send and receive information or send signals in a call process, specifically, the radio frequency unit 101 may send uplink information to the base station, or may send downlink information sent by the base station to the processor 110 of the wearable device to process the downlink information, where the downlink information sent by the base station to the radio frequency unit 101 may be generated according to the uplink information sent by the radio frequency unit 101, or may be actively pushed to the radio frequency unit 101 after detecting that the information of the wearable device is updated, for example, after detecting that the geographic position where the wearable device is located changes, the base station may send a notification of the change of the geographic position to the radio frequency unit 101 of the wearable device, after receiving the notification of the message, the radio frequency unit 101 may send the notification of the message to the processor 110 of the wearable device to process, and the processor 110 of the wearable device may control the notification of the message to be displayed on the display panel 1061 of the wearable device; typically, the radio frequency unit 101 includes, but is not limited to, an antenna, at least one amplifier, a transceiver, a coupler, a low noise amplifier, a duplexer, and the like. In addition, the radio frequency unit 101 may also communicate with a network and other devices through wireless communication, which may specifically include: through wireless communication with a server in a network system, for example, the wearable device can download file resources from the server through wireless communication, for example, an application program can be downloaded from the server, after the wearable device finishes downloading a certain application program, if the file resources corresponding to the application program in the server are updated, the server can push a message notification of the resource update to the wearable device through wireless communication so as to remind a user to update the application program. The wireless communication may use any communication standard or protocol, including but not limited to GSM (Global System of Mobile communication, global System for Mobile communications), GPRS (General Packet Radio Service ), CDMA2000 (Code Division Multiple Access, CDMA 2000), WCDMA (Wideband Code Division Multiple Access ), TD-SCDMA (Time Division-Synchronous Code Division Multiple Access, time Division synchronous code Division multiple Access), FDD-LTE (Frequency Division Duplexing-Long Term Evolution, frequency Division Duplex Long term evolution), and TDD-LTE (Time Division Duplexing-Long Term Evolution, time Division Duplex Long term evolution), etc.

In one embodiment, the wearable device 100 may access an existing communication network by inserting a SIM card.

In another embodiment, the wearable device 100 may access an existing communication network by setting an esim card (Embedded-SIM), and by adopting the esim card, the internal space of the wearable device may be saved and the thickness may be reduced.

It will be appreciated that although fig. 1 shows a radio frequency unit 101, it will be appreciated that the radio frequency unit 101 is not an essential component of a wearable device and may be omitted entirely as required within the scope of not changing the essence of the invention. The wearable device 100 may implement communication connection with other devices or communication networks through the wifi module 102 alone, which is not limited by the embodiment of the present invention.

WiFi belongs to a short-distance wireless transmission technology, and the wearable device can help a user to send and receive emails, browse webpages, access streaming media and the like through the WiFi module 102, so that wireless broadband Internet access is provided for the user. Although fig. 1 shows a WiFi module 102, it is understood that it does not belong to the necessary constitution of the wearable device, and can be omitted entirely as required within the scope of not changing the essence of the invention.

The audio output unit 103 may convert audio data received by the radio frequency unit 101 or the WiFi module 102 or stored in the memory 109 into an audio signal and output as sound when the wearable device 100 is in a call signal reception mode, a talk mode, a recording mode, a voice recognition mode, a broadcast reception mode, or the like. Also, the audio output unit 103 may also provide audio output (e.g., call signal reception sound, message reception sound, etc.) related to a specific function performed by the wearable device 100. The audio output unit 103 may include a speaker, a buzzer, and the like.

The a/V input unit 104 is used to receive an audio or video signal. The a/V input unit 104 may include a graphics processor (Graphics Processing Unit, GPU) 1041 and a microphone 1042, the graphics processor 1041 processing image data of still pictures or video obtained by an image capturing device (e.g., a camera) in a video capturing mode or an image capturing mode. The processed image frames may be displayed on the display unit 106. The image frames processed by the graphics processor 1041 may be stored in the memory 109 (or other storage medium) or transmitted via the radio frequency unit 101 or the WiFi module 102. The microphone 1042 can receive sound (audio data) via the microphone 1042 in a phone call mode, a recording mode, a voice recognition mode, and the like, and can process such sound into audio data. The processed audio (voice) data may be converted into a format output that can be transmitted to the mobile communication base station via the radio frequency unit 101 in the case of a telephone call mode. The microphone 1042 may implement various types of noise cancellation (or suppression) algorithms to cancel (or suppress) noise or interference generated in the course of receiving and transmitting the audio signal.

In one embodiment, the wearable device 100 includes one or more cameras, and by opening the cameras, capturing of images, photographing, video recording and other functions can be achieved, and the positions of the cameras can be set as required.

The wearable device 100 further comprises at least one sensor 105, such as a light sensor, a motion sensor, and other sensors. Specifically, the light sensor includes an ambient light sensor and a proximity sensor, wherein the ambient light sensor can adjust the brightness of the display panel 1061 according to the brightness of ambient light, and the proximity sensor can turn off the display panel 1061 and/or the backlight when the wearable device 100 moves to the ear. As one type of motion sensor, the accelerometer sensor can detect the acceleration in all directions (typically three axes), and can detect the gravity and direction when stationary, and can be used for applications for recognizing the gesture of a mobile phone (such as horizontal-vertical screen switching, related games, magnetometer gesture calibration), vibration recognition related functions (such as pedometer, knocking), and the like.

In one embodiment, the wearable device 100 further comprises a proximity sensor, by employing the proximity sensor, the wearable device is able to achieve non-contact manipulation, providing more modes of operation.

In one embodiment, the wearable device 100 further comprises a heart rate sensor, which when worn, enables detection of heart rate by being in close proximity to the user.

In one embodiment, the wearable device 100 may further include a fingerprint sensor, by reading a fingerprint, security verification or the like can be achieved.

The display unit 106 is used to display information input by a user or information provided to the user. The display unit 106 may include a display panel 1061, and the display panel 1061 may be configured in the form of a liquid crystal display (Liquid Crystal Display, LCD), an Organic Light-Emitting Diode (OLED), or the like.

In one embodiment, the display panel 1061 employs a flexible display screen, and the wearable device employing the flexible display screen is capable of bending when worn, thereby fitting more. Optionally, the flexible display screen may be an OLED screen body and a graphene screen body, and in other embodiments, the flexible display screen may also be other display materials, which is not limited to this embodiment.

In one embodiment, the display panel 1061 of the wearable device may take a rectangular shape for ease of wrapping when worn. In other embodiments, other approaches may be taken as well.

The user input unit 107 may be used to receive input numeric or character information and to generate key signal inputs related to user settings and function control of the wearable device. In particular, the user input unit 107 may include a touch panel 1071 and other input devices 1072. The touch panel 1071, also referred to as a touch screen, may collect touch operations thereon or thereabout by a user (e.g., operations of the user on the touch panel 1071 or thereabout by using any suitable object or accessory such as a finger, a stylus, etc.) and drive the corresponding connection device according to a predetermined program. The touch panel 1071 may include two parts of a touch detection device and a touch controller. The touch detection device detects the touch azimuth of a user, detects a signal brought by touch operation and transmits the signal to the touch controller; the touch controller receives touch information from the touch detection device, converts it into touch point coordinates, and sends the touch point coordinates to the processor 110, and can receive and execute commands sent from the processor 110. Further, the touch panel 1071 may be implemented in various types such as resistive, capacitive, infrared, and surface acoustic wave. The user input unit 107 may include other input devices 1072 in addition to the touch panel 1071. In particular, other input devices 1072 may include, but are not limited to, one or more of a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, mouse, joystick, etc., as specifically not limited herein.

In one embodiment, the sides of the wearable device 100 may be provided with one or more buttons. The button can realize a plurality of modes such as short pressing, long pressing, rotation and the like, thereby realizing a plurality of operation effects. The number of the buttons can be multiple, and different buttons can be combined for use, so that multiple operation functions are realized.

Further, the touch panel 1071 may overlay the display panel 1061, and when the touch panel 1071 detects a touch operation thereon or thereabout, the touch panel 1071 is transferred to the processor 110 to determine the type of touch event, and then the processor 110 provides a corresponding visual output on the display panel 1061 according to the type of touch event. Although in fig. 1, the touch panel 1071 and the display panel 1061 are two independent components for implementing the input and output functions of the wearable device, in some embodiments, the touch panel 1071 may be integrated with the display panel 1061 to implement the input and output functions of the wearable device, which is not limited herein. For example, when a message notification of a certain application is received through the rf unit 101, the processor 110 may control the message notification to be displayed in a certain preset area of the display panel 1061, where the preset area corresponds to a certain area of the touch panel 1071, and may control the message notification displayed in the corresponding area on the display panel 1061 by performing a touch operation on the certain area of the touch panel 1071.

The interface unit 108 serves as an interface through which at least one external device can be connected with the wearable apparatus 100. For example, the external devices may include a wired or wireless headset port, an external power (or battery charger) port, a wired or wireless data port, a memory card port, a port for connecting a device having an identification module, an audio input/output (I/O) port, a video I/O port, an earphone port, and the like. The interface unit 108 may be used to receive input (e.g., data information, power, etc.) from an external device and transmit the received input to one or more elements within the wearable apparatus 100 or may be used to transmit data between the wearable apparatus 100 and the external device.

In one embodiment, the interface unit 108 of the wearable device 100 adopts a contact structure, and is connected with other corresponding devices through the contact, so as to realize functions of charging, connection and the like. The contact can also be waterproof.

Memory 109 may be used to store software programs as well as various data. The memory 109 may mainly include a storage program area that may store an operating system, application programs required for at least one function (such as a sound playing function, an image playing function, etc.), and a storage data area; the storage data area may store data (such as audio data, phonebook, etc.) created according to the use of the handset, etc. In addition, memory 109 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device.

The processor 110 is a control center of the wearable device, connects various parts of the entire wearable device with various interfaces and lines, performs various functions of the wearable device and processes data by running or executing software programs and/or modules stored in the memory 109, and invoking data stored in the memory 109, thereby performing overall monitoring of the wearable device. Processor 110 may include one or more processing units; preferably, the processor 110 may integrate an application processor that primarily handles operating systems, user interfaces, applications, etc., with a modem processor that primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 110.

The wearable device 100 may further include a power source 111 (such as a battery) for powering the various components, and preferably, the power source 111 may be logically connected to the processor 110 through a power management system, so as to perform functions of managing charging, discharging, and power consumption management through the power management system.

Although not shown in fig. 1, the wearable device 100 may further include a bluetooth module or the like, which is not described herein. The wearable device 100 can be connected with other terminal devices through bluetooth to realize communication and information interaction.

Fig. 2 to fig. 4 are schematic structural diagrams of a wearable device according to an embodiment of the present invention. The wearable device comprises a flexible screen. When the wearable device is unfolded, the flexible screen is in a strip shape; when the wearable device is in a wearing state, the flexible screen is bent to be annular. Fig. 2 and 3 show schematic structural diagrams of the wearable device screen when unfolded, and fig. 4 shows schematic structural diagrams of the wearable device screen when bent.

Further, in the wearable device 100, the processor 110 is configured to invoke a computer program stored in the memory 109 to perform the following operations:

Further, the processor 110 is configured to call a computer program stored in the memory 109, and further perform the following operations:

Based on the wearable device, various embodiments of the display interface layout method are provided.

Referring to fig. 5, fig. 5 is a flowchart illustrating a first embodiment of an interface layout method according to the present application.

In this embodiment, the display interface layout method includes the following steps:

step S101: receiving a command for loading a sub-view group layout, and creating a plurality of sub-view groups according to the command for loading the sub-view group layout;

the main interface WatchBand of the wearable device is a view group, and the view group is a container for accommodating views and derivative classes thereof. And the view group includes a plurality of child view groups. Before creating a view group in the main interface wristband, it is necessary to determine all sub-view groups included in the view group.

The wearable device includes a processor handle and a regulator controller. A command to load the sub-view group layout needs to be sent by the processor to each associated adjustor in creating the sub-view group. Each regulator manages a corresponding sub-view group.

In this embodiment, the step of creating a plurality of sub-view groups according to the command for loading the sub-view group layout includes the steps of:

step S101a: acquiring a parameter value carried in a command of loading the sub-view group layout, wherein the parameter value at least comprises a plurality of sub-view group names;

after receiving the command of loading the sub-view group layout, analyzing the command of loading the sub-view group layout to obtain the contents such as parameter values and the like. In this embodiment, the command for loading the sub-VIEW group layout may be msg_WATCH_VIEW_OK, so that a parameter value carried in the MSG (Message) may be obtained, where the parameter value includes at least a plurality of sub-VIEW group names, where the sub-VIEW group names may be flexibly set as required, for example, the sub-VIEW group names may be a control center, a notification center, a main dial, a status bar, a background service, a recent application, and so on.

It will be appreciated that the number of sub-view groups may be obtained statistically based on the parameter values, i.e. the number of sub-view groups is determined based on the number of sub-view group names.

Step S101b: and creating a plurality of corresponding sub-view groups according to the sub-view group names.

And after the sub-view group names are acquired, extracting the sub-view group names, and creating the corresponding sub-view groups according to the sub-view group names.

Step S102: generating a main view group according to the respective sizes of the sub view groups and a preset display sequence;

it will be appreciated that since the sub-view groups are different in name and the functionality of the corresponding controls for each sub-view group is also different, the location of each sub-view group needs to be assigned. It is therefore necessary to obtain the respective sizes of the sub-view groups including the height and width of the sub-view groups and a preset display order. The display sequence can be flexibly set according to the importance degree of the sub-view groups, the use habit of a user, the attractive appearance of an interface and other angles, for example, a main dial plate can be set as the most important sub-view group, and the sub-view group is placed on the optimal display sequence according to a preset arrangement mode.

In this embodiment, the step S102: the step of generating the main view group according to the respective sizes of the sub view groups and the preset display sequence comprises the following steps:

step S102a: invoking an onMeasure measurement method in user interface drawing to acquire the size of each sub-view group, and setting the size of the main view group according to the size of each sub-view group, wherein the size of the main view group comprises the length and the width of the main view group;

in UI design, the size of the corresponding sub-view group needs to be obtained before the size of the view group is obtained. In this embodiment, the width and height of the corresponding sub-view group may be obtained by an onMeasure method that obtains the width and height of the corresponding sub-view group using a setmeasured dimension (int measuredWidth, int measuredHeight) function.

After the size of each sub-view group is obtained, the size of the main view group may be set according to the preset arrangement mode, the interval and other factors of the sub-view groups. For example, if the arrangement is a vertical row and the interval is 0, summing the widths of the plurality of sub-view groups can obtain the width of the main view group; and in this case the length of the main view may be set to the maximum value among the lengths of the plurality of sub-view groups.

Step S102b: and generating the main view group according to the size of the main view and the preset display sequence of the sub view group.

It will be appreciated that the priorities may be flexibly set according to the roles and importance of the respective sub-view groups, and the display order may be arranged according to the priorities. If the sub view group includes a control center, a notification center, a main dial, a status bar, a background service, and a recent application, the priority and the display order may be set to 1 to 6 in sequence, that is, the priority and the display order are in one-to-one correspondence.

Further, the priority and the display order may not be in a one-to-one correspondence. For example, the sub-view group with the highest priority is displayed at the center position, and other sub-view groups are respectively arranged at two sides of the center position according to the priority.

Further, the step S102: the step of creating the plurality of sub-view groups according to their respective names further comprises:

step S102-1: setting related parameters of each corresponding sub view in the sub view groups, wherein the related parameters comprise the width and the height of the sub view and the name of the sub view;

The sub-view group includes a plurality of sub-views, for example, the sub-view included in the sub-view group named as a control center may be sound, display, network, etc.

In this embodiment, the sub-views are loaded by calling the addview to add the views, respectively, and the sub-view names are set in the addview process. And the height and width of the sub-view are obtained by means of onMessaure.

In addition, the number of sub-views of each sub-view group may be obtained according to the number of sub-view names after the sub-views are set.

Step S102-2: and creating sub-views corresponding to each of the sub-view groups according to the related parameters.

And after the related parameters of the sub-views are acquired, creating corresponding sub-views according to the related parameters. The arrangement sequence of the sub-views can be set according to the requirement.

It is understood that the step S102-1 and the step S102-2 may be performed before the step S102, and the execution sequence thereof will not change the effect thereof, which is not described herein.

Step S103: and setting an initial sliding display interface according to the size of the screen of the wearable device, wherein the initial sliding display interface comprises part or all of the sub-view groups in the main view group.

It will be appreciated that for a fixed model of wearable device, the screen size is generally fixed. For example, the size of a flexible screen, where Nubia alpha is a rectangle, is 960px x 320px. In the interface design, an initial sliding interface is required to be set according to the size of a screen of the wearable device, so that a user can see an attractive interface which accords with the use habit.

Specifically, the step S103: setting an initial sliding display interface according to the size of a screen of the wearable device, wherein the step of the initial sliding display interface including part or all of the sub-view groups in the main view group comprises the following steps:

step S103a: acquiring the maximum display number of the screen based on the size of the screen of the wearable device and the respective sizes of the sub-view groups;

in this embodiment, it is further required to obtain the arrangement manner and the interval of the sub-view groups, and obtain the maximum number of displayable displays according to the respective sizes of the plurality of sub-view groups. The arrangement mode may be longitudinal rows, transverse rows, interlacing, etc., and the interval may be 1 unit, 5 units, 10 units, etc. The maximum number of displays is also related to the screen size. And calculating the total size of a plurality of sub-view groups according to the arrangement mode, the interval and the sub-view group size, and when the total size is closest to and smaller than the size of the screen, obtaining the number of the corresponding sub-view groups as the maximum display number.

Step S103b: comparing the maximum display number with the number of sub-view groups counted in advance;

in this embodiment, the number of the sub-view groups may be counted in advance according to the number of names of the sub-view groups, and the maximum display number may be compared with the number of the sub-view groups.

Step S103c: if the maximum display number is equal to or smaller than the number of sub-view groups, displaying a pre-designated center sub-view group in the center of the screen;

it can be understood that if the maximum display number is equal to or less than the number of sub-view groups, all the sub-view groups cannot be displayed on the screen of the wearable device, a preset center sub-view group is acquired, and the center sub-view group is displayed in the center of the screen. Wherein the center sub-view group is one or two of the plurality of sub-view groups.

Step S103d: setting an upper sub-view group displayed in an upper region of the screen and a lower sub-view group displayed in a lower region of the screen, respectively;

after the central main view group is set, the other sub view groups are respectively marked as an upper sub view group and a lower sub view group according to a preset priority, and it can be understood that the respective sub priorities of the upper sub view group and the lower sub view group are also required to be set, and the arrangement of the sub view groups and the lower sub view group is respectively set according to the sub priorities.

In this embodiment, the screen is divided into the upper region, the center, and the lower region. The upper sub-view group corresponds to an upper region of the screen, and the lower sub-view group corresponds to a lower region of the screen.

Step S103e: and displaying the center sub-view group, the upper sub-view group and the lower sub-view group on the screen to generate the initial sliding interface.

And after the display sequence of the center sub-view group, the upper sub-view group and the lower sub-view group is set, displaying the corresponding main view group on the screen according to the set display sequence, and generating the initial sliding interface. As shown in fig. 6, fig. 6 is a schematic view of a scenario illustrating an embodiment of a display interface layout method according to the present application: setting a sub view group 'main dial' as a central sub view group, setting a notification center 'and a control center' as upper sub view groups, setting a status bar 'and a background service' as lower view groups, and sequentially displaying the status bar, the status bar and the background service according to the sequence of the control center, the notification center, the main dial, the status bar and the background service to generate the initial sliding interface.

Further, after the step of determining the number of sub-view groups to be displayed that can be displayed on the sliding display interface, the method further includes: and if the maximum display number is greater than the number of the sub-view groups, marking the sub-view groups to be hidden in the sub-view groups according to a preset hiding rule, and hiding and displaying the sub-view groups to be hidden. It will be appreciated that if the maximum number of display is greater than the number of sub-view groups, the screen cannot display all of the sub-view groups, so that it is necessary to selectively display a part of the sub-view groups and hide other sub-view groups. Specifically, a hiding rule needs to be preset, and the hiding rule can be specifically set according to needs, for example, hiding a child view group with a specified name, and hiding a child view group with a later priority. And if the maximum display number is greater than the number of the sub-view groups, acquiring the number of the sub-view groups, namely the number of the sub-view groups to be hidden, and hiding the corresponding number of the sub-view groups to be hidden according to the hiding rule. The sub-view group to be hidden may be hidden in an upper infinitely-extending area or a lower infinitely-extending area of the screen. Based on the characteristics of the screen in this embodiment, the hidden sub-view group to be hidden may be redisplayed on the screen after receiving the corresponding instruction.

Further, the step of generating the main view group according to the respective sizes of the sub view groups and the preset display order further includes: judging whether the size and/or the display sequence of one or more sub-view groups in the plurality of sub-view groups are changed or not; if the size of one or more sub-view groups is changed, new sizes of a plurality of sub-view groups are obtained again, and the main view group is reset according to the new sizes; and/or if the display sequence is changed, acquiring a new display sequence, and resetting the main view group according to the new display sequence. It can be understood that when the screen receives the notification message, the notification message needs to be displayed at a preset position on the screen, and then the sizes and positions of other sub-view groups are changed; or when one or more sub-view groups are added and/or reduced, the corresponding main view group size and the display sequence are correspondingly changed; or when the size and/or display sequence of one or more of the sub-view groups changes, the corresponding main view group also changes. Thus, when the size and/or display order of the one or more sub-view groups changes, the corresponding main view group needs to be reset.

According to the scheme, the embodiment receives a command for loading the sub-view group layout, and creates a plurality of sub-view groups according to the command for loading the sub-view group layout; generating a main view group according to the respective sizes of the sub view groups and a preset display sequence; and setting an initial sliding display interface according to the size of the screen of the wearable device, wherein the initial sliding display interface comprises part or all of the sub-view groups in the main view group. According to the method and the device, the main view group is set according to the size and the display sequence of the sub view groups, and the initial sliding display interface is reasonably set according to the size of the screen of the wearable device, so that more contents are displayed through the screen, and the display interface meets the requirements of users.

As shown in fig. 7, a second embodiment of the present invention proposes a display interface layout scheme, based on the first embodiment of the display interface layout method, the step of setting an initial sliding display interface according to the size of the screen of the wearable device further includes:

step S104: when a sliding display interface adjustment instruction triggered by a touch operation or a flying gesture of a user is received, adjusting part or all of the sub-view groups displayed in the screen by the initial sliding display interface according to the display interface adjustment instruction.

In this embodiment, the screen displaying the initial sliding display interface may be controlled by a touch operation or a gesture operation. The mid-air gestures are non-contact air gestures which enable a user to operate in a freehand manner, and are natural man-machine interaction modes which are not inconvenient for gesture interaction of the user. The user can naturally express the interaction intention by utilizing the finger, wrist and arm actions, mainly comprising finger, hand waving, fist making, palm rotation and the like, and the method has the characteristics of wider interaction space, higher flexibility, better interaction experience and the like.

In this embodiment, the display interface adjustment instruction may be an instruction such as zoom in, zoom out, slide up, slide down, etc. When a sliding display interface adjustment instruction triggered by a touch operation or a flying gesture of a user is received, specific operation of the sliding display interface adjustment instruction is obtained, specific operation corresponding to the display interface adjustment instruction is executed, and part or all of the sub-view groups displayed in the screen by the initial sliding display interface are adjusted. For example, if the display interface adjustment instruction is a sliding down, the initial sliding display interface is slid down, and if the hidden sub-view group exists on the upper screen, the corresponding sub-view group to be hidden is displayed on the screen, and one or more corresponding displayed lower sub-view groups are hidden.

Fig. 8 is a schematic view of a scene of another embodiment of the layout method of the display interface of the present application. With respect to the scene diagram shown in fig. 7, when receiving the instruction for adjusting the display interface of the up slide, the initial slide display interface is slid up, the hidden lower sub-view group "recent application" is displayed on the screen, and the displayed upper sub-view group "control center" is hidden.

According to the scheme, when the sliding display interface adjustment instruction triggered by the touch operation or the air gesture of the user is received, part or all of the sub-view groups displayed in the screen by the initial sliding display interface are adjusted according to the display interface adjustment instruction. According to the embodiment, the sub-view groups displayed in the screen are adjusted according to the display interface adjusting instruction, more contents are displayed through the screen, and the display interface is enabled to meet the requirements of users.

Based on the above embodiments, it can be seen that if the device is a wristwatch, a bracelet, or a wearable device, the screen of the device may not cover the watchband area of the device, or may cover the watchband area of the device. The invention proposes an alternative embodiment, in which the device may be a wristwatch, a bracelet or a wearable device, comprising a screen and a connection. The screen may be a flexible screen and the connection may be a wristband. Alternatively, the screen of the device or the display area of the screen may be partially or fully overlaid on the wristband of the device. Fig. 9 is a schematic hardware diagram of an implementation manner of a wearable device provided in an embodiment of the present application, where a screen of the device extends to two sides, and a part of the screen is covered on a watchband of the device. In other embodiments, the screen of the device may also be entirely overlaid on the wristband of the device.

In addition, embodiments of the present application also provide a computer readable storage medium, the computer readable storage medium comprising:

the steps of the method described above are implemented when the computer program is executed by the processor, and are not described here again.

It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

The foregoing embodiment numbers of the present invention are merely for the purpose of description, and do not represent the advantages or disadvantages of the embodiments.

From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present invention may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) comprising instructions for causing a terminal (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to perform the method according to the embodiments of the present invention.

The embodiments of the present invention have been described above with reference to the accompanying drawings, but the present invention is not limited to the above-described embodiments, which are merely illustrative and not restrictive, and many forms may be made by those having ordinary skill in the art without departing from the spirit of the present invention and the scope of the claims, which are to be protected by the present invention.

Claims

1. A method of displaying an interface layout, the method being applied to a wearable device, the method comprising:

setting an initial sliding display interface according to the size of a screen of the wearable device, wherein the initial sliding display interface comprises part or all of the sub-view groups in the main view group;

the step of creating a plurality of sub-view groups according to the command to load the sub-view group layout includes:

Creating a plurality of corresponding sub-view groups according to the sub-view group names;

the step of creating the plurality of sub-view groups according to the names of the plurality of sub-view groups further comprises:

creating sub-views corresponding to each of the sub-view groups according to the related parameters;

the step of generating the main view group according to the respective sizes of the sub view groups and the preset display sequence comprises the following steps:

generating the main view group according to the size of the main view and the preset display sequence of the sub view group;

the step of setting an initial sliding display interface according to the size of the screen of the wearable device, wherein the initial sliding display interface comprises part or all of the sub-view groups in the main view group, and the step of setting the initial sliding display interface comprises the following steps:

and displaying the center sub-view group, the upper sub-view group and the lower sub-view group on the screen to generate an initial sliding interface.

2. The method of claim 1, wherein the step of setting the initial sliding display interface according to the size of the screen of the wearable device further comprises, after:

3. The method of claim 1, wherein the step of determining the number of sub-view groups to be displayed that can be displayed by the sliding display interface further comprises:

4. The method according to claim 1, wherein the step of generating the main view group according to the respective sizes of the sub view groups and the preset display order further comprises:

5. A wearable device, the wearable device comprising:

the computer program implementing the steps of the method according to any one of claims 1 to 4 when executed by the processor.

6. A computer-readable storage medium, the computer-readable storage medium comprising: