(original) iOS Metro implementation, with Windows tile effect (two design ideas)

Source: Internet
Author: User

(original) iOS Metro implementation, with Windows tile effect (two design ideas)

In the previous blog (theiOS Metro implementation, with the Windows tile effect (an animation effect implementation), the animation content is mainly elaborated. This article mainly describes the design of the function.

  All transfer out of the blog park, please indicate the original source: http://www.cnblogs.com/xiaobajiu/p/4106663.html

Consider the main properties of the Metro control's functionality as follows:

1. Provides properties that are currently being animated . When Metro is animating, we can choose not to respond to some of the events.

2. Provides a property that is in the animation event loop before . When Metro stops the animation loop event it will not rotate again. This is also very important when the display Metro interface is no longer the current interface, such as UITableViewCell slide out of the interface will be recycled, for basic performance considerations then should not respond to animation events, this time you can consider stopping the animation event loop. Wait for the Metro control to reappear again to turn on the animated event loop again.

3. Provide a property that looks poorly understood but useful, which is the random delay time range When you start the Metro animation event loop. First look at Metro WP8 or WINDOWS8, you will find that the time consumption for each Metro rotation is the same, but not the same point when you turn. Imagine how the effect of a full-screen Metro would be like a square dance if it was a similar synchronous rotation. If each Metro is like a separate object, the individual rotation will be very aesthetic. This property is also not available in the Metro control because the user can choose to set up the Metro at different times to start the animated event, but it can cause a lot of inconvenience.

4. Provides properties for the time interval of the animation event loop.

5. Provides an extended dwell time attribute for A/b face view. This property is also more useful. Because sometimes it is necessary to display the secondary information quickly, the secondary information surface does not need to occupy the same display time as the main information, so you can use this property to set the duration of the extended stay separately. Setting this property usually also adjusts to the desired effect by setting the properties of the time interval of the animation event loop.

6. Theme color. Observing WP8 and WINDOWS8 is easy to discover the presence of thematic colors. When you set this property, the transparent part of the picture will show the theme color.

The main functional methods are provided as follows:

1. Add a method for the side view. Views up to two sheets.

2. Method of removing a side view at the index. The effect renders immediately.

3. Use the new view to replace the old view at the index, and the effect is immediately rendered.

4. use the new view to replace the old view at the index to perform the action when the view being rendered rotates to the back.

5. How to start the Metro animation event loop.

6. How to stop the Metro animation event loop. Just stop the event loop and not immediately stop the animation that Metro is performing.

7. How to pause Metro animations. Does not stop the Metro animation time loop.

8. ways to restore Metro animations. (after Metro is paused)

9. How to set the length of the rotation animation for A/b polygon.

10. After clicking on Metro ( Touchupinside ) method that triggers the setting of the event. This method will not be triggered until Metro clicks the Tilt animation. Optimize your experience.

11. To add a bind touch event to Metro, you should avoid using the system-provided method: addTarget:action:forControlEvents:.

12. Get the current View index

Simple to use as follows:

Qmetro *metro= [[Qmetroalloc] Initwithframe:cgrectmake (width, width)];[ Metro Addview:imgview1]; [Metro Addview:imgview2]; [Metro Beginmetro]; // start Metro

  

  Please correct your friend if there is any mistake, lest fraught.

(original) iOS Metro implementation, with Windows tile effect (two design ideas)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.