Question

好的，伙计们 - 我不得不承认，随着Titanium开发继续发挥作用，我的挫折程度正在增加。我所做的每一个改变，无论多么无害，似乎都会以一种完全出乎意料的方式打破别的东西。

今天，我只是尝试为视图添加标签，但它没有显示。

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

我知道我必须错过一些令人难以置信的愚蠢和基本的东西，但我认为我已经失去了看到明显的所有能力。帮助

Answer 1

我认为您需要在标签中明确设置宽度/高度。您可以将其设置为宽度：'auto'，height：'auto'但必须设置它。

（奇怪的是，根据我的经验，这在Andriod中并非如此）。

Answer 2

每当我被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现在将显示在tab3上的label3下方。我尝试使用您提供的代码，但未能使其工作。因此，从显示标签的基本页面开始，然后添加其他组件，直到获得预期结果。

希望有所帮助。

Titanium向视图添加标签

2 个答案: