CN106383643A - Method for browsing picture and text at the same time - Google Patents
Method for browsing picture and text at the same time Download PDFInfo
- Publication number
- CN106383643A CN106383643A CN201610827361.2A CN201610827361A CN106383643A CN 106383643 A CN106383643 A CN 106383643A CN 201610827361 A CN201610827361 A CN 201610827361A CN 106383643 A CN106383643 A CN 106383643A
- Authority
- CN
- China
- Prior art keywords
- text
- picture
- browsing
- browsing area
- area
- 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
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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- 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
Abstract
The invention discloses a method for browsing a picture and a text at the same time. The method involves a picture browsing region, a title bar and a text browsing region; when the title bar is dragged upwards, the text browsing region can be increased in height and covers the picture browsing region; when the title bar is dragged downwards, the picture browsing region can be increased in height and covers the text browsing region; a text in the text browsing region can be displayed in a longitudinal scrolling manner or can automatically scroll along with picture switching; a picture in the picture browsing region can be switched in a manner of sliding leftwards and rightwards, is switched along with text scrolling or is automatically played in a slide mode; link tab bars of a previous article, a next article and related image-texts are arranged below the end of the text; and corresponding pages are opened when the link tab bars are clicked. The method for browsing the picture and the text at the same time has the advantages that a display interval of the picture and the text can be flexibly changed, the text and the picture are displayed in a linkage way, the picture is automatically played, the touch operation is facilitated, and the like.
Description
Technical field
The present invention relates to a kind of method of browsing pictures simultaneously and text, belong to software system display field, special according to it
Put us to be named as " picture and text aobvious method ", the display of this input mode picture and text be applied to various software systems, special
It is not suitable for the touch panel devices such as mobile phone.
Background technology
There is a display mode of various pictures and word, common picture and text segmentation streaming layout in current software system
Show, picture embedded text formula layout shows, word floats on FLOW VISUALIZATION above picture, picture floats on word above word
Display packing rolling etc., but can not neatly change browsing pictures and browse the screen interval size of text or browsing text
When automatically switch corresponding picture or switching picture when automatically roll word, also inconvenient touch screen operation.
Content of the invention
In order to solve existing picture and text display interval flexibly change size, picture and text association and interaction, be inconvenient to touch behaviour
The shortcomings of make, the invention provides a kind of can flexibly change automatic when the interval size of picture and text importing, rolling text
Automatically word the method facilitating browsing pictures and text while touch operation is rolled when switching picture, switching picture.
The technical measures implemented above-mentioned purpose of the present invention and adopt are as described below:
A kind of browsing pictures simultaneously and the method for text, including picture browsing area, title bar and text browsing area;Described picture
Browsing area is located above title bar, and text browsing area is located at the lower section of title bar, drags title bar upwards and can elongate text browsing
The height in area simultaneously covers picture browsing area, and drag down title bar then shortens the height in text browsing area and shows picture browsing
Area.
Further, sliding up and down or rolled with mouse roller in text browsing area finger can the upper and lower text of roll display
Content, but the position of title bar does not roll therewith.
Further, horizontally slip in picture browsing area finger or roll the related figure of changeable display with mouse roller
Piece.
Further, sliding up and down or rolled with mouse roller in text browsing area finger can the upper and lower text of roll display
While content, switching in picture browsing area shows picture corresponding with content of text.
Further, picture browsing area finger horizontally slip or with mouse roller roll changeable display picture concerned
While, text browsing area shows the corresponding word of picture.
Further, automatically press magic lantern in picture browsing area and play related picture, temporary when clicking in picture browsing area
Continue when breaking and put, then clicking on to play, accelerate during upward sliding to play, during slide downward, slow down broadcasting, positive sequence when sliding to the left
Play, when sliding to the right, backward is play.
Further, the top in described picture browsing area is provided with function bar, is provided with return key, comment key in function bar,
The function bar central authorities display information such as the source of picture and text or publication channel or author instantly.
Further, the lower section at text ending in described text browsing area is provided with the link label of picture and text
Hurdle, the link label hurdle of next picture and text, the link label hurdle of related picture and text, in tab bar, the title of display link, clicked
When will open or be switched to the corresponding page.
Knowable to These characteristics, the present invention program is compared with existing technical scheme and has the following advantages:
1st, the size that picture display is interval and text display is interval can easily be changed by dragging title bar, suitable user's
Focus converts between picture and text and text;
2nd, switching picture and rolling text achieve linkage, facilitate picture and text comparatively to go to read;
3rd, picture can be play it is possible to adjusting broadcasting speed, direction and suspending broadcasting magic lantern type automatically;
4th, the menu of function bar can provide the function such as return and comment;
5th, the end of content of text provides one, the label of next and peer link, quickly can be gone to by clicking on;
6th, facilitate touch screen operation, and support mouse event simultaneously.
Known as described above, compared with the prior art the method for a kind of browsing pictures simultaneously of the present invention and text, has
Both can neatly change the size that picture browsing is interval and text browsing is interval, can achieve again picture and text linkage display,
Automatically the advantages of play, and facilitate touch operation.
Brief description
Fig. 1 is the schematic diagram of one embodiment of the invention;
Schematic diagram when Fig. 2 is sliding on Fig. 1 embodiment title bar;
Fig. 3 is the schematic diagram of another embodiment with function bar of the present invention;
Fig. 4 moves schematic diagram during bottom to for Fig. 3 embodiment content of text.
Specific embodiment
Presently in connection with preferred embodiment shown in the drawings, the principle of the present invention is further described.
From Fig. 1 and Fig. 2, the present invention is mainly made up of picture browsing area 1, title bar 2 and text browsing area 3, described
Picture browsing area 1 be located at title bar 2 above, text browsing area be located at title bar 2 lower section, upwards drag title bar 2 can draw
The height of long text browsing area 3 simultaneously covers picture browsing area 1, and drag down title bar 2 then shortens the height in text browsing area 3 simultaneously
Display picture browsing area 1.
From Fig. 1 and Fig. 3, being slided up and down with finger or rolled with mouse roller in text browsing area 3 can roll display
Content of text up and down, but the position of title bar 2 does not roll therewith.
From Fig. 1 and Fig. 3, horizontally slipped with finger in picture browsing area 1 or roll changeable display with mouse roller
Picture concerned.
From Fig. 1 and Fig. 3, being slided up and down with finger or rolled with mouse roller in text browsing area 3 can roll display
Up and down while content of text, switching in picture browsing area 1 shows picture corresponding with content of text.
From Fig. 1 and Fig. 3, horizontally slipped with finger in picture browsing area 1 or roll changeable display with mouse roller
While picture concerned, text browsing area 1 shows the corresponding word of picture.
From Fig. 1 and Fig. 3, automatically press magic lantern in picture browsing area 1 and play related picture, in picture browsing area 1
Suspend during click and play, then continue when clicking on to play, accelerate during upward sliding to play, slow down broadcasting during slide downward, slide to the left
When dynamic, positive sequence is play, and when sliding to the right, backward is play.
From Fig. 3 and Fig. 4, the top in described picture browsing area 1 is provided with function bar 4, is provided with return key in function bar
41st, key 42, function bar 4 central authorities' display information such as the source of picture and text or publication channel or author instantly are commented on.
As shown in Figure 4, the lower section at text ending in described text browsing area 3 is provided with the link mark of picture and text
Sign hurdle 31, the link label hurdle 32 of next picture and text, the link label hurdle 33 of related picture and text, the mark of display link in tab bar
Topic, will open when clicked or be switched to the corresponding page.
Compared with the prior art, have can simply again spirit for the method for a kind of browsing pictures simultaneously of the present invention and text
Pass through to drag alively title bar change picture and word display is interval, text and picture linkage shows, picture can be broadcast automatically
The advantages of put, conveniently jump to the page of or next or peer link, facilitate touch operation.
The present invention only illustrates some preferred embodiments in this manual, is not that it is limited.This professional and technical personnel
Various changes can be made in appearance according to present inventive concept and spirit or change, for example, add and share, collect
Function button, adds picture display animation etc..Therefore these must belong to protection scope of the present invention.
Claims (8)
1. a kind of method of browsing pictures simultaneously and text, wherein browser interface includes picture browsing area(1), title bar(2)With
Text browsing area(3)It is characterised in that:Picture browsing area(1)Positioned at title bar(2)Top, text browsing area is located at title bar
(2)Lower section, upwards drag title bar(2) text browsing area can be elongated(3)Height and cover picture browsing area(1), downwards
Drag title bar(2)Then shorten text browsing area(3) height simultaneously shows picture browsing area(1).
2. browsing pictures simultaneously according to claim 1 and text method it is characterised in that:In text browsing area(3)
Being slided up and down with finger or rolled with mouse roller can the upper and lower content of text of roll display.
3. browsing pictures simultaneously according to claim 1 and text method it is characterised in that:In picture browsing area(1)
Horizontally slipped with finger or roll changeable display picture concerned with mouse roller.
4. browsing pictures simultaneously according to claim 1 and 2 and text method it is characterised in that:In text browsing area
(3)Slided up and down with finger or with mouse roller roll can roll display upper and lower content of text while, picture browsing area(1)Interior
Switching shows picture corresponding with content of text.
5. while according to claim 1 or 3 browsing pictures and text method it is characterised in that:In picture browsing area
(1)While being horizontally slipped with finger or roll changeable display picture concerned with mouse roller, text browsing area(3)Display
The corresponding word of picture.
6. browsing pictures simultaneously according to claim 1 and text method it is characterised in that:Picture browsing area(1)Interior
Automatically press magic lantern and play related picture, in picture browsing area(1) suspend when clicking in and play, then continue when clicking on to play, to
Accelerate during upper slip to play, slow down broadcasting during slide downward, when sliding to the left, positive sequence is play, during slip, backward is play to the right.
7. browsing pictures simultaneously according to claim 1 and text method it is characterised in that:Described picture browsing area
(1)Top be provided with function bar(4), in function bar, it is provided with return key(41), comment key(42), function bar central authorities display work as figure below
The source of literary composition or the information such as publication channel or author.
8. browsing pictures simultaneously according to claim 1 and text method it is characterised in that:Described text browsing area
(1)Lower section at interior text ending is provided with the link label hurdle of picture and text(31), the link label hurdle of next picture and text
(32), the link label hurdle of related picture and text(33), the title of display link in tab bar, it is right to open when clicked or be switched to
The page answered.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610827361.2A CN106383643A (en) | 2016-09-18 | 2016-09-18 | Method for browsing picture and text at the same time |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610827361.2A CN106383643A (en) | 2016-09-18 | 2016-09-18 | Method for browsing picture and text at the same time |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106383643A true CN106383643A (en) | 2017-02-08 |
Family
ID=57935743
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610827361.2A Pending CN106383643A (en) | 2016-09-18 | 2016-09-18 | Method for browsing picture and text at the same time |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106383643A (en) |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107450818A (en) * | 2017-08-18 | 2017-12-08 | 深圳易嘉恩科技有限公司 | Photo Browser based on primary JavaScript and html |
CN109815354A (en) * | 2019-01-25 | 2019-05-28 | 维沃移动通信有限公司 | Picture management method, mobile terminal |
CN110007824A (en) * | 2019-04-03 | 2019-07-12 | 网易(杭州)网络有限公司 | The display control method and device of picture and text mixed-arranging information, equipment and medium |
CN110070593A (en) * | 2019-04-28 | 2019-07-30 | 北京字节跳动网络技术有限公司 | Display methods, device, equipment and the medium of preview picture information |
CN110909275A (en) * | 2018-09-18 | 2020-03-24 | 优视科技有限公司 | Page browsing method and device and electronic equipment |
CN111126334A (en) * | 2019-12-31 | 2020-05-08 | 南京酷朗电子有限公司 | Quick reading and processing method for technical data |
CN111158568A (en) * | 2019-12-25 | 2020-05-15 | 北京明略软件系统有限公司 | Method and device for realizing draggable page element and computer readable storage medium |
CN112650432A (en) * | 2020-12-18 | 2021-04-13 | 掌阅科技股份有限公司 | Display method of object display page, electronic equipment and storage medium |
CN112764599A (en) * | 2019-11-01 | 2021-05-07 | 北京搜狗科技发展有限公司 | Data processing method, device and medium |
CN113238706A (en) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | View display method, device, equipment and medium |
CN114546545A (en) * | 2021-11-09 | 2022-05-27 | 北京达佳互联信息技术有限公司 | Image-text display method, device, terminal and storage medium |
CN115033148A (en) * | 2022-06-13 | 2022-09-09 | 北京字跳网络技术有限公司 | Document display method and device, electronic equipment and storage medium |
CN115080172A (en) * | 2022-07-20 | 2022-09-20 | 灵智信息服务(深圳)有限公司 | Method for browsing image-text data set, computer equipment and storage medium |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2004025420A2 (en) * | 2002-09-13 | 2004-03-25 | Yahoo! Inc. | Improved browser user interface |
CN101543062A (en) * | 2006-12-13 | 2009-09-23 | 夏普株式会社 | Digital television broadcast system and mobile telephone |
CN103116438A (en) * | 2011-11-16 | 2013-05-22 | 三星电子株式会社 | Mobile device for executing multiple applications and method for same |
WO2014019478A1 (en) * | 2012-07-30 | 2014-02-06 | Tencent Technology (Shenzhen) Company Limited | Method and mobile terminal device for image operation |
CN104854550A (en) * | 2012-12-06 | 2015-08-19 | 三星电子株式会社 | Display device and method for controlling the same |
CN105488054A (en) * | 2014-09-17 | 2016-04-13 | 阿里巴巴集团控股有限公司 | Method and device for browsing image |
-
2016
- 2016-09-18 CN CN201610827361.2A patent/CN106383643A/en active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2004025420A2 (en) * | 2002-09-13 | 2004-03-25 | Yahoo! Inc. | Improved browser user interface |
CN101543062A (en) * | 2006-12-13 | 2009-09-23 | 夏普株式会社 | Digital television broadcast system and mobile telephone |
CN103116438A (en) * | 2011-11-16 | 2013-05-22 | 三星电子株式会社 | Mobile device for executing multiple applications and method for same |
WO2014019478A1 (en) * | 2012-07-30 | 2014-02-06 | Tencent Technology (Shenzhen) Company Limited | Method and mobile terminal device for image operation |
CN104854550A (en) * | 2012-12-06 | 2015-08-19 | 三星电子株式会社 | Display device and method for controlling the same |
CN105488054A (en) * | 2014-09-17 | 2016-04-13 | 阿里巴巴集团控股有限公司 | Method and device for browsing image |
Non-Patent Citations (1)
Title |
---|
网易: "网易新闻客户端v15.0", 《客户端》 * |
Cited By (21)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107450818A (en) * | 2017-08-18 | 2017-12-08 | 深圳易嘉恩科技有限公司 | Photo Browser based on primary JavaScript and html |
CN110909275A (en) * | 2018-09-18 | 2020-03-24 | 优视科技有限公司 | Page browsing method and device and electronic equipment |
CN110909275B (en) * | 2018-09-18 | 2023-10-27 | 阿里巴巴(中国)有限公司 | Page browsing method and device and electronic equipment |
CN109815354A (en) * | 2019-01-25 | 2019-05-28 | 维沃移动通信有限公司 | Picture management method, mobile terminal |
CN110007824A (en) * | 2019-04-03 | 2019-07-12 | 网易(杭州)网络有限公司 | The display control method and device of picture and text mixed-arranging information, equipment and medium |
CN110070593B (en) * | 2019-04-28 | 2021-05-25 | 北京字节跳动网络技术有限公司 | Method, device, equipment and medium for displaying picture preview information |
CN110070593A (en) * | 2019-04-28 | 2019-07-30 | 北京字节跳动网络技术有限公司 | Display methods, device, equipment and the medium of preview picture information |
CN112764599B (en) * | 2019-11-01 | 2023-03-10 | 北京搜狗科技发展有限公司 | Data processing method, device and medium |
CN112764599A (en) * | 2019-11-01 | 2021-05-07 | 北京搜狗科技发展有限公司 | Data processing method, device and medium |
CN111158568A (en) * | 2019-12-25 | 2020-05-15 | 北京明略软件系统有限公司 | Method and device for realizing draggable page element and computer readable storage medium |
CN111126334A (en) * | 2019-12-31 | 2020-05-08 | 南京酷朗电子有限公司 | Quick reading and processing method for technical data |
CN111126334B (en) * | 2019-12-31 | 2020-10-16 | 南京酷朗电子有限公司 | Quick reading and processing method for technical data |
CN112650432B (en) * | 2020-12-18 | 2022-09-16 | 掌阅科技股份有限公司 | Display method of object display page, electronic equipment and storage medium |
CN112650432A (en) * | 2020-12-18 | 2021-04-13 | 掌阅科技股份有限公司 | Display method of object display page, electronic equipment and storage medium |
CN113238706A (en) * | 2021-05-10 | 2021-08-10 | 北京字跳网络技术有限公司 | View display method, device, equipment and medium |
WO2022237530A1 (en) * | 2021-05-10 | 2022-11-17 | 北京字跳网络技术有限公司 | View display method and apparatus, device, and medium |
CN114546545A (en) * | 2021-11-09 | 2022-05-27 | 北京达佳互联信息技术有限公司 | Image-text display method, device, terminal and storage medium |
CN114546545B (en) * | 2021-11-09 | 2023-11-21 | 北京达佳互联信息技术有限公司 | Image-text display method, device, terminal and storage medium |
CN115033148A (en) * | 2022-06-13 | 2022-09-09 | 北京字跳网络技术有限公司 | Document display method and device, electronic equipment and storage medium |
CN115033148B (en) * | 2022-06-13 | 2024-04-19 | 北京字跳网络技术有限公司 | Document display method, device, electronic equipment and storage medium |
CN115080172A (en) * | 2022-07-20 | 2022-09-20 | 灵智信息服务(深圳)有限公司 | Method for browsing image-text data set, computer equipment and storage medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106383643A (en) | Method for browsing picture and text at the same time | |
US10782869B2 (en) | Information processing device, information processing method, and information processing program for selectively changing a value or a change speed of the value by a user operation | |
TWI483174B (en) | Method for grouping and managing web pages | |
CN104756484B (en) | Message processing device, playback mode control method and computer readable recording medium storing program for performing | |
CN107003720B (en) | Scripted digital media message generation | |
US20150378589A1 (en) | Utilizing key points in a progress bar to browse through content | |
US20110116769A1 (en) | Interface system for editing video data | |
KR101998941B1 (en) | User interface and method for adjusting a semantic scale of a tile | |
CN102236502A (en) | Pressure touch gesture recognition human-computer interaction way for mobile terminal | |
CN103455279B (en) | A kind of method of mobile Internet terminal display advertisement information | |
KR20140129127A (en) | Navigating among content items in a browser using an array mode | |
JP2011150413A (en) | Information processing apparatus, method and program for inputting operation | |
KR920010413A (en) | Electronic display device | |
JP2007179351A (en) | File management device and image display device | |
CN102142021B (en) | Page browsing directory auxiliary method | |
US20150269126A1 (en) | Portlet display on portable computing devices | |
CN105122200A (en) | Adjustable timeline user interface | |
WO2007023757A1 (en) | Information processor, program, and display control method | |
KR20160017982A (en) | Method and apparatus of controlling display and computer program for executing the method | |
CN102368195A (en) | Method and device for switching main screen of touch screen terminal as well as touch screen terminal | |
CN104063178B (en) | A kind of display of structuring webpage based on touch-screen and switching method | |
CN106155507A (en) | A kind of page content display method and electronic equipment | |
CN108628510A (en) | Content display method, device, electronic equipment and readable storage medium storing program for executing | |
JP5807771B2 (en) | Electronic book display device, processing method thereof, and program | |
CN103002144A (en) | Page-turning operating method in dedicated page-turning area of mobile phone program window through dragging and dropping fingers |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into 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: 20170208 |