2011-04-07 4 views
3

저는 Titanium Mobile (iPhone)의 GUI 레이아웃에 약간 문제가 있습니다. 높이/너비/위치/스크롤/등을 설명하는 가이드/기사가 어딘가에 있습니다. 티타늄 모바일에서 작동합니까? 레이아웃 질문 Titanium Mobile

  1. 내가 상단 부분에 이미지 뷰와 스크롤 창을 원하고, 그 아래에있는 TableView :

    는 지금은 두 가지 문제에 붙어있어. 그들은 함께 스크롤해야합니다. 나는 그것들을 ScrollView에 추가하고 창 크기만큼 ScrollView를 늘리려고했지만, ImageView는 화면 상단에 고정되었고, TableView는 화면의 아래쪽 절반에 스크롤 가능하지만 모든 것이 함께 스크롤되어야한다. 창문 안에.

  2. iPhone에서 "연락처"앱과 유사한 편집 가능한 그룹화 된 TableView를 만들고 싶습니다. 왼쪽에있는 파란색 레이블의 경우 레이블을 만들고 TableRow에 추가 한 다음 나머지 행에 대한 텍스트 필드를 추가했습니다. 이 방법을 사용할 수는 있지만 레이블에 '자동'너비가 텍스트와 왼쪽 및 오른쪽 패딩 비트에 맞을만큼 충분히 넓고 오른쪽에 텍스트 필드가 나머지 행을 채울 수 있습니다 (필자는 레이블의 너비를 '자동'으로 설정하면 속임수를 쓰지 않습니다.

내 질문에 분명히 들어가기를 바랍니다. 그렇지 않은 경우 의견을 남기고 문제를 시각적으로 설명하는 스크린 샷을 만듭니다.

도움 주셔서 감사합니다.

답변

8

0) 아니요, 좋은 장소에 "레이아웃"설명서가 없습니다.

1) 전체 디스플레이를 테이블로 만듭니다. 이미지보기를 테이블의 headerView에 넣습니다. 그게 내가 이런 짓을하는 방법은 다음과 같습니다

screenshot

2)이 텍스트 필드 모르는을, 죄송합니다. 그러나 대체로 위와 같은 라벨을 적용한 다음 다른 화면에 별도의 양식을로드 할 수 있습니다. 그것은 당신의 가장 단순한/최선의 선택 일 것입니다.

+0

답변 주셔서 감사합니다. – Chris

+0

배경색을 어떻게 변경 했습니까? –

+0

나는 그것이 '투명'설정이라고 확신한다. 이게 네가 말하는거야? 여기 내 관련 코드입니다, 저는 믿습니다 : var에 record_view = Titanium.UI.createTableView ({ \t 최고 : 0, \t headerView : headerView, \t의 backgroundColor : '투명' \t 스타일 : GROUPED_TABLE_STYLE, \t separatorColor : TABLE_SEP_COLOR }); – Dogweather

3
var baseScrollView = Ti.UI.createScrollView({ 
    top:0, 
    contentWidth:'auto', 
    contentHeight:'auto', 
    showVerticalScrollIndicator:true, 
    showHorizontalScrollIndicator:false, 
    backgroundColor:'white', 
    scrollType : 'vertical' 
}); 

var iv = Ti.UI.createImageView({ 
    borderRadius:10, 
    top:10, 
    width:300, 
    height:300, 
    image:currentWindow._rowObject["image"] 
}); 
baseScrollView.add(iv); 

var data = []; 

tableView = Titanium.UI.createTableView({ 
    top:320, 
    height:400, 
    scrollable: false, 
    data:data, 
    touchEnabled : true, 
    allowsSelection : false, 
    font: { 
    fontFamily:"Trebuchet MS", 
    fontSize:12 
    }, 
    style : Titanium.UI.iPhone.TableViewStyle.GROUPED 
}); 
baseScrollView.add(tableView);