You can change the appearance of the canvas in two ways: (1) by painting on it, or (2) by placing and moving objects within it. Most phone screens have a width close to 300, but for the sample canvas shown here, the Width is 20, so the top-right corner is the coordinate (x=19,y=0). The top-right corner has an x coordinate equal to the width of the canvas minus 1. The cell to the immediate right of the top-left corner is (x=1,y=0). (This is different than the index you use in App Inventor for lists, which starts at the seemingly more normal value of 1.) As you move right, the x coordinate gets larger as you move down, the y coordinate gets larger.

It might seem a bit counterintuitive, but the top-left cell in a Canvas starts with 0 for both coordinates, so this position is represented as (x=0,y=0). Y defines a location on the vertical plane (up and down).įigure 17-2. In this coordinate system, x defines a location on the horizontal plane (left to right), and Location (or table cell) on the canvas, which is defined by an x–y coordinate system, as illustrated in Figureġ7-2. Possible dot of color that can appear on the phone (or other device). You can do the same for the Height, but generally you'll set it to some number (e.g., 300 pixels) to leave room for other components above and below the Canvas.Ī drawing on a canvas is really a table of pixels, where a pixel is the tiniest To do this, choose 'Fill parent' when specifying the Width, as shown in Figure 17-1. You can drag a Canvas component into your app from the Basic palette.

Autodesk inventor tutorial animation