Hi again! I cannot seem to find a way to limit the height of where the user can draw on the view. I've set the height of the drawable view to be wrap content and match parent both allow drawing height to be the height of the device. What I need to do is allowing drawing only over the height of a picture that I have loaded onto the same view and I have the height of that picture and I've set it to canvasHeight of the config but I am still able to draw all along the height of the whole device. I have also tried manually setting the canvasHeight to be 200 for example of 50, still able to draw all over the height.

Check this code please, this is just inside an Activity that has an imageView and a drawableView inside it, nothing else. setting canvasWidth works just fine by the way, I am not able to move the canvas to the right because the width is as just as the width of the device

        DisplayMetrics displaymetrics = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
        int width = displaymetrics.widthPixels;

        final DrawableViewConfig config = new DrawableViewConfig();
        config.setStrokeColor(getResources().getColor(android.R.color.white));
        config.setStrokeWidth(20.0f);
        config.setMinZoom(1.0f);
        config.setMaxZoom(1.0f);
        config.setCanvasWidth(width);

bookmarkIMG.getViewTreeObserver().addOnPreDrawListener(
                new ViewTreeObserver.OnPreDrawListener() {
                    public boolean onPreDraw() {

                        int height = bookmarkIMG.getMeasuredHeight();

                        config.setCanvasHeight(height);

                        Log.d("SIZE", "Canvas size set to " + height); 

                        return true;
                    }
                });

        drawableView.setConfig(config);

Thanks so much for your help so far!

I use the drawableView to draw something and it works fine and everything but when I want to grab the bitmap from the drawableView I do not get the bitmap back correctly.

I have verified this by saving the bitmap from obtainBitmap() into a file on the device and uploaded to dropbox to see the picture. The file always has the size of 0.91 KB and consists of a rectangular, background-less area.

If you want, here's a link to the image, it's empty of course but you can save it and check the size and how the predefined rectangular shape is there: http://i.imgur.com/0EZn7Gz.png

Any ideas? Thanks!

Tested this on Galaxy S3 and Nexus 5. I cannot seem to be able to draw if I start dragging my finger horizontally when trying to draw anything, the line barely starts and then it cuts off every time. I can draw just fine if I drag diagonally or vertically and that's perfectly fine.

Configuration while facing this (I have 1 and 1 set for Min/Max zoom because I don't want to enable any zoom ability):

config.setStrokeColor(getResources().getColor(android.R.color.white));
            config.setStrokeWidth(20.0f);
            config.setMinZoom(1.0f);
            config.setMaxZoom(1.0f);
            config.setCanvasWidth(4000);
            config.setCanvasHeight(4000);

As the title suggests, when you've drawn some things on the view and then you pinch to zoom, if the Max/Min Zoom levels are set to 0 and 0, the view instantly disappears and you cannot get it back or draw anymore.

If the levels are set to 3.0 and 1.0 as you provided in the example, the view zooms in for a second and then disappears and you cannot get it back or draw anymore.

Also, when beginning to draw, sometimes the draw command doesn't go through and only leaves a little scratch drawn, then you have to press again and also does the same thing. Until you rapidly move your finger and then the thing starts to work fine, but also mid-drawing you can cause it to do that scratch issue again.

Any suggestions? This is just from the first 10 minutes of me trying this library, really great work by the way, much needed and so easy to use!

Hey, the method obtaindBitmap() returns Bitmap. But, when I try save file, his saved such as whole black image. In some google searches, I discovered which background color android to JPG file is black and the default color stroke is black too.

So, to show image correctly, the way was change JPG background color. The code below ""fixes"" this.

I hope help someone.

Bitmap bitmap = drawableView.obtainBitmap();
Canvas canvas = new Canvas(bitmap);
canvas.drawColor(Color.WHITE);
canvas.drawBitmap(drawableView.obtainBitmap(), 0, 0, null);
FileOutputStream fOut = null;
try {
          String timeStamp = new SimpleDateFormat("ddMMyyyy_HHmm").format(new Date());
          String mImageName = "MI_" + timeStamp + ".jpg";
          fOut = new FileOutputStream (new File(getGalleryPath(), mImageName), true);
          bitmap.compress(Bitmap.CompressFormat.JPEG, 100, fOut);
          fOut.flush();
          fOut.close();
} catch (FileNotFoundException e) {
          e.printStackTrace();
} catch (IOException e) {
           e.printStackTrace();
}

private static String getGalleryPath() {
        return Environment.getExternalStorageDirectory() + "/" + Environment.DIRECTORY_DCIM + "/Camera";
}

Caused by: android.os.BadParcelableException: Parcelable protocol requires a Parcelable.Creator object called CREATOR on class java.util.ArrayList at android.os.Parcel.readParcelableCreator(Parcel.java:2114) at android.os.Parcel.readParcelable(Parcel.java:2055) at android.view.AbsSavedState.(AbsSavedState.java:57) at android.view.View$BaseSavedState.(View.java:19038)

Hi!

I'm using DrawableView, and I set the background color to white. This does make the background white while I'm drawing, but when I call obtainBitmap I get a black background. Is this expected? If so, how can I make the 'real' background white

When the onRestoreInstanceState function callbacks, a BadParcelableException is thrown. I tried to solve it in the following way. in DrawableView,

@Override
 protected Parcelable onSaveInstanceState() {
     Parcelable parcelable = super.onSaveInstanceState();
     Bundle bundle = new Bundle();
     bundle.putParcelable("super_data", parcelable);
     DrawableViewSaveState state = new DrawableViewSaveState();
     state.setPaths(paths);
     bundle.putParcelable("path_data", state);
     return bundle;
 }

@Override
 protected void onRestoreInstanceState(Parcelable state) {
     if (state instanceof Bundle) {
         Bundle bundle = (Bundle) state;
         DrawableViewSaveState saveState = bundle.getParcelable("path_data");
         if (saveState != null) {
             paths.addAll(saveState.getPaths());
             for (SerializablePath p : paths) {
                 p.loadPathPointsAsQuadTo();
             }
         }
         Parcelable superData = bundle.getParcelable("super_data");
         super.onRestoreInstanceState(superData);
     } else {
         super.onRestoreInstanceState(state);
     }
 }

new DrawableViewSaveState,

public class DrawableViewSaveState implements Parcelable {

    private ArrayList<SerializablePath> paths;

    public ArrayList<SerializablePath> getPaths() {
        return paths;
    }

    public void setPaths(ArrayList<SerializablePath> paths) {
        this.paths = paths;
    }

    @Override
    public int describeContents() {
        return 0;
    }

    @Override
    public void writeToParcel(Parcel dest, int flags) {
        dest.writeList(this.paths);
    }

    public DrawableViewSaveState() {
    }

    protected DrawableViewSaveState(Parcel in) {
        this.paths = new ArrayList<SerializablePath>();
        in.readList(this.paths, SerializablePath.class.getClassLoader());
    }

    public static final Creator<DrawableViewSaveState> CREATOR = new Creator<DrawableViewSaveState>() {
        @Override
        public DrawableViewSaveState createFromParcel(Parcel source) {
            return new DrawableViewSaveState(source);
        }

        @Override
        public DrawableViewSaveState[] newArray(int size) {
            return new DrawableViewSaveState[size];
        }
    };
}

DrawerDelegate references a class which is not present causing following exception: me.panavtec.drawableview.gestures.DrawerDelegate: can't find referenced class me.panavtec.drawableview.internal.SerializablePath

I'm using this Gradel in photo editor type app. I'm inflating this view above image view. is it possible to handle setConfig. I want that it will work when I click on the particular button and it will be disabled when I click on another view.

Caused by: android.os.BadParcelableException: at android.os.Parcel.readParcelableCreator(Parcel.java:2511) at android.os.Parcel.readParcelable(Parcel.java:2462) at android.view.AbsSavedState.(AbsSavedState.java:67) at android.view.View$BaseSavedState.(View.java:22761) at android.view.View$BaseSavedState.(View.java:22750) at me.panavtec.drawableview.DrawableViewSaveState.(DrawableViewSaveState.java:14) at me.panavtec.drawableview.DrawableViewSaveState$1.createFromParcel(DrawableViewSaveState.java:40) at me.panavtec.drawableview.DrawableViewSaveState$1.createFromParcel(DrawableViewSaveState.java:38) at android.os.Parcel.readParcelable(Parcel.java:2471) at android.os.Parcel.readValue(Parcel.java:2365) at android.os.Parcel.readSparseArrayInternal(Parcel.java:2813) at android.os.Parcel.readSparseArray(Parcel.java:2068) at android.os.Parcel.readValue(Parcel.java:2422) at android.os.Parcel.readArrayMapInternal(Parcel.java:2732) at android.os.BaseBundle.unparcel(BaseBundle.java:269) at android.os.Bundle.getSparseParcelableArray(Bundle.java:934) at com.android.internal.policy.PhoneWindow.restoreHierarchyState(PhoneWindow.java:2104) at android.app.Activity.onRestoreInstanceState(Activity.java:1074) at android.app.Activity.performRestoreInstanceState(Activity.java:1029) at android.app.Instrumentation.callActivityOnRestoreInstanceState(Instrumentation.java:1175) at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2638)