Skip to content

ManuByteworks/TitaniumTableviewCellsExtended

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Titanium Table Row Extensions for IOS

This is a simple module that extends TiUITableViewRow to include some methods that are not available in Titanium

New methods added:

  1. isVisible() - returns true/false if the row is visible in the tableview
  2. getTopOffset() - returns the distance from the table's top to the row

I used this module to build a semi native parallax effect for table rows.

You only need to require() the module once per application.

//At the beginning of your app
var m = require('net.cappelleri.tableviewrowextension');

//Later on...
for (var i = 0; i < tableData.length; i++) {
var r = tableData[i];
Ti.API.info("Checking on row n. " + i,"Row is visible?", r.isVisible(), "Row offset from table top is:", r.getTopOffset());

}

Just a quick example for the parallax effect...

$.table.addEventListener('scroll', function(e) {
    async.map(parallaxedcells, function(cell, callback) {
        if (!cell) {
            callback();
            return;
        }
        if (cell.tableViewRow.isVisible()) {
            var offset = cell.tableViewRow.getTopOffset() - 100;
            var val = cell.imageDiff * offset / 150;
            var hh = Alloy.Globals.paddedTextRowHeight * offset / 150;
            if (val < 0) {
                val = 0;
            }
            if (val > cell.imageDiff) {
                val = cell.imageDiff;
            }
            
            cell.textPostImage.animate();
            cell.textPostImage.animate({
                top: (-1 * val),
                duration: 125,
            });
        }
        callback();
    }, function() {
    });
});

About

Add new methods to Titanium Table Row

Resources

Stars

Watchers

Forks

Packages

No packages published