Windows Store App Morph Effects

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