Tutorials
Here you can find some tutorials to get you started building apps with Titanium SDK. It will cover the installation, your first app and more advanced topics at the end.
Android splash screen styling
Since Android 12 the splash screen of your Android app is always your app icon. If you want to change the styling of the splash screen you can create a custom theme and set a background color, custom icon or even an animation. At first you’ll need to get your start activity name. The quickest […]
read tutorialUse iCloud Drive with Titanium SDK
This tutorial is based on a How-to guide by Alessandro La Rocca posted on Slack with his steps how to include iCloud drive into your Titanium SDK iOS app. Apple Setup Login into developer.apple.comAssuming you already have created the identifier for your app (App ID). For example: Select Identifiers.Create a new identifier and choose iClod: […]
read tutorialCreate a Titanium iOS module with ChatGPT
Full ChatGPT conversation to create https://github.com/emptybox/SocialShareEBM Can you create an iOS/Android module for the Titanium ecosystem that I can use to share an image via text, email, instagram (if installed) – with auto open and select, facebook (if installed) or save to local gallery? Include the code to be compatible with the latest version of […]
read tutorialExtending Titanium SDK
Ever wanted to have a new property or feature in Titanium SDK or you’ve found a bug and want to fix it? In this tutorial we will have a look on how to extend the SDK, how to build it, test in and how to get your pull request merged into the main repository. Get […]
read tutorialCalculate the folder size with all sub-folders and files
A quick snippet from the TiDev Slack group to calculate the folder size (e.g. of the applicationDataDirectoy) without any external plug-in:
read tutorialEndless ScrollableView - Swipe left/right all the time
Sometimes you have to create an UI element that you should be able to swipe from left to right as often as the user wants to. The build-in ScrollableView is a nice component to get the swipe and stop motion out of the box. You just have to find a way to add your views […]
read tutorialHyperloop and Android: Using third party Android libraries
With Titanium Hyperloop you can use native Android libraries directly in Titanium using Javascript. In this short tutorial I will describe a quick way to get a third party AAR library running in an app.
read tutorialMobile Apps entwickeln – Erste Schritte (Windows 11, Titanium SDK)
Erste Schritte für die Entwicklung einer mobilen App mit Titanium SDK mit Windows 11 und VSCode.
read tutorialMobile Apps entwickeln - Installationsanleitung (Windows 11, Titanium SDK)
Starte die Entwicklung einer mobilen App mit Titanium SDK mit Windows 11 und VSCode. In diesem Tutorial installieren wir die notwendigen Tools.
read tutorialBuilding a photo overlay app
In this tutorial we will build a photo overlay app where you can take a picture, chose an overlay, save that picture and share it. We are going to build this app with Titanium SDK and it will run on Android and iOS at the end. The screenshots will use an Android phone but if […]
read tutorialBuild an Android app that connects to a MQTT device
How to build an Android app that connects to a MQTT device - like a power switch - with Titanium SDK.
read tutorialCreate 360 degree turntable animation for 3D renderings with Titanium SDK
Following the color animation tutorial, this post shows how to create turntable animation with Titanium. Turntable animation is a 360° animation in one axis: and is mostly used to show 3D objects from all sides. Since we cannot use a 3D engine, we will use a prerendered sprite sheet to create our animation. The sprite […]
read tutorialMobile puzzle game using Titanium SDK (part 2)
Check part 1 first in case you’ve missed that! In the second part we will generate a grid movement. Current code Your current files should look like this var startX = 0; var startY = 0; var isMoving = false; var activeItem = $.view; function onTouchstart(e) { startX = e.x; startY = e.y; isMoving = […]
read tutorialMobile puzzle game using Titanium SDK (part 1)
This multipart series will teach you how to create a simple puzzle game for Android and iOS using Titanium SDK. In the game you will have to place all game-blocks in an area. The game-blocks have different sizes and there a blocker fields inside the game area. You can download the full game in the […]
read tutorialAdding biometric access (fingerprint, face) to your Titanium SDK mobile app
Not every user wants to insert a password everytime to login to your app. A very common and handy feature is to use the phones biometric features like face unlock or fingerprint unlock. Titanium offers an open-source module named Ti.Identiy (https://github.com/tidev/titanium-identity) to do exactly that. App setup We create a new app with ti create […]
read tutorialHow to find a solution if you have a Titanium SDK issue
😱 “No simulator detected” 😱 Message like this can be very frustrating when you are about to start a new app project with Titanium Mobile or it suddenly appear after starting your machine. The solutions is most of the time really quick to find if you know where to look or ask! BTW: this one […]
read tutorialAndroid: Find bugs with the "don't keep activities" developer setting
Fixing bugs in your app can be a difficult job. Especially if you can’t reproduce a crash that happens in your live app or on your clients phone. Luckily Android will give you some developer settings that you can enable to make your phone run in a “non normal” way. Here we will have a […]
read tutorialUsing Android 13 "per app" language with Titanium SDK
This tutorial will explain how to use the new Android 13 "per app" language feature in your Titanium app.
read tutorialUse modules in your app
Every now and then, you need to use an external module in your app to access things that don’t exist in the native Titanium SDK like a barcode scanner (Ti.Barcode, Ti.Codescanner). Many of these plug-ins are open source and can be found here at the modules page or on GitHub.In order to use those modules […]
read tutorialOptimize Android app performance
Android will provide some tools in the dev settings that help you optimizing the performance of your apps. You can display “overdraw” information and see layout borders. Both options can help in improving your app performance. There are some other best practice tips at https://titaniumsdk.com/guide/Titanium_SDK/Titanium_SDK_Guide/Best_Practices_and_Recommendations/ Be up to date Always make sure you run the […]
read tutorialCreate Android modules for Titanium SDK
Create a custom Android module for Titanium SDK using an external module and XML layouts.
read tutorialAndroid styling in Titanium using themes
A guide to use Android themes to style your Titanium apps.
read tutorialUsing custom url schemes to start your app
Use custom url schemens to start your apps from links and pass parameters.
read tutorialAppwrite + Titanium SDK: A step by step guide
A step by step guide to integrate Appwrite into an Appcelerator Titanium app.
read tutorialListView: Endless scroll
Create a simple endless scrolling listview with a custom template and markers.
read tutorialAndroid Modules: using local aar files
Use local AAR libraries with your Android module and gradle.
read tutorialAh, push it - Use Firebase push in your app
Connect your app with Firebase and use Firebase Cloud Messaging (FCM, push) in your Titanium app.
read tutorialAndroid adaptive icons
Use Androids adaptive icons in your Android Titanium app.
read tutorialDebugging WebViews
Debugging WebViews in your app with Safari or Chrome.
read tutorialDebugging apps using Chrome DevTools
Debug your apps with Chrome DevTools.
read tutorialTransfer your Titanium SDK app from appc CLI to ti CLI
Transfer your old Axway Titanium apps to the open source CLI.
read tutorialWhere am I? A geolcation/gps project
The basics of using GPS/geolocation in combination with Titanium.
read tutorialHow to add maps to your Titanium SDK mobile app
How to integrate Google and Apple maps with the ti.map module.
read tutorialTake pictures and use the Android/iOS camera
Take pictures and use the camera in your Titanium apps.
read tutorialCreate basic app UI layouts with Titanium SDK
A list of basic Android/iOS UI examples and how to use them in your app.
read tutorialCreate your first mobile app
Create your first mobile Android or iOS app with Titanium.
read tutorialHow to install Titanium SDK to start building mobile apps
Install Titanium for the first time and use it with Atom (or VSCode).
read tutorial