CN101893980A - Display method for multi-image viewing interface with sliding animation effect - Google Patents
Display method for multi-image viewing interface with sliding animation effect Download PDFInfo
- Publication number
- CN101893980A CN101893980A CN200910051588.2A CN200910051588A CN101893980A CN 101893980 A CN101893980 A CN 101893980A CN 200910051588 A CN200910051588 A CN 200910051588A CN 101893980 A CN101893980 A CN 101893980A
- Authority
- CN
- China
- Prior art keywords
- image
- interface
- information
- animation effect
- viewing interface
- 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
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
The invention discloses a display method for a multi-image viewing interface with a sliding animation effect. In the method, a plurality of images in the image viewing interface can be displayed, wherein one image is displayed in the centre of the interface at a high brightness, and other images are scaled down in equal proportion, distributed on the two sides according to set coordinate parameters and displayed in a semitransparent way. When the interface is operated through a left-and-right direction key or an up-and-down direction key, all images can move smoothly according to a track calculated by the system to achieve a good animation visual effect; and the method supports the switching between horizontal display and vertical display. The method can be conveniently applied to all occasions in demand, such as a picture browsing interface, a main menu interface and the like.
Description
Technical field
The present invention relates to areas of information technology, be specifically related to a kind of display packing of the multi-image viewing interface with sliding animation effect.
Background technology
In traditional cell phone software, image viewing interface is stereotyped, or common list interface, or straight and narrow matrix interface, these two kinds of methods all are to arrive a certain zone of screen by the image refreshing that image decoder directly comes out decoding basically, because regional smaller that thumbnail shows left at tabulation and matrix interface for, such as 50*36, meeting cause not fogging clear to the user, control the sensation of comparison dullness.
The present invention works out a kind of display packing, can show bigger thumbnail, be shown generically 160*120 or 120*160 resolution, and guide the user to pay close attention to the image that the interface hits exactly highlighted demonstration, other images show in translucent mode, show that these images are next or a last figure, when moving switching up and down, this method is calculated the motion track of each image, and corresponding the amplification dwindles mobile image, form the slip animation, reach good visual hierarchy effect.
This method not only can be applied to image viewing interface, and can use to other easily and use, such as interface of main menu of mobile telephone or the like
Summary of the invention
The purpose of this invention is to provide a kind of method and improve and avoid top situation to occur, this method can show the thumbnail of big resolution, and reaches good visual hierarchy effect in demonstration and the mobile image process.
A kind of display packing of the multi-image viewing interface with sliding animation effect, this method comprises a set of configuration parameters, Man Machine Interface, the image fetch interface, image is arranged hierarchical algorithm, image zoom algorithm.
A described set of configuration parameters comprises the screen rotation number of degrees, target display image size, the positional information that each image shows, the positional information that other annotation information show, the data message that produces in the track process, the mapping relations information of image and storage space, the composition information that image shows, wherein some is that program or caller are predefined, and some is that generation is calculated by system in operational process.
Show in the described interface that what images are built-in by program.
Described Man Machine Interface comprises the processing of cell phone keyboard incident, the processing of touchscreen events, and these incidents mainly have influence on image layout information, the mapping relations information of track data information and image and storage space.
Described image fetch interface processing image that each is to be shown before showing reads in internal memory, creates composition information simultaneously, the map information of image and internal memory.
Described image is arranged the numbering that the layering display algorithm is meant the computed image display position, and number information is noted.
Described image zoom algorithm application is when mobile image, and is big or small to specifying by the track data zoomed image that calculates.
Description of drawings
Fig. 1 is image of the present invention and storage space mapping relations figure;
Fig. 2 is an image layout hierarchy chart of the present invention;
Fig. 3 is a vertical direction image composing hierarchy chart of the present invention;
Fig. 4 is a horizontal direction image composing hierarchy chart of the present invention.
Embodiment
Below in conjunction with accompanying drawing the present invention is further described.
The procedure for displaying at this interface is the parameter that at first receives the user or preset, according to these parameter application memory headrooms, the image that will show reads in the corresponding internal memory then, as shown in Figure 1, generate the image layout hierarchical information simultaneously, as shown in Figure 2, the coordinate size information according to this composition information and each image is shown on the screen at last, meeting application image convergent-divergent algorithm is big or small adaptive by what provide with image when showing.
When the interface receives moving event from keyboard and touch-screen, this method is at first calculated track data according to the coordinate and the size of each image, track data comprises the coordinate and the size of every every frame animation of image, and preserve, application image convergent-divergent algorithm is shown on the screen then, forms the slip animation, and highlighted image becomes translucent effect gradually, translucent image becomes highlighted image gradually, forms good visual effect.
The composing algorithm comes middle image topmost, below other come successively, sees it is a kind of hierarchical structure from the side, and being presented on the interface is to overlook the result, the highlighted demonstration of a figure topmost, and the translucent demonstration of other figure is shown in Fig. 3,4.Technical need are realized getting final product with array.The composing algorithm is fixed, but the position of every figure and big or small by the parameter decision, and parameter is so this method can well be applied to and go in other interfaces, to have good transplantability to user configured.
Claims (7)
1. display packing with the multi-image viewing interface of sliding animation effect, it is characterized in that: described this method comprises a set of configuration parameters, Man Machine Interface, image fetch interface, image are arranged hierarchical algorithm, image zoom algorithm.
2. the display packing of a kind of multi-image viewing interface with sliding animation effect according to claim 1, it is characterized in that: a described set of configuration parameters comprises the screen rotation number of degrees, target display image size, the positional information that each image shows, the positional information that other annotation information show, the data message that produces in the track process, the mapping relations information of image and storage space, the composition information that image shows, wherein some is that program or caller are predefined, and some is that generation is calculated by system in operational process.
3. the display packing of a kind of multi-image viewing interface with sliding animation effect according to claim 2 is characterized in that: show in the described interface that what images are built-in by program.
4. the display packing of a kind of multi-image viewing interface with sliding animation effect according to claim 1, it is characterized in that: described Man Machine Interface comprises the processing of cell phone keyboard incident, the processing of touchscreen events, these incidents mainly have influence on image layout information, the mapping relations information of track data information and image and storage space.
5. the display packing of a kind of multi-image viewing interface with sliding animation effect according to claim 1, it is characterized in that: described image fetch interface processing image that each is to be shown before showing reads in internal memory, create composition information simultaneously, the map information of image and internal memory.
6. the display packing of a kind of multi-image viewing interface with sliding animation effect according to claim 1 is characterized in that: described image is arranged the numbering that the layering display algorithm is meant the computed image display position, and number information is noted.
7. the display packing of a kind of multi-image viewing interface with sliding animation effect according to claim 1 is characterized in that: described image zoom algorithm application when mobile image, by the track data zoomed image that calculates to specifying size.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN200910051588.2A CN101893980B (en) | 2009-05-20 | 2009-05-20 | Display method for multi-image viewing interface with sliding animation effect |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN200910051588.2A CN101893980B (en) | 2009-05-20 | 2009-05-20 | Display method for multi-image viewing interface with sliding animation effect |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN101893980A true CN101893980A (en) | 2010-11-24 |
| CN101893980B CN101893980B (en) | 2012-04-25 |
Family
ID=43103188
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN200910051588.2A Active CN101893980B (en) | 2009-05-20 | 2009-05-20 | Display method for multi-image viewing interface with sliding animation effect |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101893980B (en) |
Cited By (20)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102479065A (en) * | 2010-11-26 | 2012-05-30 | Tcl集团股份有限公司 | Rotary display and display method thereof |
| CN102568024A (en) * | 2011-12-28 | 2012-07-11 | 深圳市万兴软件有限公司 | Picture animation displaying method and device |
| CN102890687A (en) * | 2011-07-21 | 2013-01-23 | 腾讯科技（北京）有限公司 | Method, system and device for browsing webpage diagrams |
| CN102999332A (en) * | 2011-11-14 | 2013-03-27 | 微软公司 | Animation for display assembly generated by computer and of user interface and content item |
| CN103165105A (en) * | 2011-12-15 | 2013-06-19 | 希姆通信息技术（上海）有限公司 | Mobile communication terminal and graphic display method |
| CN103176788A (en) * | 2011-12-26 | 2013-06-26 | 中国移动通信集团福建有限公司 | Method and device used for smooth transition of animation content of mobile phone desktop |
| CN103279287A (en) * | 2013-06-06 | 2013-09-04 | 中国电子科技集团公司第四十一研究所 | Mode switching system on intelligent measuring instrument and display method implemented by mode switching system |
| CN103428236A (en) * | 2012-05-16 | 2013-12-04 | 腾讯科技（北京）有限公司 | Information pushing method and system |
| CN103544688A (en) * | 2012-07-11 | 2014-01-29 | 株式会社东芝 | Medical image blending device and method |
| CN103645828A (en) * | 2013-12-05 | 2014-03-19 | 杭州云清科技有限公司 | Main interface menu display method with sliding animation effect |
| CN103913137A (en) * | 2013-01-08 | 2014-07-09 | 株式会社三丰 | Coordinate measuring device and method for controlling the same |
| CN104035820A (en) * | 2013-03-08 | 2014-09-10 | 腾讯科技（深圳）有限公司 | Display terminal data loading method and device |
| CN104156165A (en) * | 2014-06-16 | 2014-11-19 | 乐视致新电子科技（天津）有限公司 | Method and device for adjusting playing pace of video |
| CN104503685A (en) * | 2014-12-16 | 2015-04-08 | 新余兴邦信息产业有限公司 | Method and device for previewing pictures of photo albums and web pages |
| CN104754393A (en) * | 2013-12-26 | 2015-07-01 | 索尼公司 | Information processing apparatus, information processing method, and program |
| CN103176788B (en) * | 2011-12-26 | 2016-12-14 | 中国移动通信集团福建有限公司 | The method and apparatus that a kind of mobile phone desktop animated content seamlessly transits |
| CN106372721A (en) * | 2016-08-29 | 2017-02-01 | 中国传媒大学 | Large-scale nerve network 3D visualization method |
| CN107315520A (en) * | 2017-06-13 | 2017-11-03 | 咪咕数字传媒有限公司 | A kind of electronic equipment and its information processing method, device and storage medium |
| WO2017215542A1 (en) * | 2016-06-17 | 2017-12-21 | 中兴通讯股份有限公司 | Method and device for displaying image |
| US10157593B2 (en) | 2014-02-24 | 2018-12-18 | Microsoft Technology Licensing, Llc | Cross-platform rendering engine |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1979399A (en) * | 2005-12-09 | 2007-06-13 | 英业达股份有限公司 | Display processing system and method |
-
2009
- 2009-05-20 CN CN200910051588.2A patent/CN101893980B/en active Active
Cited By (32)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102479065A (en) * | 2010-11-26 | 2012-05-30 | Tcl集团股份有限公司 | Rotary display and display method thereof |
| CN102479065B (en) * | 2010-11-26 | 2014-05-07 | Tcl集团股份有限公司 | Rotary display and display method thereof |
| CN102890687A (en) * | 2011-07-21 | 2013-01-23 | 腾讯科技（北京）有限公司 | Method, system and device for browsing webpage diagrams |
| CN102890687B (en) * | 2011-07-21 | 2016-04-20 | 腾讯科技（北京）有限公司 | A kind of mthods, systems and devices browsing webpage picture group |
| US9196075B2 (en) | 2011-11-14 | 2015-11-24 | Microsoft Technology Licensing, Llc | Animation of computer-generated display components of user interfaces and content items |
| CN102999332A (en) * | 2011-11-14 | 2013-03-27 | 微软公司 | Animation for display assembly generated by computer and of user interface and content item |
| CN103165105A (en) * | 2011-12-15 | 2013-06-19 | 希姆通信息技术（上海）有限公司 | Mobile communication terminal and graphic display method |
| CN103176788A (en) * | 2011-12-26 | 2013-06-26 | 中国移动通信集团福建有限公司 | Method and device used for smooth transition of animation content of mobile phone desktop |
| CN103176788B (en) * | 2011-12-26 | 2016-12-14 | 中国移动通信集团福建有限公司 | The method and apparatus that a kind of mobile phone desktop animated content seamlessly transits |
| CN102568024A (en) * | 2011-12-28 | 2012-07-11 | 深圳市万兴软件有限公司 | Picture animation displaying method and device |
| CN103428236B (en) * | 2012-05-16 | 2019-03-15 | 腾讯科技（北京）有限公司 | A kind of information-pushing method and system |
| CN103428236A (en) * | 2012-05-16 | 2013-12-04 | 腾讯科技（北京）有限公司 | Information pushing method and system |
| CN103544688A (en) * | 2012-07-11 | 2014-01-29 | 株式会社东芝 | Medical image blending device and method |
| US9788725B2 (en) | 2012-07-11 | 2017-10-17 | Toshiba Medical Systems Corporation | Medical image display apparatus and method |
| CN103544688B (en) * | 2012-07-11 | 2018-06-29 | 东芝医疗系统株式会社 | Medical imaging fusing device and method |
| CN103913137A (en) * | 2013-01-08 | 2014-07-09 | 株式会社三丰 | Coordinate measuring device and method for controlling the same |
| CN103913137B (en) * | 2013-01-08 | 2018-03-13 | 株式会社三丰 | Coordinate measuring set and its control method |
| CN104035820B (en) * | 2013-03-08 | 2018-06-22 | 腾讯科技（深圳）有限公司 | The data load method and device of display terminal |
| CN104035820A (en) * | 2013-03-08 | 2014-09-10 | 腾讯科技（深圳）有限公司 | Display terminal data loading method and device |
| CN103279287B (en) * | 2013-06-06 | 2016-12-28 | 中国电子科技集团公司第四十一研究所 | Mode switching system on a kind of intellectual measuring instrument and display packing thereof |
| CN103279287A (en) * | 2013-06-06 | 2013-09-04 | 中国电子科技集团公司第四十一研究所 | Mode switching system on intelligent measuring instrument and display method implemented by mode switching system |
| CN103645828A (en) * | 2013-12-05 | 2014-03-19 | 杭州云清科技有限公司 | Main interface menu display method with sliding animation effect |
| US11126343B2 (en) | 2013-12-26 | 2021-09-21 | Saturn Licensing Llc | Information processing apparatus, information processing method, and program |
| CN104754393B (en) * | 2013-12-26 | 2020-06-09 | 索尼公司 | Information processing apparatus, information processing method, and program |
| CN104754393A (en) * | 2013-12-26 | 2015-07-01 | 索尼公司 | Information processing apparatus, information processing method, and program |
| US10157593B2 (en) | 2014-02-24 | 2018-12-18 | Microsoft Technology Licensing, Llc | Cross-platform rendering engine |
| CN104156165A (en) * | 2014-06-16 | 2014-11-19 | 乐视致新电子科技（天津）有限公司 | Method and device for adjusting playing pace of video |
| CN104503685A (en) * | 2014-12-16 | 2015-04-08 | 新余兴邦信息产业有限公司 | Method and device for previewing pictures of photo albums and web pages |
| WO2017215542A1 (en) * | 2016-06-17 | 2017-12-21 | 中兴通讯股份有限公司 | Method and device for displaying image |
| CN106372721B (en) * | 2016-08-29 | 2018-08-21 | 中国传媒大学 | The 3D method for visualizing of Large Scale Neural Networks |
| CN106372721A (en) * | 2016-08-29 | 2017-02-01 | 中国传媒大学 | Large-scale nerve network 3D visualization method |
| CN107315520A (en) * | 2017-06-13 | 2017-11-03 | 咪咕数字传媒有限公司 | A kind of electronic equipment and its information processing method, device and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN101893980B (en) | 2012-04-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101893980B (en) | Display method for multi-image viewing interface with sliding animation effect | |
| KR101305781B1 (en) | Display control device, recording medium whereupon display program is recorded, and display control method | |
| US9026938B2 (en) | Dynamic detail-in-context user interface for application access and content access on electronic displays | |
| US20170220220A1 (en) | Advertisement generation apparatus and terminal device | |
| CN112533021B (en) | Display method and display equipment | |
| JP2017187758A (en) | Multi-screen image display | |
| JP2011520209A5 (en) | ||
| CN106484242A (en) | The method for information display at interface and device | |
| US20100033498A1 (en) | Electronic apparatus having display device | |
| CN104038807A (en) | Layer mixing method and device based on open graphics library (OpenGL) | |
| AU2013222958A1 (en) | Method and apparatus for object size adjustment on a screen | |
| US11003340B2 (en) | Display device | |
| JP2009516205A5 (en) | ||
| CN107870703B (en) | Method, system and terminal equipment for full-screen display of picture | |
| US8872813B2 (en) | Parallax image authoring and viewing in digital media | |
| CN101419532B (en) | Method for changing information content dimension in mobile terminal and the mobile terminal | |
| US11039196B2 (en) | Method and device for displaying a screen shot | |
| CN109416613A (en) | Obtain user's input | |
| CN102201002A (en) | Method and device for displaying reading content | |
| CN102147923B (en) | Method for displaying animated image in masking way | |
| CN107861711B (en) | Page adaptation method and device | |
| JP4870581B2 (en) | Parts catalog creation system, computer-executable program, and computer-readable recording medium | |
| US9674501B2 (en) | Terminal for increasing visual comfort sensation of 3D object and control method thereof | |
| CN102917272A (en) | Method for cross nested display of application program | |
| CN102999244A (en) | Realization method, realization system and manufacturing method for exhibition of electronic house type |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| C56 | Change in the name or address of the patentee |
Owner name: SHANGHAI LONGCHEER TECHNOLOGY CO., LTD. Free format text: FORMER NAME: LONGCHEER TECHNOLOGY (SHANGHAI) CO., LTD. |
|
| CP03 | Change of name, title or address |
Address after: 200233, No. 401, building 1, building No. 1, Caobao Road, Shanghai, Xuhui District Patentee after: SHANGHAI LONGCHEER TECHNOLOGY CO., LTD. Address before: 200233 No. 401, Xuhui District, Shanghai, Caobao Road Patentee before: Longcheer Technology (Shanghai) Co., Ltd. |