CN110018775A - A kind of content display method, terminal and computer readable storage medium - Google Patents

A kind of content display method, terminal and computer readable storage medium Download PDF

Info

Publication number
CN110018775A
CN110018775A CN201910202109.6A CN201910202109A CN110018775A CN 110018775 A CN110018775 A CN 110018775A CN 201910202109 A CN201910202109 A CN 201910202109A CN 110018775 A CN110018775 A CN 110018775A
Authority
CN
China
Prior art keywords
top level
height
level container
content
sliding
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201910202109.6A
Other languages
Chinese (zh)
Other versions
CN110018775B (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.)
Nubia Technology Co Ltd
Original Assignee
Nubia Technology 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 Nubia Technology Co Ltd filed Critical Nubia Technology Co Ltd
Priority to CN201910202109.6A priority Critical patent/CN110018775B/en
Publication of CN110018775A publication Critical patent/CN110018775A/en
Application granted granted Critical
Publication of CN110018775B publication Critical patent/CN110018775B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

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

Abstract

The application provides a kind of content display method, terminal and computer readable storage medium, which comprises top level container is arranged for application content to be shown and around the content boundaries of the application content;The limit sliding scale of the top level container is determined according to the top level container and default screen area;If detecting content slide, the top level container is controlled according to the glide direction of the content slide and is slided in the limit sliding scale.The application is by way of being arranged limit sliding scale, setting application content can be shown in limit sliding scale, so that application content is more rested on most comfortable visual zone for users, provides the user with more humanized design, it is user-friendly.

Description

A kind of content display method, terminal and computer readable storage medium
Technical field
This application involves wearable device technical field, in particular to a kind of content display method, terminal and computer can Read storage medium.
Background technique
As smartwatch is more more and more universal, the shape of wrist-watch is also more and more diversified.Long for screen can Wearable device, due to the visual custom of people, the place in screen lower edges be not it is easy to see that.Although currently existing scheme It may be implemented to slide, but content is still to be close to screen lower edges.It not is very convenient, user's body that user, which uses, It tests not very well.
Summary of the invention
In order to solve the above-mentioned technical problem or it at least is partially solved above-mentioned technical problem, this application provides in one kind Hold display methods, comprising:
For application content to be shown and around the content boundaries of the application content, top level container is set;
The limit sliding scale of the top level container is determined according to the top level container and default screen area;
If detecting content slide, the top level container is controlled according to the glide direction of the content slide and is existed Sliding in the limit sliding scale.
Optionally, the default screen area includes: the notification area divided from top to bottom, function viewing area and interactive areas;
The limit sliding scale that the top level container is determined according to the top level container and default screen area, packet It includes:
By the height of the interactive areas upper edge be determined as the limes superiors sliding edge away from;
The height of application content determines institute in height and the top level container based on the upper edge of the function viewing area State limit inferior sliding edge away from;
The limes superiors sliding edge is determined as the limit sliding away from range of the limit inferior sliding edge away between Range.
Optionally, application content in the height of the upper edge based on the function viewing area and the top level container Height determine the limit inferior sliding edge away from, comprising:
Calculate the height of application content in the top level container;
Judge whether the height of application content in the top level container is more than or equal to function viewing area upper edge Height;
If the height of application content is more than or equal to the height of function viewing area upper edge in the top level container, By the height of the interactive areas upper edge be determined as the limit inferior sliding edge away from.
Optionally, the height of the upper edge based on the function viewing area and the top level container be determined as it is described under Limit sliding edge away from, further includes:
If the height of application content is less than the height of function viewing area upper edge in the top level container, by screen height Degree and the top level container in application content height between difference be determined as the limit inferior sliding edge away from.
Optionally, in the top level container application content height be less than function viewing area upper edge height When, the method also includes:
Judge whether the height of application content in the top level container changes;
If changing, the height of application content in the top level container is recalculated.
Optionally, it is sliding in the limit to control the top level container for the glide direction according to the content slide Sliding in dynamic range, comprising:
Determine the glide direction of the content slide;
If the glide direction is upward, the terminal for controlling the bottom boundary sliding of the top level container is the limes superiors Sliding edge away from.
Optionally, it is sliding in the limit to control the top level container for the glide direction according to the content slide Sliding in dynamic range, further includes:
If the glide direction is downward, the top boundary for controlling the top level container slides the limit inferior sliding edge Away from.
Optionally, the top level container is slidable list control.
Second aspect, this application provides a kind of terminal, the terminal includes:
Memory, processor and it is stored in the computer program that can be run on the memory and on the processor;
The step of method as described in relation to the first aspect is realized when the computer program is executed by the processor.
The third aspect, this application provides a kind of computer readable storage medium, on the computer readable storage medium It is stored with the program of the content display method, such as first aspect is realized when the content display method program is executed by processor The step of described content display method.
Above-mentioned technical proposal provided by the embodiments of the present application has the advantages that compared with prior art
This method provided by the embodiments of the present application, by way of limit sliding scale is arranged, setting application content is equal for this It can be shown in limit sliding scale, so that application content is more rested on most comfortable visual zone for users, give User provides more humanized design, user-friendly.
Detailed description of the invention
The drawings herein are incorporated into the specification and forms part of this specification, and shows and meets implementation of the invention Example, and be used to explain the principle of the present invention together with specification.
In order to more clearly explain the embodiment of the invention or the technical proposal in the existing technology, to embodiment or will show below There is attached drawing needed in technical description to be briefly described, it should be apparent that, for those of ordinary skill in the art Speech, without any creative labor, is also possible to obtain other drawings based on these drawings.
Fig. 1 is a kind of hardware structural diagram of embodiment of wearable device provided in an embodiment of the present invention;
Fig. 2 is a kind of hardware schematic of embodiment of wearable device provided by the embodiments of the present application;
Fig. 3 is a kind of hardware schematic of embodiment of wearable device provided by the embodiments of the present application;
Fig. 4 is a kind of hardware schematic of embodiment of wearable device provided by the embodiments of the present application;
Fig. 5 is a kind of flow chart of content display method provided by the embodiments of the present application;
Fig. 6 is a kind of division schematic diagram of screen area provided by the embodiments of the present application;
Fig. 7 is a kind of flow chart of step S102 in Fig. 5;
Fig. 8 is the position after a kind of container provided by the embodiments of the present application slides in limit sliding scale with screen area Set relation schematic diagram;
Fig. 9 is that a kind of application content provided by the embodiments of the present application is shown in the schematic diagram in limit sliding scale;
Figure 10 is a kind of hardware schematic of embodiment of wearable device provided by the embodiments of the present application.
Specific embodiment
It should be appreciated that the specific embodiments described herein are merely illustrative of the present invention, it is not intended to limit the present invention.
In subsequent description, it is only using the suffix for indicating such as " module ", " component " or " unit " of element Be conducive to explanation of the invention, itself there is no a specific meaning.Therefore, " module ", " component " or " unit " can mix Ground uses.
The wearable device provided in the embodiment of the present invention includes that Intelligent bracelet, smartwatch and smart phone etc. move Dynamic terminal.With the continuous development of Screen Technology, the appearance of the screens form such as flexible screen, Folding screen, smart phone etc. is mobile eventually End can also be used as wearable device.The wearable device provided in the embodiment of the present invention may include: RF (Radio Frequency, radio frequency) unit, WiFi module, audio output unit, A/V (audio/video) input unit, sensor, display The components such as unit, user input unit, interface unit, memory, processor and power supply.
It will be illustrated by taking wearable device as an example in subsequent descriptions, referring to Fig. 1, its each implementation to realize the present invention A kind of hardware structural diagram of wearable device of example, which may include: RF (Radio Frequency, radio frequency) unit 101, WiFi module 102, audio output unit 103, A/V (audio/video) input unit 104, Sensor 105, display unit 106, user input unit 107, interface unit 108, memory 109, processor 110, Yi Ji electricity The components such as source 111.It will be understood by those skilled in the art that wearable device structure shown in Fig. 1 is not constituted to wearable The restriction of equipment, wearable device may include perhaps combining certain components or difference than illustrating more or fewer components Component layout.
It is specifically introduced below with reference to all parts of the Fig. 1 to wearable device:
Radio frequency unit 101 can be used for receiving and sending messages or communication process in, signal sends and receivees, specifically, radio frequency list Uplink information can be sent to base station by member 101, and after the downlink information that in addition can also be sent base station receives, being sent to can be worn The processor 110 for wearing equipment is handled, and base station can be to the downlink information that radio frequency unit 101 is sent and be sent out according to radio frequency unit 101 What the uplink information sent generated, it is also possible to actively push away to radio frequency unit 101 after the information update for detecting wearable device It send, for example, base station can penetrating to wearable device after detecting that geographical location locating for wearable device changes Frequency unit 101 sends the message informing of geographical location variation, and radio frequency unit 101, can should after receiving the message informing The processor 110 that message informing is sent to wearable device is handled, and it is logical that the processor 110 of wearable device can control the message Know on the display panel 1061 for being shown in wearable device;In general, radio frequency unit 101 include but is not limited to antenna, at least one Amplifier, transceiver, coupler, low-noise amplifier, duplexer etc..In addition, radio frequency unit 101 can also pass through channel radio Letter communicated with network and other equipment, specifically may include: by wireless communication with the server communication in network system, example Such as, wearable device can download file resource from server by wireless communication, for example can download and answer from server With program, after wearable device completes the downloading of a certain application program, if the corresponding file of the application program in server Resource updates, then the server can be by wireless communication to the message informing of wearable device push resource updates, to remind User is updated the application program.Any communication standard or agreement can be used in above-mentioned wireless communication, including but not limited to GSM (Global System of Mobile communication, global system for mobile communications), GPRS (General Packet Radio Service, general packet radio service), CDMA2000 (Code Division Multiple Access 2000, CDMA 2000), (Wideband Code Division Multiple Access, wideband code division are more by WCDMA Location), (Time Division-Synchronous Code Division Multiple Access, time-division are same by TD-SCDMA Walk CDMA), (Frequency Division Duplexing-Long Term Evolution, frequency division are double by FDD-LTE Work long term evolution) and TDD-LTE (Time Division Duplexing-Long Term Evolution, time division duplex are long Phase evolution) etc..
In one embodiment, wearable device 100 can access existing communication network by insertion SIM card.
In another embodiment, wearable device 100 can be come by the way that esim card (Embedded-SIM) is arranged It realizes and accesses existing communication network, by the way of esim card, the inner space of wearable device can be saved, reduce thick Degree.
It is understood that although Fig. 1 shows radio frequency unit 101, but it is understood that, radio frequency unit 101 its And it is not belonging to must be configured into for wearable device, it can according to need within the scope of not changing the essence of the invention and save completely Slightly., wearable device 100 can realize the communication connection with other equipment or communication network separately through wifi module 102, The embodiment of the present invention is not limited thereto.
WiFi belongs to short range wireless transmission technology, and wearable device can help user to receive and dispatch by WiFi module 102 Email, browsing webpage and access streaming video etc., it provides wireless broadband internet access for user.Although Fig. 1 WiFi module 102 is shown, but it is understood that, and it is not belonging to must be configured into for wearable device, it completely can root It is omitted within the scope of not changing the essence of the invention according to needs.
Audio output unit 103 can be in call signal reception pattern, call mode, record in wearable device 100 When under the isotypes such as mode, speech recognition mode, broadcast reception mode, by radio frequency unit 101 or WiFi module 102 it is received or The audio data that person stores in memory 109 is converted into audio signal and exports to be sound.Moreover, audio output unit 103 can also provide audio output relevant to the specific function that wearable device 100 executes (for example, call signal reception sound Sound, message sink sound etc.).Audio output unit 103 may include loudspeaker, buzzer etc..
A/V input unit 104 is for receiving audio or video signal.A/V input unit 104 may include graphics processor (Graphics Processing Unit, GPU) 1041 and microphone 1042, graphics processor 1041 is in video acquisition mode Or the image data of the static images or video obtained in image capture mode by image capture apparatus (such as camera) carries out Reason.Treated, and picture frame may be displayed on display unit 106.Through graphics processor 1041, treated that picture frame can be deposited Storage is sent in memory 109 (or other storage mediums) or via radio frequency unit 101 or WiFi module 102.Mike Wind 1042 can connect in telephone calling model, logging mode, speech recognition mode etc. operational mode via microphone 1042 Quiet down sound (audio data), and can be audio data by such acoustic processing.Audio that treated (voice) data can To be converted to the format output that can be sent to mobile communication base station via radio frequency unit 101 in the case where telephone calling model. Microphone 1042 can be implemented various types of noises elimination (or inhibition) algorithms and send and receive sound to eliminate (or inhibition) The noise generated during frequency signal or interference.
In one embodiment, wearable device 100 includes one or more cameras, by opening camera, It can be realized the capture to image, realize the functions such as take pictures, record a video, the position of camera, which can according to need, to be configured.
Wearable device 100 further includes at least one sensor 105, for example, optical sensor, motion sensor and other Sensor.Specifically, optical sensor includes ambient light sensor and proximity sensor, wherein ambient light sensor can be according to ring The light and shade of border light adjusts the brightness of display panel 1061, proximity sensor can when wearable device 100 is moved in one's ear, Close display panel 1061 and/or backlight.As a kind of motion sensor, accelerometer sensor can detect in all directions The size of (generally three axis) acceleration, can detect that size and the direction of gravity, can be used to identify mobile phone posture when static It (for example pedometer, is struck using (such as horizontal/vertical screen switching, dependent game, magnetometer pose calibrating), Vibration identification correlation function Hit) etc..
In one embodiment, wearable device 100 further includes proximity sensor, can by using proximity sensor Wearable device can be realized non-contact manipulation, provide more modes of operation.
In one embodiment, wearable device 100 further includes heart rate sensor, when wearing, by close to using Person can be realized the detecting of heart rate.
In one embodiment, wearable device 100 can also include that fingerprint sensor can by reading fingerprint Realize the functions such as safety verification.
Display unit 106 is for showing information input by user or being supplied to the information of user.Display unit 106 can wrap Display panel 1061 is included, liquid crystal display (Liquid Crystal Display, LCD), Organic Light Emitting Diode can be used Forms such as (Organic Light-Emitting Diode, OLED) configure display panel 1061.
In one embodiment, display panel 1061 uses flexible display screen, and wearable using flexible display screen sets For when wearing, screen is able to carry out bending, to more be bonded.Optionally, the flexible display screen can use OLED screen Body and graphene screen body, in other embodiments, the flexible display screen is also possible to other display materials, the present embodiment It is not limited thereto.
In one embodiment, the display panel 1061 of wearable device can take rectangle, ring when convenient for wearing Around.In other embodiments, other modes can also be taken.
User input unit 107 can be used for receiving the number or character information of input, and generate and wearable device User setting and the related key signals input of function control.Specifically, user input unit 107 may include touch panel 1071 And other input equipments 1072.Touch panel 1071, also referred to as touch screen collect the touch behaviour of user on it or nearby Make (for example user uses any suitable objects or attachment such as finger, stylus on touch panel 1071 or in touch panel Operation near 1071), and corresponding attachment device is driven according to preset formula.Touch panel 1071 may include touching Two parts of detection device and touch controller.Wherein, the touch orientation of touch detecting apparatus detection user, and detect touch behaviour Make bring signal, transmits a signal to touch controller;Touch controller receives touch information from touch detecting apparatus, and It is converted into contact coordinate, then gives processor 110, and order that processor 110 is sent can be received and executed.This Outside, touch panel 1071 can be realized using multiple types such as resistance-type, condenser type, infrared ray and surface acoustic waves.In addition to touching Panel 1071 is controlled, user input unit 107 can also include other input equipments 1072.Specifically, other input equipments 1072 It can include but is not limited to physical keyboard, function key (such as volume control button, switch key etc.), trace ball, mouse, operation One of bar etc. is a variety of, specifically herein without limitation.
In one embodiment, one or more buttons have can be set in the side of wearable device 100.Button can be with The various ways such as short-press, long-pressing, rotation are realized, to realize a variety of operating effects.The quantity of button can be different to be multiple It can be applied in combination between button, realize a variety of operating functions.
Further, touch panel 1071 can cover display panel 1061, when touch panel 1071 detect on it or After neighbouring touch operation, processor 110 is sent to determine the type of touch event, is followed by subsequent processing device 110 according to touch thing The type of part provides corresponding visual output on display panel 1061.Although in Fig. 1, touch panel 1071 and display panel 1061 be the function that outputs and inputs of realizing wearable device as two independent components, but in certain embodiments, Touch panel 1071 and display panel 1061 can be integrated and be realized the function that outputs and inputs of wearable device, specifically herein Without limitation.For example, processor 110 can be controlled when receiving the message informing of a certain application program by radio frequency unit 101 The message informing show in a certain predeterminable area of display panel 1061 by system, the predeterminable area and touch panel 1071 certain One region is corresponding, can be to corresponding to area on display panel 1061 by carrying out touch control operation to a certain region of touch panel 1071 The message informing shown in domain is controlled.
Interface unit 108 be used as at least one external device (ED) connect with wearable device 100 can by interface.Example Such as, external device (ED) may include wired or wireless headphone port, external power supply (or battery charger) port, You Xianhuo Wireless data communications port, memory card port, the port for connecting the device with identification module, audio input/output (I/O) end Mouth, video i/o port, ear port etc..Interface unit 108 can be used for receiving the input from external device (ED) (for example, number It is believed that breath, electric power etc.) and the input received is transferred to one or more elements in wearable device 100 or can For transmitting data between wearable device 100 and external device (ED).
In one embodiment, wearable device 100 interface unit 108 using contact structure, by contact with Corresponding other equipment connection, realizes the functions such as charging, connection.Use contact can be with waterproof.
Memory 109 can be used for storing software program and various data.Memory 109 can mainly include storing program area The storage data area and, wherein storing program area can (such as the sound of application program needed for storage program area, at least one function Sound playing function, image player function etc.) etc.;Storage data area can store according to mobile phone use created data (such as Audio data, phone directory etc.) etc..In addition, memory 109 may include high-speed random access memory, it can also include non-easy The property lost memory, a for example, at least disk memory, flush memory device or other volatile solid-state parts.
Processor 110 is the control centre of wearable device, utilizes various interfaces and the entire wearable device of connection Various pieces, by running or execute the software program and/or module that are stored in memory 109, and call and be stored in Data in memory 109 execute the various functions and processing data of wearable device, to carry out to wearable device whole Monitoring.Processor 110 may include one or more processing units;Preferably, processor 110 can integrate application processor and modulation Demodulation processor, wherein the main processing operation system of application processor, user interface and application program etc., modulation /demodulation processing Device mainly handles wireless communication.It is understood that above-mentioned modem processor can not also be integrated into processor 110.
Wearable device 100 can also include the power supply 111 (such as battery) powered to all parts, it is preferred that power supply 111 can be logically contiguous by power-supply management system and processor 110, thus charged by power-supply management system realization management, The functions such as electric discharge and power managed.
Although Fig. 1 is not shown, wearable device 100 can also be including bluetooth module etc., and details are not described herein.It is wearable to set Standby 100, by bluetooth, can connect with other terminal devices, realize communication and the interaction of information.
Fig. 2-Fig. 4 is please referred to, is the structure under a kind of a kind of embodiment of wearable device provided in an embodiment of the present invention Schematic diagram.Wearable device in the embodiment of the present invention, including flexible screen.In wearable device expansion, flexible screen is in Strip;When wearable device is in wearing state, flexible screen bending is annular in shape.Fig. 2 and Fig. 3 show wearable device Structural schematic diagram when screen is unfolded, Fig. 4 show structural schematic diagram when wearable device screen-bending.
In one embodiment of the application, since types of applications interface is varied, so showing on the screen Size also just not necessarily.In order to which all the elements can be slid into function viewing area, the application provides a kind of content display side Method, the method can be applied to wearable device, and illustratively, wearable device can refer to smartwatch etc., such as Fig. 5 institute Show, the method may include following steps:
Top level container is arranged for application content to be shown and around the content boundaries of the application content in step S101;
In the embodiment of the present application, the top level container is used for that application content and around the content side of application content Boundary, the container in the embodiment of the present application are slidable list control, such as RecyclerView or ScrollView.
Step S102 determines that the limit of the top level container slides model according to the top level container and default screen area It encloses;
In the embodiment of the present application, according to the visual custom of people, generally sight can all be rested among screen, and it is most easypro The operating area of clothes is below screen.For this purpose, as shown in fig. 6, the default screen area include: divide from top to bottom it is logical Know area, function viewing area and interactive areas;Wherein, function viewing area is most comfortable visual zone, interactive areas for a user It is most comfortable operating area, notification area belongs to difficulties in vision area, generally shows the content of non-emergent part here, such as all kinds of systems System notice etc..
Limit sliding scale is set, and the mode realized for different sliding controls is different.If it is RecyclerView, the getItemOffsets () method by rewriteeing RecyclerVIew.ItemDecoration are arranged, ScrollView in onMeasure by being arranged.
As shown in fig. 7, the step S102, comprising:
Step S201, by the height of the interactive areas upper edge be determined as the limes superiors sliding edge away from;
Step S202, the height of application content in the height of the upper edge based on the function viewing area and the top level container Degree determine the limit inferior sliding edge away from;
In this step, the height that can calculate application content in the top level container first, then judges the top layer Whether the height of application content is more than or equal to the height of function viewing area upper edge in container, if the top level container The height of interior application content is more than or equal to the height of function viewing area upper edge, by the height of the interactive areas upper edge Degree be determined as the limit inferior sliding edge away from;If the height of application content is less than on the function viewing area in the top level container Difference between the height of application content in screen height and the top level container is determined as the limit inferior by the height at edge Sliding edge away from.
In another embodiment of the application, the height of application content is aobvious less than the function in the top level container When showing the height of area upper edge, it can be determined that whether the height of application content changes in the top level container, if becoming Change, then recalculate the height of application content in the top level container, otherwise the height of application content is just always in top level container It is the height of first calculated, downslide critical distance will be wrong.
The limes superiors sliding edge is determined as away from range of the limit inferior sliding edge away between described by step S203 Limit sliding scale.
Step S103, if detecting content slide, described in the glide direction control according to the content slide Top level container slides in the limit sliding scale.
Referring to Fig. 8, in the embodiment of the present application, the step S103, comprising:
It determines the glide direction of the content slide, if the glide direction is upward, controls the top level container Bottom boundary sliding terminal be the limes superiors sliding edge away from;If the glide direction is downward, controls the top layer and hold The top boundary of device slide the limit inferior sliding edge away from.
Referring to Fig. 9, after sliding in limit sliding scale, application content be may be displayed in function viewing area.
By way of limit sliding scale is arranged, setting application content can be shown the application in limit sliding scale Show, so that application content is more rested on most comfortable visual zone for users, provide the user with more humanized Design, it is user-friendly.
In the another embodiment of the application, a kind of terminal is also provided, the terminal includes:
Memory, processor and it is stored in the computer program that can be run on the memory and on the processor;
The step of method as described in embodiment of the method is realized when the computer program is executed by the processor.
In the another embodiment of the application, a kind of computer readable storage medium is also provided, it is described computer-readable to deposit It is stored with the program of the content display method on storage media, is realized such as when the content display method program is executed by processor The step of content display method described in embodiment of the method.
Based on above-mentioned each embodiment, it can be seen that if the terminal is wrist-watch, bracelet or wearable device When, the screen of the terminal can not overlay device watchband region, the watchband region of terminal can also be covered.Here, this hair Bright to propose a kind of optional embodiment, in the present embodiment, the terminal for wrist-watch, bracelet or wearable can be set Standby, the terminal includes screen and interconnecting piece.The screen can be flexible screen, and the interconnecting piece can be watchband.It can Choosing, the screen of the terminal or the viewing area of screen can be partly or completely covered on the watchband of terminal.Such as figure Shown in 10, Figure 10 is a kind of a kind of hardware schematic of embodiment of wearable device provided by the embodiments of the present application, described to set Standby screen extends to two sides, and part is covered on the watchband of equipment.In other embodiments, the screen of the equipment It can all be covered on the watchband of the equipment.
It should be noted that, in this document, the terms "include", "comprise" or its any other variant are intended to non-row His property includes, so that the process, method, article or the device that include a series of elements not only include those elements, and And further include other elements that are not explicitly listed, or further include for this process, method, article or device institute it is intrinsic Element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that including being somebody's turn to do There is also other identical elements in the process, method of element, article or device.
The serial number of the above embodiments of the invention is only for description, does not represent the advantages or disadvantages of the embodiments.
Through the above description of the embodiments, those skilled in the art can be understood that above-described embodiment side Method can be realized by means of software and necessary general hardware platform, naturally it is also possible to by hardware, but in many cases The former is more preferably embodiment.Based on this understanding, technical solution of the present invention substantially in other words does the prior art The part contributed out can be embodied in the form of software products, which is stored in a storage medium In (such as ROM/RAM, magnetic disk, CD), including some instructions are used so that a terminal (can be mobile phone, computer, service Device, air conditioner or network equipment etc.) execute method described in each embodiment of the present invention.
The embodiment of the present invention is described with above attached drawing, but the invention is not limited to above-mentioned specific Embodiment, the above mentioned embodiment is only schematical, rather than restrictive, those skilled in the art Under the inspiration of the present invention, without breaking away from the scope protected by the purposes and claims of the present invention, it can also make very much Form, all of these belong to the protection of the present invention.

Claims (10)

1. a kind of content display method characterized by comprising
For application content to be shown and around the content boundaries of the application content, top level container is set;
The limit sliding scale of the top level container is determined according to the top level container and default screen area;
If detecting content slide, the top level container is controlled described according to the glide direction of the content slide Sliding in limit sliding scale.
2. content display method according to claim 1, which is characterized in that the default screen area include: from upper and Notification area, function viewing area and the interactive areas of lower division;
The limit sliding scale that the top level container is determined according to the top level container and default screen area, comprising:
By the height of the interactive areas upper edge be determined as limes superiors sliding edge away from;
The height of application content determines limit inferior in height and the top level container based on the upper edge of the function viewing area Sliding edge away from;
The limes superiors sliding edge is determined as the limit sliding scale away from range of the limit inferior sliding edge away between.
3. content display method according to claim 2, which is characterized in that the top based on the function viewing area In the height on edge and the top level container height of application content determine the limit inferior sliding edge away from, comprising:
Calculate the height of application content in the top level container;
Judge whether the height of application content in the top level container is more than or equal to the height of function viewing area upper edge Degree;
If the height of application content is more than or equal to the height of function viewing area upper edge in the top level container, by institute State interactive areas upper edge height be determined as the limit inferior sliding edge away from.
4. content display method according to claim 3, which is characterized in that the top based on the function viewing area The height on edge and the top level container be determined as the limit inferior sliding edge away from, further includes:
If in the top level container height of application content be less than function viewing area upper edge height, by screen height with Difference in the top level container between the height of application content be determined as the limit inferior sliding edge away from.
5. content display method according to claim 4, which is characterized in that the height of application content in the top level container When degree is less than the height of function viewing area upper edge, the method also includes:
Judge whether the height of application content in the top level container changes;
If changing, the height of application content in the top level container is recalculated.
6. content display method according to claim 1, which is characterized in that the cunning according to the content slide Top level container described in dynamic direction controlling slides in the limit sliding scale, comprising:
Determine the glide direction of the content slide;
If the glide direction is upward, the terminal for controlling the bottom boundary sliding of the top level container is limes superiors sliding edge Away from.
7. content display method according to claim 6, which is characterized in that the cunning according to the content slide Top level container described in dynamic direction controlling slides in the limit sliding scale, further includes:
If the glide direction is downward, control the top level container top boundary sliding limit inferior sliding edge away from.
8. content display method according to claim 1, which is characterized in that the top level container is slidable list control Part.
9. a kind of terminal, which is characterized in that the terminal includes:
Memory, processor and it is stored in the computer program that can be run on the memory and on the processor;
The step such as method described in any item of the claim 1 to 8 is realized when the computer program is executed by the processor Suddenly.
10. a kind of computer readable storage medium, which is characterized in that be stored on the computer readable storage medium in described The program for holding display methods realizes such as any one of claims 1 to 8 when the content display method program is executed by processor The step of described content display method.
CN201910202109.6A 2019-03-15 2019-03-15 Content display method, terminal and computer readable storage medium Active CN110018775B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910202109.6A CN110018775B (en) 2019-03-15 2019-03-15 Content display method, terminal and computer readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910202109.6A CN110018775B (en) 2019-03-15 2019-03-15 Content display method, terminal and computer readable storage medium

Publications (2)

Publication Number Publication Date
CN110018775A true CN110018775A (en) 2019-07-16
CN110018775B CN110018775B (en) 2021-07-09

Family

ID=67189649

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910202109.6A Active CN110018775B (en) 2019-03-15 2019-03-15 Content display method, terminal and computer readable storage medium

Country Status (1)

Country Link
CN (1) CN110018775B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111680246A (en) * 2020-04-28 2020-09-18 平安国际智慧城市科技股份有限公司 Grouped title top setting method, device and equipment based on recycleview left-right linkage control

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160077552A1 (en) * 2014-09-11 2016-03-17 Hon Hai Precision Industry Co., Ltd. Wearable device and control method thereof
CN106055323A (en) * 2016-05-26 2016-10-26 浪潮软件集团有限公司 Method and device for realizing seamless rolling effect of marquee
CN106610831A (en) * 2015-10-26 2017-05-03 北京国双科技有限公司 Webpage screenshot method and device
CN107316228A (en) * 2017-06-29 2017-11-03 北京小米移动软件有限公司 Information displaying method, device, equipment and storage medium
CN108304109A (en) * 2018-01-31 2018-07-20 努比亚技术有限公司 Icon protrusion forming method, mobile terminal and computer readable storage medium
CN108664203A (en) * 2018-03-28 2018-10-16 努比亚技术有限公司 Control method, equipment and the computer storage media of wearable device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160077552A1 (en) * 2014-09-11 2016-03-17 Hon Hai Precision Industry Co., Ltd. Wearable device and control method thereof
CN106610831A (en) * 2015-10-26 2017-05-03 北京国双科技有限公司 Webpage screenshot method and device
CN106055323A (en) * 2016-05-26 2016-10-26 浪潮软件集团有限公司 Method and device for realizing seamless rolling effect of marquee
CN107316228A (en) * 2017-06-29 2017-11-03 北京小米移动软件有限公司 Information displaying method, device, equipment and storage medium
CN108304109A (en) * 2018-01-31 2018-07-20 努比亚技术有限公司 Icon protrusion forming method, mobile terminal and computer readable storage medium
CN108664203A (en) * 2018-03-28 2018-10-16 努比亚技术有限公司 Control method, equipment and the computer storage media of wearable device

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111680246A (en) * 2020-04-28 2020-09-18 平安国际智慧城市科技股份有限公司 Grouped title top setting method, device and equipment based on recycleview left-right linkage control
CN111680246B (en) * 2020-04-28 2023-10-17 平安国际智慧城市科技股份有限公司 Grouping title top-setting method, device and equipment based on recylerview left-right linkage control

Also Published As

Publication number Publication date
CN110018775B (en) 2021-07-09

Similar Documents

Publication Publication Date Title
CN110362369A (en) Wearable device control method, wearable device and computer readable storage medium
CN110362368A (en) Picture customization display methods, relevant device and the storage medium of wearable device
CN110175066A (en) Wearable device, interaction control method and computer readable storage medium
CN110442295A (en) Wearable device control method, wearable device and computer readable storage medium
CN110083289A (en) A kind of button display methods, wearable device and computer readable storage medium
CN110134312A (en) Control method, wearable device and computer readable storage medium
CN110069132A (en) Application control method, intelligent wearable device and computer readable storage medium
CN110086940A (en) Message prompt method, wearable device and readable storage medium storing program for executing
CN110032308A (en) A kind of page display method, terminal and computer readable storage medium
CN110086929A (en) Breath screen display methods, mobile phone, wearable device and computer readable storage medium
CN110191230A (en) Application interface display methods, mobile terminal and readable storage medium storing program for executing
CN109933400A (en) Display interface layout method, wearable device and computer readable storage medium
CN110072071A (en) A kind of video record interaction control method, equipment and computer readable storage medium
CN110083205A (en) Page switching method, wearable device and computer readable storage medium
CN110139270A (en) Wearable device matching method, wearable device and computer readable storage medium
CN110018775A (en) A kind of content display method, terminal and computer readable storage medium
CN110162247A (en) A kind of screen control method, wearable device and computer readable storage medium
CN110134311A (en) A kind of screen display method, wearable device and computer readable storage medium
CN110007993A (en) Information load, methods of exhibiting, wearable device and computer readable storage medium
CN110187801A (en) Detection method, wearable device and computer readable storage medium
CN110113481A (en) Open method, terminal, wearable device and the medium of corresponding application on wearable device
CN110007761A (en) Wearable device and its control method, computer readable storage medium
CN110096150A (en) A kind of search interaction control method, equipment and computer readable storage medium
CN110187950A (en) Adjust method, wearable device and the storage medium of picture position
CN109981905A (en) Information Quick-return method, wearable device and computer readable storage 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