Expand Minimize

UIElement.Projection property

Applies to Windows and Windows Phone

Gets or sets the perspective projection (3-D effect) to apply when rendering this element.

Syntax


public Projection Projection { get; set; }


<uiElement>
  <uiElement.Projection>
    singleProjection
  </uiElement.Projection>
</uiElement>

XAML Values

singleProjection

A single object element that defines a specific projection. Typically this is a Matrix3DProjection or PlaneProjection.

Property value

Type: Projection

A 3-D projection effect applied to the element.

Remarks

Projection and RenderTransform with a SkewTransform can achieve similar results, a Projection is probably more versatile, especially if you want a sense of perspective change applied to the element.

Projection is the base class type that this property uses, but Projection does not implement a practical behavior. Use either Matrix3DProjection or PlaneProjection.

Examples

This example shows how to apply a basic PlaneProjection in the initial page XAML.


<StackPanel Margin="35" Background="Gray">
    <StackPanel.Projection>
        <PlaneProjection RotationX="-35" RotationY="-35" RotationZ="15"  />
    </StackPanel.Projection>
    <TextBlock Margin="10">Type Something Below</TextBlock>
    <TextBox Margin="10"></TextBox>
    <Button Margin="10" Content="Click" Width="100" />
</StackPanel>


Requirements

Minimum supported client

Windows 8

Minimum supported server

Windows Server 2012

Minimum supported phone

Windows Phone 8.1 [Windows Runtime apps only]

Namespace

Windows.UI.Xaml
Windows::UI::Xaml [C++]

Metadata

Windows.winmd

See also

UIElement
Matrix3DProjection
Matrix3D
3-D effects for Windows Store apps using XAML
XAML two-dimensional transforms sample

 

 

Show:
© 2014 Microsoft. All rights reserved.