CN106383643A - Method for browsing picture and text at the same time - Google Patents

Method for browsing picture and text at the same time Download PDF

Info

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
Application number
CN201610827361.2A
Other languages
Chinese (zh)
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.)
Shenzhen Witknow Information Technology Co Ltd
Original Assignee
Shenzhen Witknow Information 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 Shenzhen Witknow Information Technology Co Ltd filed Critical Shenzhen Witknow Information Technology Co Ltd
Priority to CN201610827361.2A priority Critical patent/CN106383643A/en
Publication of CN106383643A publication Critical patent/CN106383643A/en
Pending legal-status Critical Current

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/04842Selection of displayed objects or displayed text elements
    • 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/04845Interaction 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
    • 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

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

A kind of browsing pictures simultaneously and the method for text
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.
CN201610827361.2A 2016-09-18 2016-09-18 Method for browsing picture and text at the same time Pending CN106383643A (en)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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

Patent Citations (6)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
Title
网易: "网易新闻客户端v15.0", 《客户端》 *

Cited By (21)

* Cited by examiner, † Cited by third party
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