Skip to content

Instantly share code, notes, and snippets.

@venkatesh05
Created July 13, 2018 09:25
Show Gist options
  • Save venkatesh05/a3b508dfef68da16082e1f22b5904a5c to your computer and use it in GitHub Desktop.
Save venkatesh05/a3b508dfef68da16082e1f22b5904a5c to your computer and use it in GitHub Desktop.
Titanium Drawer Layout with top Toolbar
var win = Ti.UI.createWindow();
var leftView = Ti.UI.createView({
backgroundColor : 'red'
});
var centerView = Ti.UI.createView({
backgroundColor : 'yellow'
});
var rightView = Ti.UI.createView({
backgroundColor : 'orange'
});
var drawer = Ti.UI.Android.createDrawerLayout({
leftView : leftView,
centerView : centerView,
rightView : rightView
});
var left = Ti.UI.createButton({
left: 0,
title: 'left',
width: '70dp'
});
left.addEventListener('click', function() {
drawer.toggleLeft();
});
var title = Ti.UI.createLabel({
text: 'Title',
width: '200dp',
color : '#000',
textAlign:'center'
});
var right = Ti.UI.createButton({
right: "5dp",
title: 'right',
width: '70dp'
});
right.addEventListener('click', function() {
drawer.toggleRight();
});
var toolbar = Ti.UI.createToolbar({
width: Ti.UI.FILL,
backgroundColor : '#fefefe',
items: [left, title, right],
top: 0
});
centerView.add(toolbar);
win.add(drawer);
win.open();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment