Windows Store App Morph Effects

Source: Internet
Author: User

In the application development process, in order to let the interface according to the desired effect display, sometimes the interface elements apply deformation effects, such as scaling, rotation, movement, and so on. unlike 3D Effects, the parallel relationship does not change when the interface element implements the Morph effect, except that the position, size, or orientation has changed.

deformation effects are created by the interface element'sRenderTransformproperty provides support for this property, which isTransformtypes of properties, TranslateTransform,RotateTransform,ScaleTransformand so on are inherited fromTransformclass, by assigning them to theRenderTransform, you can translate and rotate the interface elements, as well as zoom and other deformation effects, the following listRenderTransformof the includedTransformThe type member.

q   translatetransform x Span style= "font-family:; mso-ascii-font-family: "times New roman" "> and y

q RotateTransform , enabling the element to rotate and rotate clockwise or counterclockwise from the center point.

q ScaleTransform, enabling the element to produce a scaling change. Ithave atwo important attributesScaleXand theScaleY. ForScaleX, if the value is between0and the1between,would havedecreases the width of the scaled object, if the value is greater than1,will beincreases the width of the scaled object; If the value is1that indicates that the object is notXaxis direction, and if negative,will beflips the scaled object horizontally; if the value is between0and the-1between,Representativeflips the scale object and reduces its width, if the value is less than-1,will beflips the object and increases its width, if the value is-1, the scale object is flipped without changing itswidthsize.

q SkewTransform,to make the elements distort and change,of its four properties,AngleXand theAngleydecision TwistObjectthe inclination,CenterXand theCenterYdetermines the center point of the distortion.

q   transform group ,

q MatrixTransform , enabling elements to achieve more complex deformations through matrix algorithms.

Deformation elements include translational, scaled, rotational, distorted, combined, and matrix deformed, which are often used to deform an element without altering its own composition. The following are some of the deformation effects described above.

Windows Store App morph effects

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.