xamarin - 如何将 TableView 滚动到顶部

Question

这看起来应该很简单，但没有 ScrollTo TableView 上的方法与 ListView 一样。

如何将 TableView 滚动到顶部？

Answer 1

Forms 的 TableView 并非设计为像 ScrollView 一样进行控制，即使它们是使用可滚动容器 native 实现的。

虽然由于效果开销，自定义渲染器将是我显示滚动功能的首选，但快速 PlatformEffect黑客使用 MessagingCenter将用作演示:

在 Android 上，Forms 的 TableView 使用 Android.Widget.ListView作为它的顶级容器，所以 ListView.SmoothScrollToPosition可以使用。

Android PlatformEffect(使用 MessagingCenter)

public class ScrollTopEffect : PlatformEffect
{
    void ScrollToTop(TableView obj)
    {
        (Control as AListView).SmoothScrollToPosition(0);
    }

    protected override void OnAttached()
    {
        if (Element is TableView)
            MessagingCenter.Subscribe<TableView>(Element as TableView, "ScrollTop", ScrollToTop);
        else
            throw new Exception("ScrollTopEffect must be used on a TableView (Android.Widget.ListView)");
    }

    protected override void OnDetached()
    {
        MessagingCenter.Unsubscribe<TableView>(Element as TableView, "ScrollTop");
    }
}

Xamarin.Forms 用法:

MessagingCenter.Send<TableView>(tableView, "ScrollTop");

注意:实例tableView var 必须是您希望滚动到顶部的那个。

在 iOS 上，Forms 使用 UITableView作为 TableView 的顶部容器，因此您可以使用 `UITableView.SetContentOffset` 滚动到顶部。

iOS PlatformEffect(使用 MessagingCenter)

public class ScrollTopEffect : PlatformEffect
{
    void ScrollToTop(TableView obj)
    {
        (Control as UITableView).SetContentOffset(CGPoint.Empty, true);
    }

    protected override void OnAttached()
    {
        if (Element is TableView)
            MessagingCenter.Subscribe<TableView>(Element as TableView, "ScrollTop", ScrollToTop);
        else
            throw new Exception("ScrollTopEffect must be used on a TableView (UIkit.UITableView)");
    }

    protected override void OnDetached()
    {
        MessagingCenter.Unsubscribe<TableView>(Element as TableView, "ScrollTop");
    }
}