Created
July 13, 2018 09:25
-
-
Save venkatesh05/a3b508dfef68da16082e1f22b5904a5c to your computer and use it in GitHub Desktop.
Titanium Drawer Layout with top Toolbar
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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