2014-08-28 3 views
0

티타늄 어플리케이션에서 재사용하고 싶은 버튼 컨트롤러를 만들었습니다. 내 창 중 하나에서 createController를 사용하여 창에 추가합니다. 여태까지는 그런대로 잘됐다.티타늄 컨트롤러의 높이가 제어 할 수없는 것 같습니다

그러나 버튼의 높이가 전체 창에있는 것으로 보이며이를 변경하는 방법을 찾을 수 없습니다. 내가 뭘 놓치고 있니?

view button.xml :

<Alloy> 
    <View id="generalButtonContainer"> 
     <View id="generalButton" class="generalButton" onClick="callback" > 
      <Label class="generalButtonLabel" id="generalButtonLabel" /> 
      <ImageView class="generalButtonIcon" /> 
     </View> 
    </View> 
</Alloy> 

button.tss : 내 파일 아래

Alloy.createController('button',{text: 'signup.button.continue'}); 
$.signupButtonContainer.add(buttonView.getView()); 

그리고 지금, 나는를 지정하더라도

".generalButton": { 
    height: 60, 
    borderRadius: 2, 
    backgroundColor: '#5ba7e6', 
    left: 10, 
    right: 10 
} 

".generalButtonLabel": { 
    color: '#ffffff', 
    font: { 
     fontSize: 16 
    }, 
    left: 15 
} 


".generalButtonIcon": { 
    image: '/images/generic/arrow-thin-right-white.png', 
    height: 15, 
    width: 15, 
    top: 22, 
    right: 15 
} 
"#generalButtonContainer": { 
    width: 320, 
    height: Ti.UI.SIZE 
} 

그리고 여기 내 부모 창에 포함 높이 (부모 창에서도 signupButtonContainer :)) 나는 전체 창 높이보기를 여전히 얻는다.

이 문제를 어떻게 해결합니까?

편집 : 누락 된 정보가있는 경우 그냥 물어보십시오! 많은 정보가 포함 된 복잡한 질문

답변

1

나는 아무것도 분명하지 않습니다. 이러한 레이아웃 문제를 디버깅하려면 몇 가지 시행 착오가 필요할 수 있습니다. 나는 두 가지 전술을 제안 할 것이다.

1)가 분명 뭔가가 있는지 자원에서 생성 된 코드/플랫폼/합금/컨트롤러/컨트롤러은 .js를 확인합니다. 명시 적 값없이 표시되는 구성 요소의 다양한 레이아웃 구성 요소에 대한 기본 높이/너비를 기억하십시오.

2) 레이아웃 변경 사항을 빠르게 볼 수 있도록 LiveView 또는 TiShadow를 사용하는 것이 좋습니다. 그런 다음 다양한 요소의 배경색을 분명한 색 (분홍색, 주황색, 녹색 등의 문자열이 잘 작동하는 문자열)으로 설정하여 화면 채우기를 확인하십시오.