如何在 Xamarin.Forms 中显示和隐藏基于 ListView 滚动方向的 StackLayout？

Question

我有一个带有ListView 的屏幕，它显示了一组cmets。另外，我有一个StackLayout 与ListView 的末尾重叠，它有一个Entry 和一个Button 来添加新评论。

我想根据ListView 的滚动方向隐藏/显示此StackLayout：

• 如果用户向下滚动 -> 隐藏StackLayout。
• 如果用户向上滚动 -> 显示StackLayout。

有人知道实现这种行为的方法吗？

提前致谢！

Answer 1

Xamarin.Forms ListView 提供了一个您可以订阅的 OnItemAppearing 事件。有了这个，您可以通过查找出现的项目的索引并将其与最后出现的项目进行比较来跟踪滚动方向。试试这样的：

public partial class MainPage : ContentPage
{
    public ObservableCollection<MyItemType> Items { get; set; } = new ObservableCollection<MyItemType>();
    int lastItemIndex;
    int currentItemIndex;

    public MainPage()
    {
        ...
        listView.ItemAppearing += ListView_ItemAppearing;
    }

    void ListView_ItemAppearing(object sender, ItemVisibilityEventArgs e)
    {
        MyItemType item = e.Item as MyItemType;

        currentItemIndex = Items.IndexOf(item);
        if (currentItemIndex > lastItemIndex)
        {
            stackLayout.IsVisible = false;
        }
        else
        {
            stackLayout.IsVisible = true;
        }
        lastItemIndex = currentItemIndex;
    }
}

编辑：闪烁实际上是由于 ListView 在 StackLayout 显示和隐藏时调整大小，因此请确保 ListView 没有调整大小。也许将 ListView 和 StackLayout 放在一个网格中，这样当您显示和隐藏 StackLayout 时，ListView 不会调整大小，例如：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="35" />
    </Grid.RowDefinitions>
    <ListView x:Name="listView"
              ItemsSource="{Binding Items}" 
              Grid.Row="0">
        <ListView.ItemTemplate>
            ...
        </ListView.ItemTemplate>
    </ListView>
    <StackLayout x:Name="stackLayout"
                 Grid.Row="1">
        ...
    </StackLayout>
</Grid>

有了上述，闪烁不再发生。