grantges

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:

grantges

var Hyperloop = require('hyperloop');
var UIView = require('UIView');
var CGRect = require('CGRect');
var CGPoint = require('CGPoint');
var UIColor = require('UIColor');
var UIBezierPath = require('UIBezierPath');

function DEGREES_TO_RADIANS(angle) { return (Number(angle) / 180.0 * Math.PI) };

hansemannn

var win = Ti.UI.createWindow({
    backgroundColor: "#fff"
});
var btn = Ti.UI.createButton({
    title: "Schedule local notification!"
});
 
btn.addEventListener("click", scheduleLocalNotification);
 
function scheduleLocalNotification() {

manumaticx

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.

tegansnyder

I've had the opertunity to try a variety of different server configurations but never really got around to trying HHVM with Magento until recently. I thought I would share a detailed walkthrough of configuring a single instance Magento server running Nginx + Fast CGI + HHVM / PHP-FPM + Redis + Percona. For the purpose of this blog post I'm assuming you are using Fedora, CentOS, or in my case RHEL 6.5.

Please note: I'm 100% open to suggestions. If you see something I did that needs to be done a different way, please let me know. I haven't included my Perconca my.conf file yet. I will shortly. Also I plan on trying this same test with HHVM 3.3 and PHP 7.

Install the EPEL, Webtatic, and REMI repos

rpm -Uvh http://download.fedoraproject.org/pub/epel/6/i386/epel-release-6-8.noarch.rpm
rpm -Uvh http://rpms.famillecollet.com/enterprise/remi-release-6.rpm
rpm -Uvh http://mirror.webtatic.com/yum/el6/latest.rpm

FokkeZB

Analytics & Crash options for Titanium

Service	Analytics	Performance	Errors	Titanium SDK	Costs
New Relic	Limited (users)	HTTP	HTTP	Incomplete (no crashes)	Free, $29/mo
Google Analytics	Extensive	Manual	Native (no traces)	Abandoned, Out-dated	Free
Appcelerator Platform	Extensive	HTTP	Native + JS	Up-to-date	Not public
Count.ly	Extensive	N/A	N/A	gitTio	OSS, $125/mo
Flurry	Extensive	N/A	Native	gitTio, Marketplace	Free
Crit

LHIOUI

//
//  tiYoutube.js
//
//  Created by Coyote on 2014-10-07.
//  Copyright 2014 Coyote. All rights reserved.
//
var YoutubeVideo = function(id, callback) {
    var client = Ti.Network.createHTTPClient();
    client.onload = function(video_info) {
        Ti.API.debug('on load');

FokkeZB

UPDATE: With the assets command of the TiCons CLI / Module this can be done even simpeler by calling $ ticons assets or an alloy.ymk using:

task("pre:load", function(event, logger) {
    require('ticons').assets();
});

---

jasonkneen

Quick Example of registering a scheme in TiApp.xml, implementing the code in app.js / alloy.js

ricardoalcocer

function onsuccess(data){
	var jdata=JSON.parse(data);
	
	var data=[];
	jdata.forEach(function(item){
		var payload={
			tweet:item.text
		};
		
		var row=Alloy.createController('tweet.row',payload).getView();