我在WinRT中实现了ISupportIncrementalLoading
以便在ListView
中进行增量加载,效果很好。
问题是新项目被添加到列表底部,看到更多项目,我需要下去。我需要的是相反的。我希望看到更多项目,我需要向上滚动。
该列表基本上是一个日志文件,最新的日期必须显示在列表的底部,如果我想查看较旧的记录,我需要使用向上滚动。
有办法吗?
答案 0 :(得分:7)
我知道,这个问题已经过时了,但是我遇到了同样的问题并没有找到一个好的解决方案。
所以我会为其他有相同问题的人发布我的解决方案。
我的第一个解决方案是我自己的IncrementalLoadCollection,其中包含用于滚动和加载数据的自定义行为。 它工作正常,但不适合我。
所以我尝试了另一个强大的XAML技巧,它完美无缺,除了一个小鼠标滚轮行为。它现在逆转:)。
解决方案非常简单和强大。只需旋转ListView的ScrollViewer 180°并翻转它就可以再次使用右侧的滚动条。然后对项目执行相同的操作,使它们再次正确。
就是这样。增量加载由ListView处理,触摸事件和滚动条工作正确,现在只需将鼠标滚轮行为反转。
我的代码
<ListView Grid.Row="1" x:Name="ChatListView" ItemsSource="{TemplateBinding ItemsSource}"
SelectionMode="None"
IsItemClickEnabled="False"
IsZoomedInView="False"
ShowsScrollingPlaceholders="False"
VerticalContentAlignment="Top"
VerticalAlignment="Stretch"
Margin="10,5">
<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch"></Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ListViewItem">
<ContentPresenter/>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</ListView.ItemContainerStyle>
<ListView.ItemContainerTransitions>
<TransitionCollection/>
</ListView.ItemContainerTransitions>
<ListView.Template>
<ControlTemplate>
<Border BorderThickness="{TemplateBinding BorderThickness}"
Padding="{TemplateBinding Padding}"
BorderBrush="{TemplateBinding BorderBrush}"
Background="{TemplateBinding Background}">
<ScrollViewer ZoomMode="Disabled" x:Name="ScrollViewer" RenderTransformOrigin="0.5,0.5">
<ScrollViewer.RenderTransform>
<CompositeTransform Rotation="180" ScaleX="-1"/>
</ScrollViewer.RenderTransform>
<ItemsPresenter x:Name="ItemsPresenter"/>
</ScrollViewer>
</Border>
</ControlTemplate>
</ListView.Template>
<ListView.ItemTemplate>
<DataTemplate>
<controls:ChatMessageControl Message="{Binding Message}"
ChatFrom="{Binding Name}"
IsMy="{Binding IsMy}"
ShortTime="{Binding CreatedTime}"
RenderTransformOrigin="0.5,0.5">
<controls:ChatMessageControl.RenderTransform>
<CompositeTransform Rotation="180" ScaleX="-1"/>
</controls:ChatMessageControl.RenderTransform>
</controls:ChatMessageControl>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
答案 1 :(得分:2)
对Demetrius Axenowski的回答,这是我改变鼠标滚轮输入的方法。
注意我将其用于仅限桌面的应用
1)在ListView的ScrollViewer中找到第一个Grid并挂钩PointerWheelChanged事件。
this._ScrollViewer = this.GetChildren<ScrollViewer>().FirstOrDefault();
if (this._ScrollViewer == null)
{
throw new InvalidOperationException("ScrollViewer not found.");
}
this._ScrollViewerInsetBorder = this.GetChildren<Border>().FirstOrDefault();
this._BorderInsetGrid = this.GetChildren<Grid>().FirstOrDefault();
this._BorderInsetGrid.AddHandler(ScrollViewer.PointerWheelChangedEvent, new PointerEventHandler(this.SW_Handler_OnPointerWheelChanged), true);
2)覆盖鼠标滚轮行为。
double desiredVerticalOffset = 0;
private void SW_Handler_OnPointerWheelChanged(object sender, PointerRoutedEventArgs e)
{
PointerPoint mousePosition = e.GetCurrentPoint(sender as UIElement);
var delta = mousePosition.Properties.MouseWheelDelta;
// calculate desiredOffset
desiredVerticalOffset = desiredVerticalOffset + delta;
// limit desiredOffset.
desiredVerticalOffset = desiredVerticalOffset < 0 ? 0 : desiredVerticalOffset;
desiredVerticalOffset = desiredVerticalOffset > _ScrollViewer.ScrollableHeight ? _ScrollViewer.ScrollableHeight : desiredVerticalOffset;
if (delta < 0 || delta > 0)
{
_ScrollViewer.ChangeView(null, desiredVerticalOffset, null, false);
e.Handled = true;
}
}