Skip to content

Instantly share code, notes, and snippets.

@skypanther

skypanther/app.js

Created September 1, 2011 21:48
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save skypanther/1187384 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save skypanther/1187384 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. skypanther created this gist Sep 1, 2011.
    8 changes: 8 additions & 0 deletions app.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    // implement like this:
    var window = Ti.UI.createWindow({
    backgroundColor:'#fff'
    });
    // draw the gridlines first so your other elements stack on top of them
    // without requiring you to set the z-index property of each
    var grid = require('gridlines');
    grid.drawgrid(10,window);
    28 changes: 28 additions & 0 deletions gridlines.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,28 @@
    exports.drawgrid = function(gridspacing, win, color) {
    // gridspacing = integer
    // win = window to which the grid will be added
    // color = optional color for lines
    var clr = (color) ? color : '#dedede';
    var numhoriz = Math.ceil(Ti.Platform.displayCaps.platformHeight / gridspacing);
    var numvert = Math.ceil(Ti.Platform.displayCaps.platformWidth / gridspacing);
    for(h=0; h<numhoriz;h++) {
    var hline = Ti.UI.createView({
    height:1,
    width:'100%',
    backgroundColor:clr,
    top: h*gridspacing,
    left:0
    });
    win.add(hline);
    }
    for(v=0; v<numvert;v++) {
    var vline = Ti.UI.createView({
    width:1,
    height:'100%',
    backgroundColor:clr,
    left: v*gridspacing,
    top:0
    });
    win.add(vline);
    }
    }