appcelerator titanium app левая и правая навигационная кнопка имеет дополнительное место?
Я пытаюсь добавить пользовательские кнопки к левой и правой кнопкам navButton, но кажется, что появляется спейсер, если я устанавливаю backgroundImage. Если задан только текст заголовка, интервал будет правильным. Вот мой пример, чтобы воспроизвести проблему, я добавил borderColor, чтобы показать, что изображение не является виновником.
var win = Ti.UI.createWindow({
width: '100%',
height: '100%',
backgroundColor: 'white'
});
var leftBtn = Ti.UI.createButton({
backgroundImage:"/images/headerCmdMenu.png",
width: '81px',
height:'74px',
title: 'left',
borderColor: 'red',
borderWidth: 1
});
var rightBtn = Ti.UI.createButton({
width: '81px',
height:'74px',
title: 'right'
});
win.leftNavButton = leftBtn;
win.rightNavButton = rightBtn;
var nc = Ti.UI.iOS.createNavigationWindow({
window : win
});
nc.open();
Вот скриншот вида...
http://imagebin.ca/v/13wq8Jrn1hst
Любые идеи, как это исправить? Благодарю. Крис
Примечание: я спрашивал об этом на официальных форумах, но не получил ответа через 14 дней. http://developer.appcelerator.com/question/160022/leftnavbutton-and-rightnavbutton-spacer-appears-if-using-backgroundimage-
1 ответ
Это довольно длинный ответ, но он все еще может помочь кому-то еще, ищущему ту же проблему.
Для изображений в левой / правой навигационных кнопках, посмотрите сначала на следующие пункты:
- Если вы установите только заголовок, он будет работать как положено.
- Если вы устанавливаете только backgroundImage (не устанавливаете width & height), тогда изображение будет растянуто, чтобы занять все пространство.
- Если вы установите только backgroundImage с некоторой шириной и высотой, то кнопка будет вести себя как обычная кнопка с ожидаемым интервалом и площадью.
- Если вы установите и backgroundImage & title, то это будет иметь место в этом посте.
- Также помните, что всегда используйте файлы изображений правильного размера, когда собираетесь использовать как левую / правую навигационные кнопки.