MasterDetailView UWP - 访问列表视图(或使其滚动)



我最近发现了 UWP 社区工具包,我很喜欢它。我现在正在使用MasterDetailView,它几乎非常适合我需要的东西:但它缺少一件重要的事情:我无法访问内部"ListView"。

在我的应用程序中,我有两个按钮:前进和后退,按下它们时,我只需在列表中前进和后退即可。我发现了一个访问上一个/下一个元素的技巧,这样做是这样的:

public void GoForward()
{
if (MasterDetailView.Items.Count > 0)
{
bool isNextGood = false;
MyItem selectedItem = MasterDetailView.Items[MasterDetailView.Items.Count - 1] as MyItem;
foreach (var v in MasterDetailView.Items)
{
if (isNextGood)
{
selectedItem = v as MyItem;
break;
}
if (v == MasterDetailView.SelectedItem)
isNextGood = true;
}
MasterDetailView.SelectedItem = selectedItem;
}
}

这只是因为我无法访问"选定索引",而我只有选定项可用。现在,显然不是所有项目都可以同时可见,因此 MasterDetailView 提供了一个带有滚动条的横向列表视图。按下我的下一个/上一个按钮时,SelectedItem 会更改,但不在所选元素处滚动:选择会前进/后退,但列表已锁定。这会产生非常负面的反馈,因为我在列表中的某个地方丢失了我的选择,我必须搜索它。

我该怎么解决呢?我尝试这种方法:


1( 查找主详细信息视图的样式。在里面我找到了一个ListViewStyle,所以我尝试放入一个简单的"SelectionChanged"事件并在App.xaml.cs上处理它。

<ListView x:Name="MasterList"
Grid.Row="1"
IsTabStop="False"
ItemContainerStyle="{TemplateBinding ItemContainerStyle}"
ItemTemplate="{TemplateBinding ItemTemplate}"
ItemTemplateSelector="{TemplateBinding ItemTemplateSelector}"
ItemsSource="{TemplateBinding ItemsSource}"
SelectedItem="{Binding SelectedItem, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
SelectionChanged="MasterList_SelectionChanged"/>

.CS:

private void MasterList_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
ListView list = sender as ListView;
list.ScrollIntoView(list.SelectedItem);
}

但是,如前所述,"无法在应用程序类 XAML 文件中设置事件"。


2(考虑采用SelectedItem的父项:我尝试在ListViewItem中转换SelectedItem,然后访问父项,但它在第一次转换时失败,因为SelectedItem似乎不是ListViewItem,但它是"MyItem"类型。像这样,我无法访问父级。

private void MasterDetailView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
var item = MasterDetailView.SelectedItem as ListViewItem;
var parent = item.Parent;
var list = parent as ListView;
}

所以我在这里...我不想放弃我使用 MasterDetailView 的所有工作来传递给另一个控件。是否有任何简单的方法可以访问列表,或者简单地在更改选择时滚动列表?只想做一件事,像这样:

private void List_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
ListView list = sender as ListView;
list.ScrollIntoView(list.SelectedItem);
}

当选择发生更改时,只需滚动到选择,但我没有简单的列表视图,只有一个 MasterDetailView 控件。即使它完全在 XAML 中完成:对我来说最重要的是滚动此列表!

谢谢。


 

溶液

这种方法太棒了。只需复制粘贴。

public static T FindChildOfType<T>(DependencyObject root) where T : class
{
var queue = new Queue<DependencyObject>();
queue.Enqueue(root);
while (queue.Count > 0)
{
DependencyObject current = queue.Dequeue();
for (int i = 0; i < VisualTreeHelper.GetChildrenCount(current); i++)
{
var child = VisualTreeHelper.GetChild(current, i);
var typedChild = child as T;
if (typedChild != null)
{
return typedChild;
}
queue.Enqueue(child);
}
}
return null;
}

然后只需使用它来检索列表并使其滚动。是的宝贝!

private void MasterDetailView_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
var v = FindChildOfType<ListView>(MasterDetailView);
v.ScrollIntoView(MasterDetailView.SelectedItem);
}

请注意,"MasterDerailView"是我的元素的x:Name,而不是类。

您可以使用FindChildOfType实现通过VisualTreeHelper获取ListView,如以下答案所示: Windows UWP - 如何在内容模板中以编程方式滚动列表视图

最新更新