In PaintPot the DrawingCanvas.Dragged produce a thick fan-like line

[Harryg]

I ma trying to learh App Inventor and have created PaintPot ( I am using the book App Inventor 2 by David Wolber et al) . Instead of a thin line, I get a fan- like result, as if I am using a 5" paint brush. I have pasted an upload link below, hope it works.

Any help would be appreciated

[SteveJG]

Welcome Harry.

Here is one way to get a fan like line on the Canvas.

Create an event for a scratch card

[MChristmasScratch] The example aia shows a simple way to determine/estimate the percent of a Canvas that is 'scratched' using Blocks. It runs on an Android 8.1 tablet. scratchcardPercent.aia (260.6 KB) It approximates percentage of the Canvas that is scratched updated every second based on a proven area estimation technique once commonly used in aerial mapping activities. The Canvas Width is 800 pixels and the Canvas Height is 1132 pixels on the Samsung Tablet using Responsive Sizing. I d…

[Harryg]

Thank you for this response. In actual fact what I am trying to achieve is the opposite – what should be a straight line is showing as a fan. I at the very early stages of learning App Inventor, and have only keyed in the PaintPot example. This works, but draws the ‘fan’ instead of a line.

Attached is a screen shot of the blocks

[C:\Users\harry\OneDrive\Pictures\Screenshot 2022-02-02 100153.jpg](https://C:\Users\harry\OneDrive\Pictures\Screenshot 2022-02-02 100153.jpg)

Many thanks

Harry

[Harryg]

Image that should have been uploaded in previous post

[dora_paz]

See

Canvas DrawLine not Smooth

In order to create a smoother line try the following code [image]

Line width 10 - result

[Harryg]

Thanks for this. It did not quite work - the additional code gave a option for 'line widt/2' and I don't have this '/2' option. The result is a full screen of colour.

What is bizarre is that I have downloaded this example from the website https://appinventor-mit-edu.ezproxy.canberra.edu.au/explore/sites/all/files/ai2tutorials/paintPot1/PaintPot.apk
and it works perfectly. Looking at the blocks, they look exactly as the ones I have set up. Could this be the version I am using or the physical layout of the blocks - is there an order of execution, as I would have to ensure, as when I am coding in php?

Thanks

[dora_paz]

Try this, line width was set in designer view

PaintPot2_1.aia (177.0 KB)

[ABG]

Check in the Designer that Screen1's Attributes Sizing is Responsive, instead of Fixed.

[Harryg]

Many Thanks . I changed this and it is now working the way it should. Much appreciated !