Working with Titanium Appcelerator Documentation

Titanium framework is a great choice when you want to take your javascript code base and develop a native experience on Mobile. Prior to development of Alloy within Titanium framework, you would have to create both the looks of your application and logic by completely programming in Javascript. Appcelerator team applied what was learned over the years with the open web(html, css, js) and created ‘Alloy’ for Titanium SDK. Mediating a lot of the headache when developing mobile applications. Before choosing any framework to work with it’s best to first check out documentation and make an assessment. Titanium framework documentation is one of the best if not the best documentation you will ever have the pleasure to work with. This is probably something very much needed for open web standards. Let’s take a quick tour while in search for changing a simple font size for a label. You can get to docs for Titanium framework by simply going to TitaniumDocs1 The third tab has all the best practices making it easy for you to avoid all the common hurdles. Although most of your time will be spent on the gear icon second tab. TitaniumDocs2 Let’s say you are working with Titanium framework and you wanted to change font size of a label. How does this documentation help? On the left side of the page. Scroll down and expand ‘UI' (User Interface):!/api/Titanium.UI.Label TitaniumDocs3 Then click Label: TitaniumDocs4 This will update right side of the page and load docs for Titanium.UI.Label. Right below the heading are three drop down menus. These drop downs will help you quickly find what you need. TitaniumDocs5 Great way to understand these three menu options (Properties, Methods, and Events). let’s think of a pair of scissors having a ‘property' called handles allowing you to hold the scissors and you can use a method to open and close the scissors. The ‘property' and ‘method' allow you to do an ‘event' such as cut a piece of paper or cloth. Properties menu will list settings you can change to define your label. For example a property to define a color for your label: TitaniumDocs6 You can get more details about what String (text with quotes) values are accepted by clicking Titanium.UI. TitaniumDocs7 Clicking Titanium.UI link will take you here:!/api/Titanium.UI You can scroll down to ‘color' and there is an explanation on types of strings(text with quotes) you can use to define color: Now let’s change font size for a label. We go back to Titanium.UI.Label (!/api/Titanium.UI.Label) and scroll down or in search box type font: TitaniumDocs8 This is a little confusing because there is no mention of how to change the font size. Since the explanation is too much to display here you have to click on font link. TitaniumDocs9 Once you click font you will be taken here:!/api/Font Aha, there it is and documentation even explains common 'gotcha’s' with setting fonts. There is even an explanation about adding custom fonts. How cool is that? TitaniumDocs10Also look out for these icons giving you heads up on what platforms are supported for a given property. Hope you enjoyed this quick tour and my intention is not to insult anyones intelligence. There is tons of more fun to be had. You can download titanium framework and sdk. Yes, it will work on your Windows OS. I’ve created what I call the Basmala test for Titanium Alloy. The famous Basmala is a excellent way to start any project. You can browse through this code ( on Github to help you on your development. It’s a simple audio player app using standard Android native UI elements. If you get stuck regarding this code on Github. Please leave a comment below. Okay, enough with the tedious skimming through docs.

A basic Audio Player made with Titanium Framework developed using Alloy MVC

[jwplayer mediaid="856"]

You can download from this link below and browse through AudioPlayer/App folder. Controller is written in very clear Javascript easy to understand.
Z Data Tech Last modified: January 30, 2023