Latest 1.0
Homepage https://github.com/supertop/grid-window
License MIT
Platforms ios 7.0, requires ARC
Authors ,

Supertop Grid

A grid overlay for iOS apps.

Use this during the development of your app to help align your interface to a grid, and
easily spot layout issues. It will overlay every view in your app, but not interfere with
interaction, so you can still move around.

A simple example app is included.

How To Use

  1. Add SUPGridWindow and SUPGridView to your project.
  2. Configure the grid size and color.
  3. Optionally add a gesture to toggle the grid on or off.

Example

    SUPGridWindow *grid = [SUPGridWindow sharedGridWindow];

    [grid setGridColor:[UIColor redColor]];
    [grid setMajorGridSize:CGSizeMake(40, 40)];
    [grid setMinorGridSize:CGSizeMake(10, 10)];

Screenshot

The Grid

Notes

  • This is a development tool. You probably want to make sure you don’t ship with this. The
    window is added above all others, so it will even overlay the keyboard and the status bar. Apple doesn’t like
    that.

  • The right gesture to toggle the grid will vary app to app, so we didn’t set any by default.

To Do

  • The ability to scroll the grid along with scrollviews.

Latest podspec

{
    "name": "SupertopGrid",
    "version": "1.0",
    "summary": "A grid overlay for iOS apps.",
    "description": "t  ttt   Use this during the development of your app to help align your interface ntttt   to a grid, and easily spot layout issues. It will overlay every view in ntttt   your app, but not interfere with interaction, so you can still move around.n",
    "homepage": "https://github.com/supertop/grid-window",
    "screenshots": "https://raw.githubusercontent.com/supertop/grid-window/master/screenshot.png?1",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    },
    "authors": {
        "Padraig Kennedy": "[email protected]",
        "Oisin Prendiville": "[email protected]"
    },
    "social_media_url": "http://twitter.com/supertopsquid",
    "platforms": {
        "ios": "7.0"
    },
    "source": {
        "git": "https://github.com/supertop/grid-window.git",
        "tag": "1.0.1"
    },
    "source_files": "Grid/SUPGridWindow",
    "requires_arc": true
}

Pin It on Pinterest

Share This