Appcelerator 窗口中的 ScrollView 和 TableView

Question

我有一个窗口，我想在顶部有一个 ScrollableView ，在底部区域有一个 TableView 。怎么做呢？

我有以下代码：

var currentWin = Ti.UI.currentWindow;

var dbdata = [
    { title: '' + man.fieldByName('manufacturer') + '', header: 'Manufacturer' },
    { title: '' + rows.fieldByName('series') + '', header: 'Series' },
    { title: '' + rows.fieldByName('engine') + '', header: 'Engine' },
    { title: '' + rows.fieldByName('horsepower') + '' , header: 'Horsepower' },
    { title: '' + rows.fieldByName('yearfrom') + ' to ' + rows.fieldByName('yearto') + '' , header: 'Year' },
    { title: '' + rows.fieldByName('types') + '' , header: 'Engine Type' }
];

var tableView = Ti.UI.createTableView({
    data: dbdata,
    top: 156
});


var image1      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image1.jpg'});
var image2      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image2.jpg'});
var image3      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image3.jpg'});
var image4      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image4.jpg'});
var image5      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image5.jpg'});
var image6      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image6.jpg'});

var scrollView = Ti.UI.createScrollableView({
    views:[image1,image2,image3,image4,image5,image6],
    showPagingControl:true,
    clipViews:false,
    top:0,
    left:30,
    right:30,
    width:320,
    height:156,
    opacity:0
});

currentWin.add(tableView);
currentWin.add(scrollView);

但是当我使用上面的代码时，只显示我的 tableView 。当我只使用 currentWin.add(scrollView) 并删除 currentWIn.add(tableView) 时，会显示滚动视图 - 但不会同时显示 - 为什么？！？！？

注意：我已经从代码示例中删除了数据库查询！

希望你能帮忙？

谢谢， 萨沙

Answer 1

删除 Ti.UI.createScrollableView 函数调用中的以下参数 opacity: 0。

问候。
亚敦