The Drawing class is a canvas that allows you to create drawings containing lines or polygon shapes.

You can use polygons to draw a triangle, rectangle, diamond, hexagon or any random shape.

To use this component, install the Zebble.Drawing nuget package. 
It's open source and available on GitHub. Also we welcome any contributions to enhace it.

Sample:

<Drawing Id="MyDrawing">
     <Drawing.Line Start="100, 100" End="200, 200" Color="#000000" />
     <Drawing.Line ... /><Drawing.Polygon Id="MySquare" LineColor="#ff0000" LineThickness="3" FillColor="#ffffff">
            <Point X="0" Y="0" />
            <Point X="100" Y="0" />
            <Point X="100" Y="100" />
            <Point X="0" Y="100" />
     </Drawing.Polygon>
</Drawing>

If not specified, by default:

• FillColor will be transparent
• LineColor will be black
• LineThickness will be 1

Creating by code:

Of course you can create a drawing with code, like any other Zebble object. For example:

var myDrawing = new Drawing();
myDrawing.Add(new Line(new Point(0, 0), new Point(100, 0)));
....

Events:

• on-Flashed: Raised when the object is flashed.
• on-Initialized: Raised when the object is created and rendered.
• on-Initializing: Raised when the object is being created and rendered.
• on-LineAdded: Raised when a line is drawn on the object.
• on-LongPressed: Raised when user clicked on the object for a long time.
• on-PanFinished: Raised when user panned on the object.
• on-Panning: Raised when user starts to pan on the object.
• on-PolygonAdded: Raised when a polygon is drawn on the object.
• on-PreRendered: Raised when the object is not started to rendered before rendering.
• on-Swiped: Raised when user swiped on the object.
• on-Tapped: Raised when user tapped on the object.