Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I am working on a project in developing an android app. I need to let the user draw on a predefined dashed-line image and show the percentage of the resulted drawing compare with the dashed-line image.
For example, a dashed-line “A”, user fully draw overlay on the dashed-line “A”, a completion of 100% will be shown.
You can use alpha masking. I will use your example and explain further.
The general idea is to insert a hidden mask which is basically an image with a predefined area that counts as a correct trace. You define that area using a color, for example the color red.
So now you have an image with a red A. You overlay that image on your dashed line and you make it transparent (alpha channels). When the user draws, all you have to do is check whether touch events are coming in the same position as red pixels of the hidden layer. If they are, that means that the user is tracing the line.
If you do not want to mess around with alpha channels you could be creative and do it in a different way. If I was in your place I would just create a normal image (no alpha channels needed) it could even be in grayscale (which would even be more memory efficient) and draw the different masks on it.
e.g.
I want the user to trace over 2 letters: an A and a B. I open up any basic image editing software. Create a grayscale image that has the exact same size as the area in which touchevents should be detected. Draw a letter A with color value 100 (gray) and then draw a letter B with color value 50 (darker gray). Save the image.
In the application you just load up that image and keep it in memory as a 2d Array. Then you can use the onTouchevent() callback to get the touchevent positions. So, for example if the user touches the screen at postion (120,240) all you have to do is check the value at the image array you loaded earlier on at position [120][240]. If the value at that position is 100 that means the user is tracing over the letter A, if the value is 50 then the user is tracing over the letter B. Other values mean that the user is not tracing correctly.