The Ti.SevenSwitch project allows you to use Ben Vogelzang's awesome open source SevenSwitch project in your Titanium iOS app.

Download the module from the dist folder

If you are building from source you will need to do the following:

Import the project into Xcode:

• Modify the titanium.xcconfig file with the path to your Titanium installation

• Download the latest release from the releases folder ( or you can build it yourself )
• Install the ti.sq module. If you need help here is a "How To" guide.
• You can now use the module via the commonJS require method, example shown below.

var mod = require('ti.sevenswitch');

Parameters

borderColor : String / Color

Border color of the switch, as a color name or hex triplet.

shadowColor : : String / Color

Shadow color of the switch, as a color name or hex triplet.

knobColor : : String / Color

Color of the switch's knob. The color is passed as a color name or hex triplet.

onColor : : String / Color

Color displayed when switch is in the "on" status. The color is passed as a color name or hex triplet.

activeColor : : String / Color

The selection value on the Ti.SQ calendar View

inactiveColor : : String / Color

Color displayed when switch is in the "off" status. The color is passed as a color name or hex triplet.

onImage : String / Path

Image to be displayed when switch is in the "on" state, specified as a local file path or URL.

offImage : String / Path

Image to be displayed when switch is in the "off" state, specified as a local file path or URL.

var mod = require('ti.sevenswitch');
Ti.API.info("module is => " + mod);

var win = Ti.UI.createWindow({
	backgroundColor:'white', layout:'vertical'
});

win.add(Ti.UI.createLabel({
	text:"Default", textAlign:"left", height:25, left:7, top:0
}));

var defaultSwitch = mod.createSwitch({
	top:5, left:20, value:true, height:30, width:50
});
win.add(defaultSwitch);

win.add(Ti.UI.createLabel({
	text:"Sized Switch", textAlign:"left", height:25, left:7, top:15
}));

var bigSwitch = mod.createSwitch({
	top:5, height:50, width:250, left:20, value:true
});
win.add(bigSwitch);

win.add(Ti.UI.createLabel({
	text:"Knob Color", textAlign:"left", height:25, left:7, top:15
}));
var colorKnobSwitch = mod.createSwitch({
	top:5, left:20, height:30, width:50, value:true, knobColor:"orange"
});
win.add(colorKnobSwitch);

win.add(Ti.UI.createLabel({
	text:"Active/Pressed Color", textAlign:"left", height:25, left:7, top:15
}));
var activeColorSwitch = mod.createSwitch({
	top:5, left:20, height:30, value:true, activeColor:"orange", height:30, width:50
});
win.add(activeColorSwitch);

win.add(Ti.UI.createLabel({
	text:"On Color", textAlign:"left", height:25, left:7, top:15
}));
var onColorSwitch = mod.createSwitch({
	top:5, left:20, height:30, value:false, onColor:"yellow", height:30, width:50
});
win.add(onColorSwitch);

win.add(Ti.UI.createLabel({
	text:"Inactive Color", textAlign:"left", height:25, left:7, top:15
}));
var inactiveColorSwitch = mod.createSwitch({
	top:5, left:20, height:30, value:false, inactiveColor:"blue", height:30, width:50
});
win.add(inactiveColorSwitch);

win.open();

SevenSwitch is an awesome project by Ben Vogelzang which brings the iOS7 style UISwitch to iOS5+.

To learn more about the project please visit https://github.com/bvogelzang/SevenSwitch

If you like the Titanium module,please consider following the @benCoding Twitter for updates.

For module updates, Titanium tutorials and more please check out my blog at benCoding.Com.