Welcome to day 2 with Titanium – Tables and pickers. A short reminder of what we’ve done till now:
Believe it or not, the table is the most used UI element in the iPhone SDK. If you play a little with the applications that come with your “iDevice” you will see that almost all the native apps have tables. Sometimes they are so well designed and the appearance so changed that you don’t even think of them as tables. But in time, while you will learn more, you will be able to spot it and a lot of ideas will come to you 
. Also I think that that the pickers are some sort of “undercover tables” so that’s why I’ll present both in the same tutorial.
Today is going to be the first day of the Titanium tutorial for beginners and a pretty long post.
Before we begin here is the recap of what we have written until now (and updated what will come): Seven days with Titanium – day 0 – introduction
As specified in the Introduction post I will try in this lesson to say some things about navigation, windows, views and tabs – the basics of the interface.
What is all about?
I intend this to be a set of seven tutorials to help beginners understand how to work with the Titanium mobile framework.
The guys at Appcelerator did a great job with the framework allowing to us, the web developers, to have access on native applications for mobile devices ( Apple iDevices, Android and soon BlackBerry).
The framework reached the 1.4 version and each day more developers seem to be interested in using it – especially because it’s free. The community is great and you’ll find answers on almost any problem you might have. But for the beginners is still a little difficult to start. From here surged the idea of this set of tutorials in which I will try to cover the basics of the development process for iPhone and Android.
A true iPhone or Ipad combobox that allows you to use the same textfield to input arbitrary text or select a value from a UIPicker element. All built with Titanium Appcelerator to include in your iPhone application.
How to create a countdown timer for your iPhone with Titanium Appcelerator. Source code available for download.
Ingredients:
sprites, unorderdered lists, Mootools knowledge.
Cooking time:
1 hr
Result:
Can be seen on our website – Rborn Web development – mouse-over the top menu.
Very simple problem with a pretty complicated solution, mostly because IE is ignoring the box-shadow CSS3 property. Instead progid:DXImageTransform.Microsoft.Shadow is doing the trick for it and an equivalent can be found.
The result?
How to create a tooltip to those that are using Titanium to develop their iPhone apps. Download the code and test it by yourself.
In this post I will explain how to create custom rows for TableViews using Titanium Mobile. The project source can be downloaded to play with.
Styling a form is never an easy thing to do, but adding CSS3 on a HTML5 form is a task that shows a large variety of results when it comes to testing on different browsers. Check the test link. When it comes to CSS3 not much can be done: but adding rounded corners, gradients and [...]