2011-10-20 160 views
1

好的,夥計們 - 我不得不承認,隨着鈦開發的不斷髮展,我的挫折感正在增長。我所做的每一個改變,無論它看起來是無害的,似乎都以一種完全意想不到的方式破壞了別的東西。將鈦標籤添加到視圖中

今天,我只是試圖添加一個標籤到視圖,但它不顯示。

// UI Factory Include 
var Inova = {}; 
Ti.include('_ui.js'); 

var win = Ti.UI.currentWindow; 
win.layout = 'vertical'; 

// Header 
win.add(Inova.ui.createHeaderView()); 

// body 
var body = Ti.UI.createView({ 
    backgroundColor:'#00f', // Should see no blue 
    backgroundImage: '/images/body.png', 
    height: 350, 
    layout: 'vertical', 
}); 
var label = Ti.UI.createLabel({ 
    color: '#000', 
    text: 'Show me the label...please?', 
    textAlign: 'center', 
}); 
body.add(label); 

win.add(body); 

我知道我必須失去了一些東西令人難以置信的愚蠢和基本的,但我想我已經失去了所有能夠看到明顯的。幫幫我?

回答

3

我認爲你需要明確地設置標籤的寬度/高度。您可以將其設置爲寬度:'auto',高度:'auto',但必須設置。

(奇怪的是,這在Andriod中並非如此,從我的經驗來看)。

+0

看起來你是對的。我想這對我來說根本不會發生,我必須對所有東西都絕對明確。謝謝。 –

0

每當我被API吹捧,我都會回到基礎。試試這個:

創建一個名爲myTest的新項目。在apps.js文件將下面的代碼添加到文件底部的最後一行

var win3 = Titanium.UI.createWindow({ 
    title:'Tab 3', 
    backgroundColor:'#fff' 
}); 
var tab3 = Titanium.UI.createTab({ 
    icon:'KS_nav_ui.png', 
    title:'Tab 3', 
    window:win3 
}); 

var label3 = Titanium.UI.createLabel({ 
color:'#999', 
    text:'I am Window 3', 
    font:{fontSize:20,fontFamily:'Helvetica Neue'}, 
    textAlign:'center', 
    width:'auto' 
}); 

var txtLabel = Ti.UI.createLabel({ 
    color: '#000', 
    text: 'Show me the label...please?', 
    textAlign: 'center', 
    left: 100, 
    top: 50 
}); 
win3.add(txtLabel); 
win3.add(label3); 

你的標籤,上面txtLabel,現在將出現以下LABEL3上TAB3。我嘗試使用你提供的代碼,但沒有得到它的工作。因此,從顯示標籤的基本頁面開始,然後添加其他組件,直到獲得預期結果。

希望有所幫助。

+1

地獄,我認爲這些是基礎知識。創建視圖。將標籤放在視圖中。 :-) –