nuno

var fs = require('fs');
var path = require('path');

task("pre:compile", function(event, logger) {
	var tiappxml = path.join(event.dir.project, 'tiapp.xml');
	
	var tiapp = fs.readFileSync(tiappxml, {
		encoding : 'utf-8'
	});

nuno

<?xml version="1.0" encoding="UTF-8"?>
<Bucket
   type = "2"
   version = "2.0">
   <Breakpoints>
      <BreakpointProxy
         BreakpointExtensionID = "Xcode.Breakpoint.SymbolicBreakpoint">
         <BreakpointContent
            shouldBeEnabled = "Yes"
            ignoreCount = "0"

nuno

Using Homebrew to manage Node.js and io.js installs on OSX

Having both Node.js and io.js installed with NVM was giving me a load of problems, mainly with npm. So I uninstalled NVM and manage Node.js and io.js with homebrew.
Heres how.

Install Node.js and io.js

$ brew install node
$ brew install iojs

nuno

var win = Ti.UI.createWindow({ backgroundColor: '#fff' });

var rotate = Ti.UI.create2DMatrix().rotate(90);
var counterRotate = rotate.rotate(-180);

var scrollView = Titanium.UI.createScrollableView({
    views:[
        Titanium.UI.createImageView({ image:'default_app_logo.png', transform: counterRotate }),
        Titanium.UI.createImageView({ image:'KS_nav_ui.png', transform: counterRotate }),
        Titanium.UI.createImageView({ image:'KS_nav_views.png', transform: counterRotate })

nuno

How to create custom button styles using Android's AppCompat-v7:21

Introduction

AppCompat is an Android support library to provide backwards-compatible functionality for Material design patterns. It currently comes bundled with a set of styles in the Theme.AppCompat and Widget.AppCompat namespaces. However, there is a critical component missing which I would have thought essential to provide the a default from which we could inherit our styles: Widget.AppCompat.Button. Sure, there's Widget.AppCompat.Light.ActionButton, but that doesn't actually inherit from Widget.ActionButton, which does not inherit from Widget.Button, so we might get some unexpected behavior using that as our base button style, mainly because Widget.ActionButton strictly belongs in the ActionBar.

So, if we want to have a decently normal default button style related to AppCompat, we need to make it ourselves. Let's start by digging into the Android SDK to see how it's doing default styles.

Digging In

nuno

Fading Actionbar

This is a quick example of how to create a fading actionbar effect like this in Appcelerator Titanium

License

The MIT License (MIT)

nuno

/**
 * We're going to create an infinite scrollable list. In this case, we're going to show a date. When you swipe left,
 * you'll see yesterday. Then the day before yesterday, and so on. Swiping right shows you tomorrow, and so on.
 */
var win = Ti.UI.createWindow({ backgroundColor: '#fff' });
var isAndroid = Ti.Platform.osname === 'android';
/**
 * Track where we are in the infinite scrollable views, and define how large of a step goes between each view.
 */
var currentDate = new Date(), msIntervalBetweenViews = 1000/*ms*/ * 60/*s*/ * 60/*m*/ * 24/*h*/;

nuno

Alloy.createWidget = function(id, name, args) {
	Ti.Analytics.featureEvent("widget." + id, args);
	return new (require("alloy/widgets/" + id + "/controllers/" + (name || "widget")))(args);
};

Alloy.createController = function(name, args) {
	Ti.Analytics.featureEvent("controller." + name, args);
	return new (require("alloy/controllers/" + name))(args);
};

nuno

<!-- note the ONLY change to this is the additional module="tabIndicator" 
attribute + properties to override indicator defaults //-->
<Alloy>
	<TabGroup module="tabIndicator" tabsBackgroundColor="#000" tabIndicatorHeight="1" tabIndicatorColor="white" tabIndicatorWidth="75%">
		<Tab  title="Tab 1" icon="/images/icons/519-tools-1.png" activeIcon="/images/icons/519-tools-1_active.png" color="#555" activeColor="#fff">
			<Window  title="Tab 1" barColor="black" navTextColor = "#fff">
				<Label onClick="openWin1">Tab 1</Label>
			</Window>
		</Tab>
		<Tab title="Tab 2" icon="/images/icons/516-archive-box.png" activeIcon="/images/icons/516-archive-box_active.png" color="#555"  activeColor="#fff">

nuno

// Animated start. Comments for code here: http://www.tidev.io/2015/01/06/how-to-re-use-the-launch-image-in-the-app
var img = Ti.UI.createImageView({
    // Get the launch image
    image: (function getImage() {
            if (OS_IOS) {
                // Working around orientation-bug
                if (Ti.Platform.osname === 'ipad' || Math.max(Ti.Platform.displayCaps.platformWidth, Ti.Platform.displayCaps.platformHeight) === 736) {
                    return 'Default-' + (Ti.Gesture.isPortrait() ? 'Portrait' : 'Landscape') + '.png';
                } else {
                    return 'Default.png';