iOS Image Editing Component

iOS Image Editing Component

Released 7 years ago , Last update 5 years ago

A standalone image editing component for iOS that can be incorporated into your own app or expanded upon. Includes drawing, camera function, image filters and effects.

This is a standalone Image Editor app that can be incorporated into your own app or expanded upon.

Features include:

  • Drawing brush with adjustable size, color and softness.
  • Camera function to take photos and use in your canvas.
  • Image filters for brightness, contrast, grayscale and vignette
  • Torn Photo effect
  • Save and Load to and from your iPhone image library
  • 5 1
  • 4 0
  • 3 0
  • 2 0
  • 1 0
1 Reviews Read Reviews


14 day 14-day money-back guarantee


Personal License

  • Perpetual license

  • 1 application

  • Can distribute binary products only

  • Commercial use

  • 1 month support

How to use in your own app

The project that exists can be built as a standalone app. In order to integrate this in your own app you will need to do the following:

Step 1: Import all files in the "ImageEditor" folder into your own project. These files should be:

  • DoodlerView.h
  • DoodlerView.m
  • DoodlerView.xib
  • ColorSelector.h
  • ColorSelector.m
  • ColorSelector.xib
  • FilterSelect.h
  • FilterSelect.m
  • FilterSelect.xib
  • The 7 png files in the Resources group in the "ImageEditor" folder

Step 2: In your AppDelegate.h file of your project add the variables:

NSInteger selectedFilter;
NSInteger selectedColor;
float red;
float green;
float blue;

and their @properties:

@property (nonatomic) NSInteger selectedFilter;
@property (nonatomic) NSInteger selectedColor;
@property (nonatomic) float red;
@property (nonatomic) float green;
@property (nonatomic) float blue;

Refer to the existing AppDelegate.h in this project for reference.

Step 3: In AppDelegate.m add:

@synthesize navController, selectedFilter, red, green, blue, selectedColor;

and in the method "didFinishLaunchingWithOptions" initialise the values with

selectedFilter = 0;
selectedColor = 1;

Refer to the existing AppDelegate.m in this project for reference.

Step 4:

Now from wherever you want to use the Image Editor simply import "DoodlerView.h" and push the initialized object onto your navigationControllers Stack


DoodlerView *imageEditor = [[DoodlerView alloc]init];
[self.navigationController pushViewController:imageEditor animated:YES];
[imageEditor release];


The classes DoodlerView, FilterSelect and ColorSelector (both .h and .m files) have pointers to AppDelegate.h in order to access variables that can be used across all 3 classes. If your AppDelegate filename is different, remember to update the pointers in these files.

2 licenses, starting from From » $9.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
  • ST sagar thakar 4 years ago
    can this code create andy warhol pop art effect ?
  • VA Vivek Arora 5 years ago
    are you open to additional feature requests, eg. polygon selection tool to cut out unwanted areas etc.
    • Wenpo Sun Publisher 5 years ago
      Hi Vivek, unfortunately I've got a lot of work on my plate at the moment so I'm unable to add extra features. I am however available to answer questions if you have any regarding the existing source code.
  • D Dub 5 years ago
    Does this currently have the functionality to add "clip art" type elements to a photo, where we can supply the clip art elements in the app (as a silly example, adding cartoon cat ears on a photo of a person)? Thanks for any insight/info!
    • Wenpo Sun Publisher 5 years ago
      Not exactly what you are describing. It does have the "torn paper effect" which technically is a pre-supplied image that is merged into the canvas. To do what you are describing will be a modification of the "torn paper effect"
    • D Dub 5 years ago
      Kind of. Think of the app "Cat Wang," which allows kids to take a picture (either camera or camera roll), then "decorate" it with cat faces and other images from a menu within the app. I don't believe this component/project has that functionality yet, but my guess is it wouldn't be too difficult to add (well, for me yes, but for someone like you, perhaps not), and would add some valuable functionality to the project, as those types of apps are selling well. You'd have to be able to provide a customizable menu where we could supply our own "clip art" files, then once selected, the piece of "clip art" can be moved and/or sized on top of the image. Thanks for any thoughts!
    • Wenpo Sun Publisher 5 years ago
      Definitely sounds like a great addition!