在Xamarin.iOS中的UITableView末尾添加自定义页脚

时间:2016-04-22 15:26:25

标签: uitableview xamarin xamarin.ios table-footer

我想向UITableView添加页脚视图,当用户到达列表末尾并加载新数据时显示UIProgresIndicator,或者UILabel时没有更多的数据要提取。

我使用了以下代码,但没有任何反应:

UITableViewHeaderFooterView footer = new UITableViewHeaderFooterView ();

UILabel futerlabel = new UILabel ();
futerlabel.Text = "Duke u ngarkuar";

footer.AddSubview (futerlabel);

如何实现这一点。

3 个答案:

答案 0 :(得分:3)

如果你在UITableViewController试试这个:

        TableView.TableFooterView = footer;

<强>更新

考虑到这一点后,我建议不要使用页脚,而是在数据末尾添加一个额外的单元格,这将得到effect

使用此方法检查您是否已滚动到最后一项并更新表格数据:

public override void WillDisplay (UITableView tableView, UITableViewCell cell, NSIndexPath indexPath)
    {
        // if showing last row of last section, load more
        if (indexPath.Section == tableView.NumberOfSections()-1 && indexPath.Row == tableView.DataSource.RowsInSection(tableView, indexPath.Section)-1 && !FullyLoaded) {
            var growRowSource = tableView.DataSource as GrowRowTableDataSource;
            if (growRowSource != null) {
                FullyLoaded = growRowSource.LoadNextPage ();
                Task.Delay (5000);
                tableView.ReloadData ();    
            }

        }
    }

然后在Delegate中检查最后一项并创建一个不同的单元格,如下所示:

public override UITableViewCell GetCell (UITableView tableView, Foundation.NSIndexPath indexPath)
    {
        if (indexPath.Row == LoadedItems.Count) {
            var loadingCell = tableView.DequeueReusableCell (LoadingCellID, indexPath) as LoadFooterCell;
            loadingCell.Loading = !hasNextPage;
            return loadingCell;
        }
        var cell = tableView.DequeueReusableCell (CellID, indexPath) as GrowRowTableCell;
        var item = LoadedItems [indexPath.Row];

        // Setup
        cell.Image = UIImage.FromFile(item.ImageName);
        cell.Title = item.Title;
        cell.Description = item.Description;

        return cell;
    }
    bool hasNextPage;

我在这里快速嘲笑了GrowTable Xamarin示例代码中的一个示例: https://github.com/b099l3/LoadingTableExample

答案 1 :(得分:2)

您可以通过多种方式完成此任务,我将在此处列出一些内容:

TableViewSource中,你可以这样做:

1。)实施:public override UIView GetViewForFooter(UITableView tableView, nint section)并返回UILabel

2.。)实施public override nfloat GetHeightForFooter(UITableView tableView, nint section)并返回UIView

的高度

如果您的页脚将是一个简单的UILabel,您可以用以下内容替换上面的步骤1:

实施public override string TitleForFooter(UITableView tableView, nint section)并返回&#34; Duke u ngarkuar&#34;。

您仍需要实施public override nfloat GetHeightForFooter(UITableView tableView, nint section)并返回高度,否则您的页脚将无法显示。

或者,UITableView公开了一个名为TableFooterView的属性,允许您为页脚设置UIView。

答案 2 :(得分:0)

您可以根据自己的喜好调整大小。

var footerView = new UIView(new RectangleF(0, 0, 375, 66));
TableView.TableFooterView = footerView;