布局问题 Titanium Mobile

Question

Titanium Mobile (iPhone) 中的 GUI 布局有点问题。是否有指南/文章解释了高度/宽度/定位/滚动/等。在 Titanium Mobile 中工作？

现在我被两个问题困住了：

1. 我想要一个可滚动的窗口，顶部有一个 ImageView，下面有一个 TableView。他们应该一起滚动。我尝试将它们都添加到 ScrollView 并将 ScrollView 拉伸到窗口的大小，但是 ImageView 固定在屏幕的顶部，并且 TableView 可以在屏幕的下半部分滚动，而所有内容都应该一起滚动在窗口内。

2. 我想创建一个可编辑的分组表视图，类似于 iPhone 上的“联系人”应用程序。对于左侧的蓝色标签，我创建了一个标签并将它们添加到 TableRow，然后为该行的其余部分添加了一个文本字段。这可行，但是是否可以为标签提供足够大的“自动”宽度以适合文本和左右填充，并让右侧的文本字段填充行的其余部分（我尝试设置标签的宽度为“自动”，这不起作用）。

我希望我的问题很清楚，否则发表评论，我会制作一些屏幕截图来直观地描述问题。

感谢您的帮助！

Answer 1

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

Answer 2

0) 不，在一个不错的地方没有“布局”文档。

1) 使整个显示成为一个表格。将图像视图放入表格的 headerView 中。我就是这样做的：

2) 我不知道文本字段，抱歉。但作为后备，您可以像上面那样做标签，然后在另一个屏幕中加载单独的表单。这可能是您最简单/最好的选择。