@rafaelks

[rafaelks]

Tudo certo para um dos eventos mais importantes do mundo "Mobile" nos últimos anos.

[rafaelks]

O cardápio da Chocolataria Gramado está no Carddi - http://carddi.com.br (em Chocolataria Gramado)

[rafaelks]

How to use custom Holo Theme in Android with Titanium Mobile

Hello,

Yesterday I have posted a picture in my Twitter that shows a Android application that was made using Alloy and a custom Holo Theme. Many Titanium developers ask a tutorial to me, and here it is!

I'm working in some excitant projects with Titanium, and one of them needs to have a nice UI in iOS and Android. I like so much to use native components in apps, for many factors that probably all of you knows.

Configuring tiapp.xml

So, here is what we have to do to make a great user interface using a custom Holo Theme in Android. First of all: you can do it using Alloy or not (CommonJS views) but you will must limit your application to 4.0+ Android devices.

In our tiapp.xml, let's declare it:

<android xmlns:android="http://schemas.android.com/apk/res/android"> <tool-api-level>14</tool-api-level> <manifest> <application android:screenOrientation="portrait" android:theme="@style/MyTheme" /> <uses-sdk android:minSdkVersion="14"/> <uses-sdk android:targetSdkVersion="16"/> </manifest> </android>

So, we declared that targetSdk version will be 16, our tool API level will be 14 (4.0) and our Theme will be called MyTheme, but you can call it what else you want. So, let's create it.

Creating Android Custom Holo Theme

You just have to go to Android Holo Colors and choice you theme. Don't forget to set YES to all components that you will use in your application.

After complete the creation, download it.

Setting new Theme to the Application

To finalize, you just have to copy to the folder $PROJECT_ROOT$/platform/android/ all zip content that you have downloaded. At this point, we already have configured the tiapp.xml to use our theme.

After do it, clean your project and enjoy! :-)

Plus: Action Bar, TabGroup and more!

If you want to personalize your Action Bar and TabGroup too, you can use this great tool called Android Action Bar Style Generator. It follows the same principles, just be careful to use the same theme name.

Big thanks to @castelanjr by tips about this amazing tools.

[rafaelks]

This is your LIFE. Do what you love, and do it often.

[rafaelks]

Mobile Web & iOS - Titanium Appcelerator

[rafaelks]

BIG THANKS to Jeff Haynie (Appcelerator)

[rafaelks]

Em homenagem ao Muambator. 100.000 usuários. (Publicado com o Instagram)

[rafaelks]

Auditório cheio no evento da SISNEMA em Porto Alegre. (Publicado com o Instagram)

[rafaelks]

Soon... (Publicado com o Instagram)

[rafaelks]

Workstation in the weekend (Publicado com o Instagram)

[rafaelks]

Premature optimization is the root of all evil.

[rafaelks]

BrazilJS - iOS and Android application. All open source ([Nyvra's GitHub](https://github.com/Nyvra/App-BrazilJS)).

[rafaelks]

Draggable Annotations with Titanium Appcelerator

Hello, 3 months ago I made a [contribution](https://github.com/appcelerator/titanium_mobile/pull/1670 "Drag and Drop Annotations with Titanium Appcelerator") to Titanium Appcelerator project. This contribution allow developers to make the Annotations (MapKit) draggable. So, with a simple parameter _draggable_ in your annotation, you can drag and drop the Annotation anywhere. Example: var annotation = Ti.Map.createAnnotation({ title: "Hello, World", subtitle: "Drag me!", draggable: true, latitude: -51.2287346, longitude: -30.0277041 }); When user drag and drop the Annotation, automatically the latitude and longitude of Annotation object will be changed, and a event called _pinchangedragstate_ will be fired (returns some informations about the Annotation). Example of event callback: mapView.addEventListener("pinchangedragstate", function(e) { Ti.API.info("New latitude: " + e.annotation.latitude); Ti.API.info("New longitude: " + e.annotation.longitude); }); It works only in iOS 4+ and will be avaliable in Titanium SDK 2.1.x. 

[rafaelks]

Using JavaScript Core in Shell

If you are a JavaScript developer and a shell user, you need to have access to JavaScript console by a simple shell command. To do this, you have just to create a single alias in your *~/.bash_profile* or *~/.zshrc* file. Here's the alias: ``` alias jsc="/System/Library/Frameworks/JavaScriptCore.framework/Versions/A/Resources/jsc ``` Reload your file: ``` $ source ~/.bash_profile ``` Try to access the JavaScriptCore console: ``` $ jsc -> typeof(NaN) -> number ```

[rafaelks]

CoffeeScript + MakeTi

Recently I read a blog post by Ruben Fonseca talking about CoffeeScript and Backbone with Titanium Appcelerator and I had one idea.

I'm working with MakeTi and CoffeeScript in Titanium Appcelerator and if you wanna compile your Coffee files, you have to execute this command (for example):

coffee -c -o ./Resources/ ./Resources/*.coffee

And if you wanna run your application with MakeTi, you have to execute this command:

make run

So, why don't make a shell-script file that make all things you have to do when you wanna run your application?

And I made a shell-script file called run.sh and the only thing that I have to do to compile the Coffee files and run my application is:

sh run.sh

My shell-script run.sh file was like this:

coffee -c -o ./Resources/ ./Resources/*.coffee

coffee -c -o ./Resources/ui/ ./Resources/ui/*.coffee

coffee -c -o ./Resources/lib/ ./Resources/lib/*.coffee

make run

Now, the only thing that I have to do is:

sh run.sh

I just have to use the Titanium Studio to create a new project. To edit my source I use the Sublime Text 2 or MacVim.

[rafaelks]

CoffeeScript plugin for Titanium Appcelerator

I have been using CoffeeScript to develop some projects and I loved it. But, if you are working with many directories you have to compile many times the .coffee files and it's not nice.

So, I found this Titanium Appcelerator plugin: http://bit.ly/GXlnt6

It looks very nice. You can just write your CoffeeScript code and this plugin generates (using coffee -o -c, etc.) the .js files like magical. ;-)

GitHub's project: https://github.com/billdawson/ti_coffee_plugin

[rafaelks]

Starting

I'm starting this blog with just one objective: share knowledge. This tumblr probably will have a post by month, maybe two.

I have a personal website made with Flavors. I'm Software Mobile Engineer at Nyvra (Porto Alegre / RS - Brazil) and works with iOS and Android. I use the Titanium Appcelerator framework and I have many Open Source projects in Nyvra's GitHub. Sometimes I work as a teacher at Treinamentos.mobi.