Juani juanagu

Fading Actionbar

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

How this works

This is actually very simple. The trick is putting the Actionbar in overlay mode by configuring the theme with windowActionBarOverlay:true. Then all you need to do is updating the color of the Actionbar, in this case by scrolling a ScrollView.

If you want to your CommonJS modules to work in both Alloy and plain Titanium projects, you might need a way to detect if you're in Alloy. For instance, if you're in Alloy you would get Underscore from the alloy-module, while in plain Titanium you would require Underscore directly.

Well, you can:

var _ = require((typeof ENV_TEST === 'boolean') ? 'alloy' : 'underscore')._;

The above works by utilizing Alloy's optimization process. In this process, constants like ENV_TEST will be either TRUE or FALSE. The actual expressions in wich they are used will then be evaluated. If FALSE the code block will be removed. In plain Titanium projects the constants are undefined and this typeof ENV_TEST will be undefined, so the code block will be executed.

	using System;
	using Android.Support.Design.Internal;
	using Android.Support.Design.Widget;

	namespace MyProject.App.Droid.Helpers
	{
	public static class AndroidHelpers
	{
	public static void SetShiftMode(this BottomNavigationView bottomNavigationView, bool enableShiftMode, bool enableItemShiftMode)
	{

	#! /bin/bash

	# ECHO COMMAND
	# echo Hello World!

	# VARIABLES
	# Uppercase by convention
	# Letters, numbers, underscores
	NAME="Bob"
	# echo "My name is $NAME"

	var win = Ti.UI.createWindow();
	win.open();

	/// <<< Register & UnRegister Event Listeners

	/**
	* params: {event: 'event', callback: eventCallback}
	*/
	function registerEventListener(obj, params) {
	if ( typeof obj._eventListeners == 'undefined' ) {

	// This is the Android version of the Tweetie-like pull to refresh table:
	// http://developer.appcelerator.com/blog/2010/05/how-to-create-a-tweetie-like-pull-to-refresh-table.html

	var win = Ti.UI.currentWindow;

	var alertDialog = Titanium.UI.createAlertDialog({
	title: 'System Message',
	buttonNames: ['OK']
	});
	var scrollView = Ti.UI.createScrollView({

	/**
	* 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/;