2013-12-09 1 views
2

왼쪽 및 오른쪽 navButton에 사용자 지정 단추를 추가하려고하지만 backgroundImage를 설정하면 스페이서가 나타나는 것 같습니다. 제목 텍스트 만 설정되어 있으면 간격이 정확합니다. 다음은이 문제를 재현 한 예입니다. borderColor를 추가하여 이미지가 범인이 아님을 보여줍니다. 여기 appcelerator 티타늄 앱 좌우측 탐색 버튼에 여유 공간이 있습니까?

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

어떤 아이디어가이 문제를 어떻게 해결 하는가? 감사합니다. . Chris

참고 : 공식 포럼에서이 질문을했지만 14 일 후에 답변을 얻지 못했습니다. http://developer.appcelerator.com/question/160022/leftnavbutton-and-rightnavbutton-spacer-appears-if-using-backgroundimage-#comment-196608

답변

0

답변하기에 꽤 길지만 다른 사람이 동일한 문제를 찾는 데 도움이 될 수 있습니다.

왼쪽/오른쪽 탐색 버튼에 이미지의 경우

먼저 아래의 점을 찾습니다

  1. 을 만 제목을 설정하면, 예상대로 다음이 작동합니다.
  2. backgroundImage 만 설정하면 (너비가 &으로 설정되지 않음) 이미지가 전체 공간을 차지하도록 늘립니다.
  3. 너비가 & 인 backgroundImage 만 설정하면 버튼이 예상 간격 및 면적으로 일반 버튼처럼 동작합니다.
  4. backgroundImage를 모두 &으로 설정하면이 게시물의 경우가됩니다.
  5. 왼쪽/오른쪽 탐색 버튼으로 사용할 때는 항상 올바른 크기의 이미지 파일을 사용하십시오.
관련 문제