2011-04-18 4 views
0

날짜 필드를 편집하기 위해 TableView에서 슬라이드하는 DatePicker를 만들려고합니다. 문제는 DatePicker가 TableView 뒤에 표시된다는 것입니다. TableView가 투명하기 때문에 일부만 볼 수 있습니다. Titanium Mobile의 오버레이 만들기 TableView

enter image description here

나는 다른 것보다 더 높은 Z- 색인 값, 두 가지 중 하나를 포기하려하지만 도움이되지 않았다. datepicker는 뷰에서 피커 컨트롤이며 애니메이션으로 슬라이드합니다.

어떻게 다른보기로 TableView를 오버레이합니까?

편집 : 테이블은 다양한 데이터 유형으로 인해 매우 복잡하므로 복사 & 붙여 넣기가 과도합니다. 여기에 관련 부분이 있습니다.

var win = Ti.UI.createWindow(); 
var table = Ti.UI.createTableView({zIndex: 1}); 

// some table sections are added here 

// create picker layer 
var row = Ti.UI.createTableViewRow({zIndex: 2}); 
var picker_view = Titanium.UI.createView({ 
    height: 251, 
    bottom: -251, 
    zIndex: 3, 
    visible: false 
    }); 

var picker = Ti.UI.createPicker({ 
    type: Ti.UI.PICKER_TYPE_DATE, 
    selectionIndicator: true 
    }); 
picker_view.add(picker); 

row.addEventListener('click', function() 
    { 
    picker_view.visible = true; 
    var slide_in = Titanium.UI.createAnimation({bottom:0}); 
    picker_view.animate(slide_in); 
    }); 

row.add(picker_view); 

some_section.add(row); 
win.add(table); 

고마워요!

+0

코드를 표시 할 수 있습니까? –

+0

물론 몇 가지 코드로 질문을 업데이트했습니다. – Chris

+1

테이블에 픽커를 추가하려고합니다. –

답변

3

테이블에없는 창에 선택기를 추가하십시오.

2

행에보기를 추가하지 말고 창에 추가하십시오.

보기에서 표시 여부를 설정하지 않으므로 위아래로 슬라이드하기 때문에 관련이 없습니다.

또한 실제로는 zIndexes와 혼동 스럽습니다.이 사용 사례에서는 실제로 필요하지 않습니다.

+0

감사합니다 아론. 무하마드 (Muhammad)도 제안했듯이, 트릭을 한 창에 그것을 추가하고있었습니다. 나는 그 행에 그것을 추가 할 때 테이블을 약간 당기면 당연히 "숨겨진"선택기를 볼 것이기 때문에 가시성 플래그를 가졌습니다. 창에 추가하면 그 아이디어가 무효화됩니다. zIndexes는 실제로 필요합니다. 테이블을 1로 설정하고 pickerview를 2로 설정하지 않으면 테이블 뒤에 열립니다. 나는 그것이 창문에 그들을 추가하는 순서와 관련이 있다고 생각한다. 제 경우에는 zIndex를 사용하는 것이 더 합리적입니다. 감사! – Chris