Menu

iOS Image Editing App

* * * * (14 ratings)
iOS Image Editing App | App Code for Sale | Hero

Screenshots

Overview

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

HOW TO USE IN YOUR OWN APP

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

red=0;
green=0;
blue=0;
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

E.g.

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

Important

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.

Update for iOS 7

Updated for iOS 7. -The colour picker was being blocked out by the new iOS7 title bar, this has been fixed. -Set the tableView style in filters select to non-grouped as it looks better.

30 Comments Leave a comment

Please login in order to leave a comment.

Newest first
  • aven59 2013-10-16 18:46:54 Thread id 5986

    Hello,

    Universal app (ipad+iphone) ? All source code provided ? No "Aviary SDK" ?

    Thank you for answering

    • comicool Author 2013-10-17 01:19:27

      Hi, sorry at the moment it is simply an app for iPhone. All code provided. No aviary sdk. It is all built with the native apple libraries.

  • hussain1982 Buyer 2013-09-24 21:50:29 Thread id 5171

    Hello,

    Can you please update this app to support iOS 7, because there is problem in the ColorSelector file, the color is not appear correctly in the *colorImage" .

    Thanks

    • comicool Author 2013-09-26 05:40:14

      Hi Hussain, Thanks for letting me know about this issue. I just submitted an update of the source code through the site. It's currently awaiting their approval to go live. Shouldn't take too long.

    • hussain1982 Buyer 2013-09-26 11:24:31

      Thank you so much Comicool .

    • comicool Author 2013-09-26 12:40:36

      No problems. Update is live now:)

    • hussain1982 Buyer 2013-09-26 13:20:13

      Thanks :)

  • sparkleisaid Buyer 2013-05-15 18:48:42 Thread id 2418

    I just purchased this and the saved images seem to be very low resolution. Am I doing something wrong or is this app only capable of low resolution? I tested on an iphone 4s and an iphone 5. Thank You

    • comicool Author 2013-05-16 02:25:13

      Hi mate, thanks for your support. You if you do a search through DoodlerView.m you will find instances of "UIGraphicsBeginImageContext". To support the other resolutions and retina you can change this to "UIGraphicsBeginImageContextWithOptions" E.G. "UIGraphicsBeginImageContextWithOptions(screenRect.size, NO, 0.0)". Also remember to address the function" - (UIImage)resizeImage:(UIImage)image Which currently resizes it down to 320x480 and is called when you import an image.

  • Bennsen Buyer 2013-04-12 01:02:40 Thread id 1912

    please can you ad iphone 5 Support asap!!!!

  • KarimG 2013-02-26 01:25:59 Thread id 1358

    Does it have text overlay ability to write on images?

    • comicool Author 2013-02-26 02:14:50

      Sorry, it doesn't have that feature

    • KarimG 2013-02-26 03:11:35

      Thanks, is it easy to add do you recon?

    • comicool Author 2013-02-26 09:15:50

      What you would need to do is work out how to put the text into the context in front of the image then merge and save the context as an image. This is how the tear effect works. The difference with that is its two images one on top of the other. You want to do it with text, so I would guess find out how to convert the text you want into an image and then it's the same process.

    • KarimG 2013-02-26 14:52:25

      Great Thanks :)

  • Saiko69 Buyer 2012-08-23 10:34:48 Thread id 389

    ok thanks you i have test and it is ok.

    Thanks you very much.

  • Saiko69 Buyer 2012-08-23 00:13:23 Thread id 386

    helpe me i don't speak english....

    My problem: I have buy template Xcode and project Xcode work in my simulator iPhone and don't work in mode Product for my iPhone (Xcode/Product/profile)

    i have a red message error: Check dependencies

    Code Sign error: The identity 'iPhone Distribution: Wenpo Sun' doesn't match any valid, non-expired certificate/private key pair in the default keychain

    Helpe me please.

    Thanks you.

    • comicool Author 2012-08-23 02:49:52

      Hi Saiko. You need to set up your own development certificate and provisioning profile to install onto a device. There is a guide to this by apple: http://developer.apple.com/library/ios/ipad/#documentation/Xcode/Conceptual/iosdevelopmentworkflow/10-ConfiguringDevelopmentandDistributionAssets/identitiesanddevices.html

      I'm not sure what language you speak, but look for a similar guide in your language if it is hard for you to understand it in English. What you want to find out about is "development certificate" and "provisioning profile"

    • comicool Author 2012-08-23 03:03:50

      Sorry, try this link instead: https://developer.apple.com/library/ios/#documentation/Xcode/Conceptual/iosdevelopmentworkflow/10-ConfiguringDevelopmentandDistributionAssets/identitiesanddevices.html

  • I bought the source code this week. This is a nice app component. Can you provide the Android version too?

    • comicool Author 2012-07-01 21:45:41

      Our company is starting to look into Android development. Stay tuned! www.ComicorpWorlds.com

  • MrJahones Buyer 2012-05-23 00:03:28 Thread id 109

    Can you swap out one of the filters for a png image that can overlay the image being edited. Lets say I have a circle png file, could I add that multiple times in the editor? Thanks!

    • comicool Author 2012-05-23 01:59:53

      The "Tear effect" uses this method of overlaying pngs and so do some of the filters.

  • Programmingbids 2012-05-02 07:42:39 Thread id 90

    Hi mate,

    I want to use your project for a project of mine, which does/wants to do pretty much like yours but what main function is that (within the app) when we take a picture through the camera or from the existing library and then it should process the image and take out all the colors from the picture and make it blank with dark black border and let the user color it and share it via FB/email. can your app do so? or if not, can you integrate it? I can pay more if needed, I just want to use it for 1 single project.

    I can provide screenshots if you need to understand my concept. (I am not a programmer either)

    Thanks, PB.

    • comicool Author 2012-05-02 11:11:09

      Hi PB, unfortunately I am very busy ATM with a project so I can't take on anymore work. In regards to posting on FB, from what i understand you either need to set up your own server to post the photos to and then link to them in the users page post OR you can set it up to post into a custom album of the user. If you find a programmer to do what you want for you or if you tackle it yourself, feel free to email me, I am happy to answer questions in regards to my code and will do my best to assist you.