Canvas

Defines an area within which you can explicitly position child objects, using coordinates that are relative to the Canvas area.

Properties

PropertyTypeDescription
BackgroundColorThe background color of the control.
ChildrenArrayThe collection of child elements within the panel.
HeightFloatThe suggested height of the control in dp pixels.
HorizontalAlignmentEnumThe horizontal alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid.
MarginThicknessThe outer margin that is applied to the control when it is composed in a parent layout panel, such as a Grid.
RotationIntegerThe rotation about the Z-axis in degrees.
VerticalAlignmentEnumThe vertical alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid.
WidthFloatThe suggested width of the control in dp pixels.
IsEnabledBooleanA value that indicates whether the user can interact with the control.
IsHitTestVisibleBooleanA value that indicates whether the contained area of the control can return true values for hit testing.
IsVisibleBooleanA value that indicates whether the control should be visible.
OpacityFloatA value between 0 and 1.0 that declares the opacity factor, with 1.0 meaning full opacity and 0 meaning transparent.

Attached Properties

Every child element within the Canvas will have a set of attached properties connected to them.

PropertyTypeDescription
Canvas.LeftFloatThe distance between the left side of an object and the left side of its parent Canvas.
Canvas.TopFloatThe distance between the top of an element and the top of its parent Canvas.

Events

EventDescription
LoadedOccurs when the element is laid out, rendered, and ready for interaction.
UnloadedOccurs when the element is no longer rendered on the screen.