UWP 焦点控制
本文关键字:控制 焦点 UWP | 更新日期: 2023-09-27 18:31:51
我在通用Windows 10应用程序中有带有文本框的列表视图。我想编写代码:用户正在 Listiew 中编辑任何文本框并单击 Enter 键,我想将焦点移动到 ListView 中的下一个文本框(我想在用户单击 Tab 键时采取相同的操作)。
我的问题是:如何以编程方式将焦点移动到下一个列表视图元素
假设我们有一个模型对象,如下所示:
public sealed class Item
{
public string Value { get; set; }
}
让我们用它们的字符串填充ListView
:
<ListView x:Name="listView">
<ListView.ItemTemplate>
<DataTemplate>
<TextBox Text="{Binding Value}" Loaded="OnTextBoxLoaded" />
</DataTemplate>
</ListView.ItemTemplate>
<ListView.Items>
<local:Item Value="One" />
<local:Item Value="Two" />
<local:Item Value="Three" />
<local:Item Value="Four" />
</ListView.Items>
</ListView>
代码隐藏:
public sealed partial class MainPage
{
public MainPage()
{
InitializeComponent();
}
private void OnTextBoxLoaded(object sender, RoutedEventArgs e)
{
TextBox textBox = (TextBox)sender;
textBox.KeyUp += (o, args) =>
{
if (args.Key == VirtualKey.Enter)
{
TextBox originalSource = (TextBox)args.OriginalSource;
int index = 0;
var items = listView.Items;
if (items != null)
{
foreach (Item item in items)
{
if (originalSource.DataContext == item)
{
break;
}
++index;
}
index = (index + 1) % items.Count;
ListViewItem container = (ListViewItem)listView.ContainerFromIndex(index);
TextBox nextTextBox = FindVisualChild<TextBox>(container);
nextTextBox?.Focus(FocusState.Programmatic);
}
}
};
}
private static T FindVisualChild<T>(DependencyObject parent) where T : DependencyObject
{
if (parent != null)
{
for (int i = 0; i < VisualTreeHelper.GetChildrenCount(parent); i++)
{
DependencyObject child = VisualTreeHelper.GetChild(parent, i);
T candidate = child as T;
if (candidate != null)
{
return candidate;
}
T childOfChild = FindVisualChild<T>(child);
if (childOfChild != null)
{
return childOfChild;
}
}
}
return default(T);
}
棘手的部分是从逻辑列表(由Items
组成)到可视列表(ListViewItem
s包装TextBox
es)的映射。