davidcyp davidcyp

Custom Alloy Tags based on Appcelerator Hyperloop modules

With Alloy and Hyperloop, you can quickly and easily expose native UI as Custom Alloy tags by leveraging the namespace (ns) attribute and commonjs modules.

Alloy allows you to create your own UI element that can be included into the XML View heirarchy in one of two ways, an Alloy Widget or through the use of Custom Tags.

To create your own custom tag, you link the tag to the commonjs module with the namespace attribute (ns). Here is an example using a custom tag to render a standard Titanium View:

	//
	// This gist explains how to test alternate paths based on device capabilities which are not under your control,
	// eg. presence of network, network quality(3G, Edge, GPRS), ...
	//

	//
	// When this code would be executed in the titanium runtime, the only way to test both code branches is by switching
	// the network on/off.
	//
	function isNetworkPresent(){

	/* Kosso : March 12th 2011
	This the only way I managed to do this without the app crashing on resume.
	Done slightly differently to the KS example, since they unregister the service and
	do not use a setInterval timer.
	*/

	//############ in app.js :


	// test for iOS 4+