CN108536378A - Page display method and system applied to mobile terminal display interface - Google Patents
Page display method and system applied to mobile terminal display interface Download PDFInfo
- Publication number
- CN108536378A CN108536378A CN201710122982.5A CN201710122982A CN108536378A CN 108536378 A CN108536378 A CN 108536378A CN 201710122982 A CN201710122982 A CN 201710122982A CN 108536378 A CN108536378 A CN 108536378A
- Authority
- CN
- China
- Prior art keywords
- page
- gesture motion
- mobile terminal
- default gesture
- current
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 26
- 238000006243 chemical reaction Methods 0.000 claims abstract description 18
- 230000009467 reduction Effects 0.000 claims abstract description 14
- 230000009466 transformation Effects 0.000 claims abstract description 6
- 238000011017 operating method Methods 0.000 claims abstract description 4
- 238000011084 recovery Methods 0.000 claims description 6
- 230000009286 beneficial effect Effects 0.000 abstract description 2
- 238000013461 design Methods 0.000 description 5
- 230000000694 effects Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000002452 interceptive effect Effects 0.000 description 4
- 239000007787 solid Substances 0.000 description 4
- 230000008859 change Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 238000005728 strengthening Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
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
A kind of page display method applied to mobile terminal display interface, the page display method include：Operating procedure：Apply a default gesture motion by the current page to mobile terminal display interface；Page conversion step：By the default gesture motion, the page in mobile terminal display interface instruction point transformation is stroke groove, and the stroke groove is showing the affiliated number of pages of current page；And reduction step：The default gesture motion is discharged, the progress bar reduction is independent each page instruction point.The beneficial effects of the present invention are, to the page of mobile terminal is applied a specified gesture motion, mark is arranged to show the relevant information of current page by being deformed into stroke groove with the state of the affiliated number of pages of current page in display interface in the page instruction point of display interface.
Description
Technical field
The invention belongs to interface application design field, it is related to a kind of page display method and system more particularly to one kind is answered
Page display method and system for mobile terminal display interface.
Background technology
User interface of mobile terminal be user with mobile terminal system, using the window interacted, interface of mobile terminal is set
Meter must be based on the physical characteristic of mobile terminal device and the characteristic of system application is reasonably designed.Interface of mobile terminal is set
Meter is the complicated engineering for having different subjects to participate in, 2 points of most important one be exactly product itself interface and use
Family interactive experience design, outstanding works can just be created by being only perfectly combined the two.
With the development of science and technology, on intelligent terminal, the more and more work(of the integrated design based on user-interaction experience
Can, and with the promotion of intelligent terminal performance, user can utilize the design of interactive experience more fully to utilize intelligence eventually simultaneously
End, so that the ease of use of intelligent terminal is more and more stronger.
Currently, in the operation of the mainstreams intelligent terminal such as Android, if user needs that the display page is consulted or switched,
Typically with the ranking state of hollow and solid page instruction point representation page, such design is uninteresting, dull and lacks and answers
With interactive aesthetic feeling.
Invention content
The technical problem to be solved by the invention is to provide a kind of page instruction applied to mobile terminal display interface is aobvious
Show method and system.
To solve the above-mentioned problems, the present invention provides a kind of page display sides applied to mobile terminal display interface
Method, the page display method include：Operating procedure：Apply a default hand by the current page to mobile terminal display interface
Gesture acts；Page conversion step：By the default gesture motion, the page instruction point in the mobile terminal display interface becomes
It is changed to stroke groove, the stroke groove is showing the affiliated number of pages of current page；And reduction step：It is dynamic to discharge the default gesture
Make, the progress bar reduction is independent each page instruction point.
According to an embodiment of the present invention, in the page conversion step, the stroke groove is equipped with an at least section,
The quantity of the section is according to the current page and the quantity mean allocation of the hidden page.
According to an embodiment of the present invention, be equipped in the page conversion step, in the stroke groove progress bar with
Corresponding section position shows number of pages described in current page.
According to an embodiment of the present invention, in the page conversion step, the length of shown progress bar is according to the page
The inversely proportional relationship of face sum.
According to an embodiment of the present invention, in the page conversion step, in the page conversion step, by described
Default gesture motion, the current page identify, described to identify to show the information of current page.
According to an embodiment of the present invention, in the reduction step, the default gesture motion is discharged, the mark disappears
It loses in the current page
The present invention also provides a kind of page display system applied to mobile terminal display interface, page display system
System includes：Operation module：The default gesture motion for being configured to receive the current page application to mobile terminal display interface refers to
It enables；The page changes module, is configured to instruct by the default gesture motion, by the page in the mobile terminal display interface
Instruction point transformation is stroke groove, and the stroke groove is showing the affiliated number of pages of current page；And recovery module, it is configured to cancel
The default gesture motion instruction, is independent each page by progress bar reduction and indicates point.
According to an embodiment of the present invention, in the page variation module, the stroke groove is equipped with an at least section to root,
The quantity of the section is according to the current page and the quantity mean allocation of the hidden page.
According to an embodiment of the present invention, in page variation module, be equipped in the stroke groove progress bar with
Corresponding section position shows number of pages described in current page.
According to an embodiment of the present invention, in page variation module, shown in progress bar length according to
The inversely proportional relationship of page sum.
According to an embodiment of the present invention, it in the page variation module, is instructed by the default gesture motion, institute
Current page is stated to identify, it is described to identify to show the information of current page.
According to an embodiment of the present invention, in the recovery module, cancel the default gesture motion instruction, the mark
Knowledge disappears in the current page.
The beneficial effects of the present invention are by the page of mobile terminal to applying a specified gesture motion, display interface
Page instruction point by being deformed into stroke groove with the state of the affiliated number of pages of current page in display interface, while mark is set and is come
Show the relevant information of current page.
Description of the drawings
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 technology description to be briefly described, it should be apparent that, the accompanying drawings in the following description is this hair
Some bright embodiments for those of ordinary skill in the art without having to pay creative labor, can be with
Obtain other attached drawings according to these attached drawings.
Attached drawing 1 is the flow diagram of page display method of the present invention.
Attached drawing 2 is the flow diagram identified occur in page display method of the present invention.
Specific implementation mode
In order to keep techniques disclosed in this application content more detailed with it is complete, can refer to attached drawing and the present invention it is following
Various specific embodiments, identical label represents same or analogous component in attached drawing.However, those skilled in the art
It should be appreciated that embodiment provided hereinafter is not to be used for limiting the range that the present invention is covered.In addition, attached drawing is used only for
It is schematically illustrated, and is drawn not according to its full size.
Point indication method is indicated to the page provided by the invention applied to mobile terminal display interface below in conjunction with the accompanying drawings
Specific implementation mode elaborate.
It is the flow diagram of page display method of the present invention as shown in Fig. 1, the present invention provides one kind to be applied to move
The page display method of dynamic terminal display interface, as shown, the page display method includes：
S101 operating procedures：Apply a default gesture motion by the current page to mobile terminal display interface；
When being operated for mobile terminal display interface, mobile terminal need to be lighted, and unlock, entered
System application interface after, it is possible to implement technical solutions according to the invention, for the current page apply default gesture,
It can be voluntarily arranged in advance in internal system by user, or there is system to pre-set, after setting completed, gesture is preset by this
Trigger the effect of the display；In the present invention, it is preferred to gesture motion be the mode for applying a long-press and dragging, dragging can
The a direction being set into display interface carries out, but is not limited to the gesture motion, as user can set two fingers
It is triggered after a figure gesture motion is triggered or done after touch screen.
S102 page conversion steps：By the default gesture motion, the page in the mobile terminal display interface refers to
Show that point transformation is stroke groove, the stroke groove is showing the affiliated number of pages of current page；
After carrying out the default gesture trigger in abovementioned steps S101 again, the page instruction point of mobile terminal display interface becomes
One stroke groove, stroke groove are shown as the strip that solid or hollow transverse direction is put, and can be retained in former page instruction point place
Position, or the other positions at interface are appeared in by setting；Page instruction point variation is that the effect of stroke groove is to pass through
The animation effect of the variation strengthens interactive experience when user's browsing or the switching page.
Further, in the page conversion step described in S102, stroke groove is equipped with an at least section, the quantity of section and end
The sum of the page is related in end system, and the length of stroke groove is always kept in a fixed state and will not change, and therefore, the basis of stroke groove is worked as
The preceding page and the sum of hidden page averagely divide section.
Further, it in the page conversion step described in S102, is set in stroke groove there are one progress bar, the form of progress bar
Certain comparison can be formed with stroke groove, if stroke groove is solid, progress bar could be provided as a hollow shape, and stroke groove is sky
The heart, progress bar could be provided as a solid shape or progress bar is arranged to the color or shape for being substantially distinguished from stroke groove
Shape.
When the default gesture motion triggering page that user states before the application indicates point deformation, and carries out page layout switch,
Progress bar can be slided in stroke groove to match the handover operation, meanwhile, after the completion of the switching of the page, progress bar can be in stroke
The corresponding section position of slot stops, to show the ranking of current page.
Further, in the page conversion step described in S102, due to the proportional relationship of aforementioned section and number of pages,
The length of progress bar is according to the inversely proportional relationship of page sum.And the sum of the page is more, section is more, and progress bar is got over
Short and the page sum is fewer, and section is fewer, and progress bar is longer, but no more than the length of stroke groove.
S103 reduction steps：The default gesture motion is discharged, the progress bar reduction is independent each page instruction point.
User can discharge default gesture motion, which can be system after the browsing or switching for completing the page
Automatic identification can make a built-in unlock, i.e., aforementioned S101 steps kind apply and preset gesture motion, be locked simultaneous with one
The scheme of the fixed action, makes this browse state, is always maintained at variable condition.
It is as shown in Fig. 2 to occur the flow diagram identified in page display method of the present invention, based on above-mentioned skill
Art scheme, browsing method of the invention also match unification auxiliary and increase the method for strengthening display effect；
Wherein, dynamic by default gesture in the page conversion step in the page conversion step described in the S202 pages
Make, current page identifies, and identifies to show the information of current page.
The mark can be a pattern identification, include that number of pages sorts to assist display current page, user makes by oneself
The title of the adopted page has the application of which type, the relevant information of classification of application etc.
In the S203 reduction steps, the default gesture motion is discharged, the mark disappears in current page.
The present invention also provides a kind of page display system applied to mobile terminal display interface, page display system
System includes：
Operation module：The default gesture motion for being configured to receive the current page application to mobile terminal display interface refers to
It enables；
The page changes module, is configured to instruct by the default gesture motion, will be in the mobile terminal display interface
Page instruction point transformation be stroke groove, the stroke groove is showing the affiliated number of pages of current page；
Further, in page variation module, the stroke groove is equipped with an at least section, and the quantity of the section is according to described
The quantity mean allocation of current page and the hidden page.
Further, in page variation module, progress bar is equipped in the stroke groove to be shown in corresponding section position
Number of pages described in current page.
Further, in page variation module, the length of progress bar shown in institute is according to the total inversely proportional pass of the page
System.
Recovery module is configured to cancel the default gesture motion instruction, progress bar reduction is independent each page
Face indicates point.
In the page variation module, progress bar is equipped in the stroke groove to show current page in corresponding section position
Number of pages described in face.
Based on above-mentioned technical solution, browsing system of the invention also matches unification auxiliary increase and strengthens setting for display effect
It sets, in the page variation module, is instructed by the default gesture motion, the current page identifies, the mark
To show the information of current page.
Further, in the recovery module, cancel the default gesture motion instruction, the mark disappears to described work as
In the preceding page.
Although the present invention is disclosed as above with preferred embodiment, it is not limited to the present invention.Belonging to the present invention
Those skilled in the art, without departing from the spirit and scope of the present invention, when various change and modification can be made.Cause
This, protection scope of the present invention is subject to the range defined depending on claims.
Claims (12)
1. a kind of page display method applied to mobile terminal display interface, which is characterized in that the page display method packet
It includes：
Operating procedure：Apply a default gesture motion by the current page to mobile terminal display interface；
Page conversion step：By the default gesture motion, the page in the mobile terminal display interface indicates point transformation
For stroke groove, the stroke groove is showing the affiliated number of pages of current page；And
Reduction step：The default gesture motion is discharged, the progress bar reduction is independent each page instruction point.
2. page display method according to claim 1, which is characterized in that in the page conversion step, the row
Journey slot is equipped with an at least section, and the quantity of the section is according to the current page and the quantity mean allocation of the hidden page.
3. page display method according to claim 2, which is characterized in that in the page conversion step, the stroke
Progress bar is equipped in slot to show number of pages described in current page in corresponding section position.
4. page display method according to claim 3, which is characterized in that in the page conversion step, shown progress
The length of item is according to the inversely proportional relationship of page sum.
5. page display method according to claim 1, which is characterized in that in the page conversion step, by described
Default gesture motion, the current page identify, described to identify to show the information of current page.
6. page display method according to claim 5, which is characterized in that in the reduction step, discharge described default
Gesture motion, the mark disappear in the current page.
7. a kind of page display system applied to mobile terminal display interface, which is characterized in that the page display system packet
It includes：
Operation module：It is configured to receive a default gesture motion instruction of the current page application to mobile terminal display interface；
The page changes module, is configured to instruct by the default gesture motion, by the page in the mobile terminal display interface
Face indicates that point transformation is stroke groove, and the stroke groove is showing the affiliated number of pages of current page；And
Recovery module is configured to cancel the default gesture motion instruction, progress bar reduction is independent each page and is referred to
Show a little.
8. page display system according to claim 7, which is characterized in that in the page variation module, the stroke
Slot is equipped with an at least section, and the quantity of the section is according to the current page and the quantity mean allocation of the hidden page.
9. page display system according to claim 8, which is characterized in that in the page variation module, the stroke
Progress bar is equipped in slot to show number of pages described in current page in corresponding section position.
10. page display system according to claim 9, which is characterized in that in page variation module, shown in institute into
The length of item is spent according to the inversely proportional relationship of page sum.
11. page display system according to claim 7, which is characterized in that in the page variation module, by described
Default gesture motion instruction, the current page identifies, described to identify to show the information of current page.
12. page display system according to claim 11, which is characterized in that in the recovery module, cancel described pre-
If gesture motion instructs, the mark disappears in the current page.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710122982.5A CN108536378A (en) | 2017-03-03 | 2017-03-03 | Page display method and system applied to mobile terminal display interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710122982.5A CN108536378A (en) | 2017-03-03 | 2017-03-03 | Page display method and system applied to mobile terminal display interface |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108536378A true CN108536378A (en) | 2018-09-14 |
Family
ID=63488683
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710122982.5A Pending CN108536378A (en) | 2017-03-03 | 2017-03-03 | Page display method and system applied to mobile terminal display interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108536378A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110083407A (en) * | 2019-04-16 | 2019-08-02 | 北京字节跳动网络技术有限公司 | The implementation method of step item, device, electronic equipment and storage medium in small routine |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101821707A (en) * | 2007-09-04 | 2010-09-01 | 苹果公司 | Application menu user interface |
| CN101833416A (en) * | 2010-04-14 | 2010-09-15 | 鸿富锦精密工业（深圳）有限公司 | Electronic reading device and page turning method thereof |
| CN102609166A (en) * | 2011-01-24 | 2012-07-25 | 联想(北京)有限公司 | Display method and terminal |
| CN103092469A (en) * | 2013-01-30 | 2013-05-08 | 东莞宇龙通信科技有限公司 | Terminal and icon moving method |
| CN103530027A (en) * | 2013-09-30 | 2014-01-22 | 宇龙计算机通信科技(深圳)有限公司 | Page switching method and device of mobile terminal |
| CN106471458A (en) * | 2014-08-13 | 2017-03-01 | 谷歌公司 | Intelligent swiping bar in e-book navigation interface |
-
2017
- 2017-03-03 CN CN201710122982.5A patent/CN108536378A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101821707A (en) * | 2007-09-04 | 2010-09-01 | 苹果公司 | Application menu user interface |
| CN101833416A (en) * | 2010-04-14 | 2010-09-15 | 鸿富锦精密工业（深圳）有限公司 | Electronic reading device and page turning method thereof |
| CN102609166A (en) * | 2011-01-24 | 2012-07-25 | 联想(北京)有限公司 | Display method and terminal |
| CN103092469A (en) * | 2013-01-30 | 2013-05-08 | 东莞宇龙通信科技有限公司 | Terminal and icon moving method |
| CN103530027A (en) * | 2013-09-30 | 2014-01-22 | 宇龙计算机通信科技(深圳)有限公司 | Page switching method and device of mobile terminal |
| CN106471458A (en) * | 2014-08-13 | 2017-03-01 | 谷歌公司 | Intelligent swiping bar in e-book navigation interface |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110083407A (en) * | 2019-04-16 | 2019-08-02 | 北京字节跳动网络技术有限公司 | The implementation method of step item, device, electronic equipment and storage medium in small routine |
| CN110083407B (en) * | 2019-04-16 | 2023-08-08 | 北京字节跳动网络技术有限公司 | Method and device for realizing step bar in applet, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107551537A (en) | The control method and device of virtual role, storage medium, electronic equipment in a kind of game | |
| CN105378753B (en) | apparatus, method and computer-readable data medium for handwriting input | |
| CN109933256A (en) | Application programe switch-over method, application program switching device, medium and calculating equipment | |
| CN103218138B (en) | Touch control terminal and application programe switch-over method thereof | |
| CN105353936B (en) | A kind of display methods and electronic equipment | |
| EP2853989A1 (en) | Contactless gesture-based control method and apparatus | |
| CN104216606B (en) | WebView page turning effect methods based on Android operation system | |
| CN107132979A (en) | Exchange method, device and the computer-readable recording medium of accurate selection target in mobile device game | |
| CN106951163A (en) | A kind of display control method and device | |
| CN109062490B (en) | Take down notes delet method, electronic equipment and computer storage medium | |
| CN104423869A (en) | Text erasing method and device | |
| CN101719064A (en) | Tab controller | |
| CN107870720A (en) | View switching method, device and client device for touch-screen | |
| CN109885247A (en) | Touch control display method, device and the smartwatch of smartwatch | |
| CN105892847A (en) | Method and device for carrying out target program by multi-finger slide | |
| CN109782920A (en) | One kind is for extending realistic individual machine exchange method and processing terminal | |
| CN109847369A (en) | The posture switching method and apparatus of virtual role in game | |
| CN110209436A (en) | Application starting method and device | |
| CN108536378A (en) | Page display method and system applied to mobile terminal display interface | |
| CN107037947A (en) | A kind of Intelligent worn device and its control method | |
| CN102109960A (en) | Fast Chinese-character pinyin input method based on touch sensing device as well as system for realizing same | |
| CN104516623B (en) | Based on intelligent terminal can interactive object display control method and intelligent terminal | |
| CN111290820B (en) | Page display method and device, storage medium and electronic device | |
| CN105320431A (en) | Intelligent terminal application fast searching method and system | |
| CN104881222B (en) | Man-machine interaction method and device |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180914 |