[AC-2099] iOS: leftNavButton image width property is not set
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | n/a |
| Status | Closed |
| Resolution | Won't Fix |
| Resolution Date | 2013-05-08T20:47:53.000+0000 |
| Affected Version/s | n/a |
| Fix Version/s | n/a |
| Components | Titanium SDK & CLI |
| Labels | n/a |
| Reporter | Jan Helleman |
| Assignee | Mauro Parra-Miranda |
| Created | 2012-10-19T23:54:32.000+0000 |
| Updated | 2016-03-08T07:41:04.000+0000 |
Description
SDK 3.0 has the option to use an image in a button. When this button is used as a navigation button it does not respect any settings in width and height. This scales the image in the button to the image it's original width, and the usual height of the navigation bar. Example:
var win1 = Titanium.UI.createWindow();
var win2 = Titanium.UI.createWindow({
backgroundColor : 'red',
title : 'Red Window'
});
var navBtn = Ti.UI.createButton({image: '/images/cart.png', width: 16, height: 16});
var btn2 = Ti.UI.createButton({image: '/images/cart.png', width: 16, height: 16});
win2.add(btn2);
win2.leftNavButton = navBtn;
var nav = Titanium.UI.iPhone.createNavigationGroup({
window : win2
});
win1.add(nav);
win1.open();
Attachments
| File | Date | Size |
|---|---|---|
| cart.png | 2012-10-19T23:54:33.000+0000 | 10744 |
Jan, The docs point out that the value for leftNavButton must be a view (http://docs.appcelerator.com/titanium/latest/#!/api/Titanium.UI.Window-property-leftNavButton). Thus I have made a small example which shows that when leftNavButton is a view, the sizes for the image works as expected.
var win1 = Titanium.UI.createWindow(); var win2 = Titanium.UI.createWindow({ backgroundColor: 'red', title: 'Red Window' }); var win3 = Titanium.UI.createWindow({ backgroundColor: 'blue', title: 'Blue Window' }); var btnView = Ti.UI.createView({ backgroundImage: 'cart.png', width: 20, height: 20 }); btnView.addEventListener('click', function(){ nav.open(win3, {animated:true}); }); var nav = Titanium.UI.iPhone.createNavigationGroup({ window: win2 }); win2.leftNavButton = btnView; win1.add(nav); win1.open();