Create Tabs with custom selected / unselected images.
Objective-C Python JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
Classes
assets
dist
documentation
example
hooks
platform
ticustomtab.xcodeproj
.gitignore
CHANGELOG.txt
DeMarcelpociotTicustomtab_Prefix.pch
LICENSE
LICENSE.txt
README.md
build.py
manifest
module.xcconfig
timodule.xml
titanium.xcconfig

README.md

TiCustomTab

This module gives the ability to define some custom Tab / TabGroup settings on iOS. This build works for Titanium SDK 3.2.1

Features

  • Custom selected / unselected images for TiTabs
  • Custom tint color for TiTabGroup
  • Custom TiTabGroup background image

Usage

Custom text color, shadow color, and font

var ticustomtab = require('de.marcelpociot.ticustomtab');

ticustomtab.customText({
    textColor:      '#ff9900',
    shadowColor:    'red', 
    font:           {
        fontSize:   20,
        fontFamily: 'Palatino', 
        fontWeight: 'bold'
    }
});

Custom background image

var tabGroup = Titanium.UI.createTabGroup({
    customBackgroundImage: 'tabbar.png'
});

Custom tint color

var tabGroup = Titanium.UI.createTabGroup({
    tintColor: 'red'
});

Custom selected/unselected images:

var tab = Titanium.UI.createTab({  
    title:'Tab 1',
    window:win1,
    images: {
        selected: 'selected.png',
        unselected: 'unselected.png'
   }
});

OR

var tab = Titanium.UI.createTab();
tab.setImages({
    selected: 'selected.png',
    unselected: 'unselected.png'
});

ABOUT THE AUTHOR

I'm a web enthusiast located in germany.

Follow me on twitter: @marcelpociot

Bitdeli Badge