[TIMOB-13686] Android: Implement remaining ListView v2 features (excluding search)

var win = Ti.UI.createWindow({backgroundColor: 'blue', fullscreen: false});

var view1 = Ti.UI.createView({height: 100, backgroundColor: "green"});
var button = Ti.UI.createButton({title: "click me"});
view1.add(button);
button.addEventListener('click', function(e) {
   Ti.API.log("you clicked on button1");
});  

view1.addEventListener('click', function(e) {
   Ti.API.log("you clicked headerView");
});

var view2 = Ti.UI.createView({height: 100, backgroundColor: "blue"});
var button2 = Ti.UI.createButton({title: "click me"});
view2.add(button2);
button2.addEventListener('click', function(e) {
   Ti.API.log("you clicked on button2");
});  

view2.addEventListener('click', function(e) {
   Ti.API.log("you clicked footerView");
});

var section1 = Ti.UI.createListSection();
var list = Ti.UI.createListView({separatorColor: 'blue', headerView: view1, footerView: view2, backgroundColor: 'white', sections:[section1]});
var item =  {properties: {title: "hi", backgroundColor: "yellow", backgroundSelectedColor: "blue", accessoryType: 1, image: "appicon.png", color: "blue", font: {fontSize: "20sp"} }};
addItems(0, 20, item, section1);
item.properties.image = "KS_nav_ui.png";
win.add(list);
    
 
win.open();
    
function addItems(index, count, item, section) {
	for (var i = index; i < index + count; i++) {
        item.properties.title = "Label " + i;
    	section.appendItems([item]);
    }
}

var win = Ti.UI.createWindow({backgroundColor: 'yellow', fullscreen: false});
 
var view1 = Ti.UI.createView({height: '200dp', backgroundColor: "green"});
var button = Ti.UI.createButton({title: "change height to 100dp"});
view1.add(button);
button.addEventListener('click', function(e) {
   Ti.API.log("you clicked on button1");
   view1.height = '100dp';
   });  

view1.addEventListener('click', function(e) {
   Ti.API.log("you clicked headerView");
});
 
var view2 = Ti.UI.createView({height: '200dp', backgroundColor: "red"});
var button2 = Ti.UI.createButton({title: "change height to 100dp"});
view2.add(button2);
button2.addEventListener('click', function(e) {
   Ti.API.log("you clicked on button2");
   view2.height = '100dp';
});  

var view3 = Ti.UI.createView({height: '100dp', backgroundColor: "blue"});
var button3 = Ti.UI.createButton({title: "change height to 200dp"});
view3.add(button3);
button3.addEventListener('click', function(e) {
   Ti.API.log("you clicked on button3");
   view3.height = '200dp';
}); 

var view4 = Ti.UI.createView({height: '100dp', backgroundColor: "purple"});
var button4 = Ti.UI.createButton({title: "change height to 200dp"});
view4.add(button4);
button4.addEventListener('click', function(e) {
   Ti.API.log("you clicked on button4");
   view4.height = '200dp';
}); 
win.open();

var section1 = Ti.UI.createListSection({headerView: view1, footerView: view2});
var list = Ti.UI.createListView({headerView: view3, footerView: view4, separatorColor: 'blue', backgroundColor: 'white', sections:[section1]});
var item =  {properties: {title: "hi", backgroundColor: "yellow", backgroundSelectedColor: "blue", accessoryType: 1, image: "appicon.png", color: "blue", font: {fontSize: "20sp"} }};
addItems(0, 20, item, section1);
item.properties.image = "KS_nav_ui.png";

win.add(list);

function addItems(index, count, item, section) {
    for (var i = index; i < index + count; i++) {
        item.properties.title = "Label " + i;
        section.appendItems([item]);
    }
}

var myTemplate1 = {
  properties: {
    backgroundColor: 'blue',
    height: '100sp'
  },
  childTemplates: [
  {
    type: 'Ti.UI.Label',
    bindId:'cellLabel',
    properties: {
      font: {fontSize: '12dp'},
      text: "Hello"
    }
  }]
};

var section = Ti.UI.createListSection({headerTitle: "Header 1"});
var data = [];

for (var i = 0; i < 4; i++) {
    var item = {
        properties: {selectedBackgroundColor: "green"},
    	cellLabel: {text: "selectedBackgroundColor: green"}
    };
    if (i == 1) {
        item.properties = {selectedBackgroundImage: "appicon.png"};
    	item.cellLabel.text = "selectedBackgroundImage: appicon";
    } else if (i == 2) {
        item.properties = {
        	backgroundGradient: {
        		type: 'linear',
        		startPoint: { x: '0%', y: '50%' },
        		endPoint: { x: '100%', y: '50%' },
        		colors: [ { color: 'red', offset: 0.0}, { color: 'blue', offset: 0.25 }, { color: 'red', offset: 1.0 } ],
    		}
    	};
    	item.cellLabel.text = "backgroundGradient";
    } else if (i==3) {
    	item.properties = {backgroundImage: "KS_nav_ui.png", selectedBackgroundImage: "appicon.png"};
    	item.cellLabel.text = "backgroundImage: KS_nav_ui, selectedBackgroundImage: appicon";
    }
    data.push(item);
}

section.setItems(data);

var listView = Ti.UI.createListView({defaultItemTemplate: 'myTemp', templates: {myTemp: myTemplate1}, backgroundColor: "white", sections: [section]});

var win = Ti.UI.createWindow();
win.add(listView);
win.open();