Xamarin.Forms仿老虎机ListView：如何检测居中项设为选中项？

我帮你梳理一下实现这个老虎机效果的具体思路——核心是要实时捕捉ListView滚动时处于可视区域中心的条目，而不是依赖只能检测“即将显示项”的ItemAppearing事件。下面分跨平台通用实现和更精准的平台原生方案来讲解：

一、跨平台通用思路（适用于MAUI/Xamarin.Forms） #

1. 绑定滚动事件监听 #

首先给每个ListView绑定Scrolled事件，这个事件会在滚动过程中持续触发，我们可以在事件处理逻辑里计算当前的居中项：

// 假设你的ListView实例名为slotListView
slotListView.Scrolled += SlotListView_Scrolled;

2. 计算并定位居中项 #

在滚动事件的处理方法中，我们需要：

• 获取ListView的可视区域高度
• 算出可视区域的垂直中点坐标
• 遍历当前可见的列表项，找到布局范围包含中点的条目，标记为选中

代码示例如下：

private void SlotListView_Scrolled(object sender, ScrolledEventArgs e)
{
    var listView = sender as ListView;
    if (listView == null) return;

    // 获取ListView可视区域的高度
    var viewportHeight = listView.Height;
    // 计算可视区域的垂直中点（相对于ListView顶部）
    var centerY = viewportHeight / 2;

    // 遍历当前所有可见的列表项
    foreach (var templatedItem in listView.TemplatedItems)
    {
        // 获取当前项的布局边界
        var itemBounds = templatedItem.Bounds;
        // 判断中点是否落在当前项的垂直范围内
        if (centerY >= itemBounds.Top && centerY <= itemBounds.Bottom)
        {
            // 将该项设为选中状态
            listView.SelectedItem = templatedItem.BindingContext;
            break; // 找到目标项后直接跳出循环，提升性能
        }
    }
}

3. 优化：滚动停止后的自动归位 #

如果希望老虎机停止滚动时，居中项能精准对齐到可视区域正中间（避免偏移），可以监听滚动结束状态，触发一次平滑滚动来校准位置：

// 这里需要通过自定义渲染器或Behavior来监听滚动停止状态（以MAUI为例）
private void OnScrollStopped(ListView listView)
{
    var selectedItem = listView.SelectedItem;
    if (selectedItem != null)
    {
        // 滚动到选中项并设置居中对齐
        listView.ScrollTo(selectedItem, ScrollToPosition.Center, animate: true);
    }
}

二、平台原生实现（更精准，适配边缘场景） #

跨平台方案可能在某些平台的渲染细节上有误差，比如不同系统对ListView可视区域的计算差异，这时可以用原生渲染器实现更精准的检测：

Android平台（自定义渲染器） #

Android原生的AbsListView可以通过OnScrollListener监听滚动状态，直接计算中间可见项的索引：

public class CustomSlotListViewRenderer : ListViewRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
    {
        base.OnElementChanged(e);
        if (Control != null)
        {
            Control.SetOnScrollListener(new SlotScrollListener(Element));
        }
    }

    private class SlotScrollListener : Java.Lang.Object, AbsListView.IOnScrollListener
    {
        private readonly ListView _formsListView;

        public SlotScrollListener(ListView formsListView)
        {
            _formsListView = formsListView;
        }

        public void OnScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount)
        {
            // 计算当前可见项的中间索引
            int middleIndex = firstVisibleItem + visibleItemCount / 2;
            // 获取对应的数据源对象
            var middleItem = _formsListView.ItemsSource.Cast<object>().ElementAt(middleIndex);
            // 设置为选中项
            _formsListView.SelectedItem = middleItem;
        }

        public void OnScrollStateChanged(AbsListView view, ScrollState scrollState)
        {
            // 滚动停止时触发归位校准
            if (scrollState == ScrollState.Idle)
            {
                var selectedItem = _formsListView.SelectedItem;
                if (selectedItem != null)
                {
                    _formsListView.ScrollTo(selectedItem, ScrollToPosition.Center, animate: true);
                }
            }
        }
    }
}

iOS平台（自定义渲染器） #

iOS原生的UITableView可以通过监听UIScrollView的滚动事件，计算单元格位置来定位居中项：

public class CustomSlotListViewRenderer : ListViewRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<ListView> e)
    {
        base.OnElementChanged(e);
        if (Control != null)
        {
            Control.ScrollViewDidScroll += OnScrollViewDidScroll;
            Control.ScrollViewDidEndDecelerating += OnScrollViewDidEndDecelerating;
        }
    }

    private void OnScrollViewDidScroll(UIScrollView scrollView)
    {
        var tableView = Control as UITableView;
        var formsListView = Element as ListView;
        if (tableView == null || formsListView == null) return;

        // 计算可视区域的垂直中点
        var centerY = scrollView.ContentOffset.Y + scrollView.Frame.Height / 2;
        // 遍历所有可见单元格
        foreach (var cell in tableView.VisibleCells)
        {
            var cellFrame = tableView.RectForRowAtIndexPath(cell.IndexPath);
            // 判断中点是否落在当前单元格范围内
            if (centerY >= cellFrame.Top && centerY <= cellFrame.Bottom)
            {
                var targetItem = formsListView.ItemsSource.Cast<object>().ElementAt(cell.IndexPath.Row);
                formsListView.SelectedItem = targetItem;
                break;
            }
        }
    }

    private void OnScrollViewDidEndDecelerating(UIScrollView scrollView)
    {
        var formsListView = Element as ListView;
        if (formsListView?.SelectedItem != null)
        {
            formsListView.ScrollTo(formsListView.SelectedItem, ScrollToPosition.Center, animate: true);
        }
    }
}

三、额外注意事项 #

• 如果是横向滚动的ListView，只需要把代码中的垂直坐标（Y轴）替换为水平坐标（X轴）即可。
• 对于大数据量的列表，遍历可见项的性能开销可以忽略，因为可见项数量通常只有个位数到十几位。
• 若使用MVVM模式，可以把SelectedItem绑定到ViewModel的对应属性，实现状态的自动同步。

内容的提问来源于stack exchange，提问作者Behzad