Latest 0.1.0
Homepage https://github.com/ykobets/PixelPerfect
License MIT
Platforms ios 7.0, requires ARC
Frameworks CoreImage, UIKit
Authors

Supported Plateforms

Compare mockup design images with a user interface on iOS, get the diff of images using inversion or transparency of design mockups.

Features

  • show a mockup image imposed with a user interface
  • change a mockup image transparency
  • invert colors of a mockup image to see design difference

PixelPerfect

Usage

  1. Copy mockup design images to project.
  2. Create dictionary with class name and corresponding mockup image name.
  3. Instantiate PIXELPerfect with this dictionary in application delegate class.

In the status bar there appears buttons "show/hide" and "settings".
Now you can compare mockup image with actual user interface.

AppDelegate.m

Objective-C

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

#ifdef DEBUG
    NSDictionary *classesImagesDictionary = @{ NSStringFromClass([ExampleViewController class]) : @"viewcontroller-mockup.png" };
    [[PIXELPerfect shared] setControllersClassesAndImages:classesImagesDictionary];
#endif    

    return YES;
}

Swift

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {

    let classesImagesDictionary = [NSStringFromClass(ViewController.self) : "viewcontroller-mockup.png"]
    PIXELPerfect.shared().setControllersClassesAndImages(classesImagesDictionary)

    return true
}

Install

Install with CocoaPods. Add next lines to Podfile

platform :ios, '7.0'

pod 'PixelPerfect'

In case of using Swift project

platform :ios, '7.0'
use_frameworks!

pod 'PixelPerfect'

Latest podspec

{
    "name": "PixelPerfect",
    "version": "0.1.0",
    "platforms": {
        "ios": "7.0"
    },
    "license": "MIT",
    "summary": "Compare mockup design with your interface on iOS",
    "description": "Compare mockup design images with user interface on iOS. Get the diff of images using inversion or transparency of design mockups.",
    "homepage": "https://github.com/ykobets/PixelPerfect",
    "authors": {
        "Yuri Kobets": "[email protected]"
    },
    "source": {
        "git": "https://github.com/ykobets/PixelPerfect.git",
        "tag": "0.1.0"
    },
    "source_files": "PixelPerfect",
    "requires_arc": true,
    "frameworks": [
        "CoreImage",
        "UIKit"
    ]
}

Pin It on Pinterest

Share This