Skip to main content

[Android] How to fill outside of drawing with Paint

Android provides many drawing actions via paint. It has several features which provide great flexibility. I have needed a feature nowadays, such that a user can draw shapes or lines. At the end of the job, a user should be able to change color of outside part of drawing.
Figure 1 : Example output
For this picture, the drawing is obvious, its color is black. Filled place is the whole view that contains the drawing but the shape itself and its inside. The code below will result this functionality when used in onDraw() method:


    @Override
    protected void onDraw(Canvas canvas) {
        if(drawings.isEmpty()) {
            return;
        }
        //ArrayList arc = drawings.get(drawings.size()-1);
        int height = getMeasuredHeight();
        int width = getMeasuredWidth();
        Path backpath = new Path();
        backpath.moveTo(0, 0);
        backpath.lineTo(0, width);
        backpath.lineTo(height, width);
        backpath.lineTo(height, 0);
        backpath.setFillType(Path.FillType.EVEN_ODD);
        for(ArrayList arc : drawings) {
            Iterator iter = arc.iterator();
            Path tempPath = new Path();
            PointF p = iter.next();
            tempPath.moveTo(p.x, p.y);
            while (iter.hasNext()) {
                PointF l = iter.next();
                tempPath.quadTo(p.x, p.y, l.x, l.y);
                p = l;
            }
            tempPath.lineTo(p.x, p.y);
            backpath.addPath(tempPath);
            canvas.drawPath(path, mBackgroundPaint);
            canvas.drawPath(tempPath, paint);
        }
    }
Path.FillType.EVEN_ODD does the work here. I have used two paths. First one is for real drawing, tempPath. Second one is to draw background color, backpath.After drawing bounds, I have added a copy of tempPath into backpath. This code block results Figure 1 above.

Comments

Popular posts from this blog

Integration of MuPDF Project as a Library into an Android Studio Project

I have needed to use MuPDF library in my android project. After some research, I have seen that there are many integration tutorials but, but integrated projects are developed on Eclipse. For projects on AndroidStudio+Gradle, there is no example. I mean there is no specific example which exactly refers to this issue. So, after achieving my goal, I want to share the steps publicly so that it can be reused by others.

A Way To Monetize Your Kivy Game

While I am building my game, I look for a way to monetize it. This will be my first game, so it is also the first to attempt earning money with an App. I am also not familiar to monetization companies. So, I have done a search to find an appropriate ads network which can be easily integrated with kivy . The first and only company who provides a sdk for kivy is RevMob . I integrated RevMob sdk and tested it. Unfortunately, it doesn't have a good performance and FullScreen Ads crashes. Just links will work. Therefore, RevMob option is not really preferable since ads need to be visually effective. You can also integrate android sdk of any ads network by using pyjnius . In this post, I will show how to use Adbuddiz sdk with kivy.

Encoding multi-dimensional value into 1-D with preserving closeness

After a very long time, this will be my first post. I hope that it will not be the last, and the rest will come. For a project about taxi trajectory prediction, I have applied k-NN algorithm on coordinate sequence of taxi trips. Did I have promising results? Well, it is arguable, but I have discovered some good techniques. One of them is Z-order curve (Figure 1). Figure 1: Four levels of Z-ordering (taken from Wikipedia  page) I was looking for a technique to decrease dimensionality of 2-D coordinate representation (lat-lon) into 1-D . But on this 1-D value, I would like to apply k-NN algorithm. For this purpose, 1-D values must preserve the closeness of two different coordinates. If I do linear ordering of latitude and longitude values, I couldn't achieve this goal, because closeness will depend on only one value which is placed on the right-most. Let's assume I do linear ordering as lat-lon: