feat(android): collapseToolbar layout

[m1ga]

New Android layout: CollapseToolbar

simplescreenrecorder-2023-01-09_19.23.51.mp4

based on the DrawerLayout setup I've created a basic collapsing toolbar.

const win = Ti.UI.createWindow({
	theme: "Theme.Titanium.DayNight.NoTitleBar"
});

const centerView = Ti.UI.createView({
	layout: "vertical",
	height: Ti.UI.SIZE
});

for (let i = 0; i < 40; ++i) {
	let lbl = Ti.UI.createLabel({
		text: "test " + i,
		height: 40
	});
	centerView.add(lbl);
}

const collapsingToolbar = Ti.UI.Android.createCollapseToolbar({
	contentView: centerView,
	contentScrimColor: "#333",
	top: 0,
	image: "/images/img.jpg",
	title: "Collapsing toolbar"
});


win.addEventListener('open', function() {
	collapsingToolbar.onHomeIconItemSelected = function() {
		alert("click click");
	};
	collapsingToolbar.displayHomeAsUp = true;
	collapsingToolbar.flags = Ti.UI.Android.SCROLL_FLAG_SCROLL | Ti.UI.Android.SCROLL_FLAG_ENTER_ALWAYS; // scroll out - always move in
});

win.add(collapsingToolbar);
win.open();

Features:

• background image
• parallax effect (fixed)
• flag support (e.g. move out when scrolling down and move in as soon as scoll down)
• bar color
• collapsed bar color (called contentScrimColor)
• title
• displayHomeAsUp
• onHomeIconItemSelected
• started the docs
• added SCROLL_* flags as constants
• imageHeight for the image height (normal height for the toolbar height)
• variable color (title) and navigationIconColor (arrow)

[m1ga]

using different flags and displayHomeAsUp:

simplescreenrecorder-2023-01-09_23.07.00.mp4