2011-04-07 77 views
3

我在鈦手機(iPhone)的GUI佈局有點麻煩。是否有指導/文章解釋如何高度/寬度/定位/滾動/等。適用於Titanium Mobile?佈局問題鈦手機

現在我卡在兩個問題:

  1. 我想在頂部有一個ImageView的滾動窗口,以及其下一個TableView中。他們應該一起滾動。我嘗試將它們都添加到ScrollView中,並將ScrollView拉伸到窗口的大小,但隨後ImageView被固定到屏幕的頂部,並且TableView可以在屏幕的下半部分滾動,而所有內容都應該滾動到一起在窗口內。

  2. 我想創建一個類似iPhone上的「聯繫人」應用程序的可編輯分組TableView。對於左邊的藍色標籤,我創建了一個標籤並將它們添加到TableRow中,然後爲該行的其餘部分添加了一個文本字段。這是有效的,但可以給標籤一個'自動'寬度足夠大,以適應文本和填充左側和右側,並在右邊的文本框填充行的其餘部分(我試着設置標籤的寬度設置爲「自動」,但這並不能解決問題)。

我希望我的問題是清楚的,否則留下評論,我會做出一些截圖來直觀地描述問題。

感謝您的幫助!

回答

8

0)不,在一個不錯的地方沒有「佈局」文檔。

1)使整個顯示器成爲一個表格。將圖像視圖放入表格的headerView中。這就是我這樣做:

screenshot

2)我不知道文本框,對不起。但作爲後備,您可以像上面那樣做標籤,然後在另一個屏幕中加載單獨的表單。這可能是你最簡單/最好的選擇。

+0

感謝您的回答,我會嘗試一下! – Chris 2011-04-08 08:15:31

+0

你是如何改變背景顏色的? – 2011-04-24 22:27:11

+0

我很確定這是'透明'設置。你是這個意思嗎?這裏是我的相關代碼,我相信:VAR record_view = Titanium.UI.createTableView({ \t頂:0, \t headerView:headerView, \t的backgroundColor: '透明', \t風格:GROUPED_TABLE_STYLE, \t separatorColor:TABLE_SEP_COLOR }); – Dogweather 2011-04-24 23:53:33

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);