android - 移动设计 - 显示多列表

Question

我们正在开发一个手机应用程序，我们需要在手机上显示多列数据。考虑下面的一个这样的例子:

Commodity Name|Qty at A|Qty at B|Qty at C|Qty at D|Qty at E|
==============|========|========|========|========|========|
Sugar         |      10|     500|       -|       -|  100000|
============================================================
Rice          |     100|     100|       -|       -|  100000|
============================================================
Pulses        |     100|     100|       -|       -|  100000|

现在需要并排显示此 TableView 以进行比较。如果我们在手机中显示它，那么用户需要水平滚动才能看到数据。现在可以有20多个项目，因此肯定会有垂直滚动。

在移动设备中显示此类数据的标准方式是什么，用户可以并排比较这些数据。此应用程序将同时针对 Android 和 iOS，并使用 Appcelerator 构建以获取更多信息。

Answer 1

有一次，我以两种不同的方式为 Android 和 iOS 做了这件事。在安卓上:

1. 我创建了一个带有 scrollType : 'horizo​​ntal' 的 ScrollView 然后得到表格的行数并根据它定义滚动高度:scroll.setHeight(60*(number_of_rows+1));//60是行高

2. 在 for 循环中，我没有创建表和 tableviewRow，而是创建了一个大 View (width : 600)并将其添加到 scrollView 中。所以这会产生一个相当高大的水平 ScrollView 。

3. 最后，我在另一个 ScrollView 中添加了这个水平 ScrollView ，现在使用我的设备高度(或只是 Ti.UI.FILL)

总结如下:```var rowsArray = yourContent; var verticalScroll = Ti.UI.createScrollView({ 顶部:0， 宽度:Ti.UI.FILL， 高度:Ti.UI.FILL });

var horizontalScroll = Ti.UI.createScrollView({
    top: 0,
    width: Ti.UI.FILL,
    scrollType : 'horizontal',
});

horizontalScroll.setHeight(60*(rowsArray.length+1)); //60 is the row height
var posY = 60;
for (var i = 0; i < rowsArray.length; i++) {
    var rowView = Ti.UI.createView({
        top: posY,
        width: 600, 
        height: 60, 
        left: 0
    });
    posY += 60;
    horizontalScroll.add(rowView);
}

verticalScroll.add(horizontalScroll);
win.add(verticalScroll);

对于 iOS，你可以把你的表格放在一个 scrollView 里面;)