当使用鼠标并将鼠标悬停在通用 Windows 平台 (UWP) FlipView
控件上时,会显示上一个/下一个导航按钮。
但是,当使用触摸或笔时,它们仍然隐藏,这可能会让用户感到困惑,不期待其他内容。
我希望导航按钮始终可见。我怎样才能做到这一点?
最佳答案
我们需要创建一个自定义FlipView
。从下面所示的代码开始:
public class CustomFlipView : FlipView
{
protected override void OnApplyTemplate()
{
base.OnApplyTemplate();
SelectionChanged += (s,e) => UpdateNavigationButtonsVisibility();
Button prev = GetTemplateChild("MyPreviousButtonHorizontal") as Button;
prev.Click += OnBack;
prev.Visibility = Visibility.Collapsed;
Button next = GetTemplateChild("MyNextButtonHorizontal") as Button;
next.Click += OnNext;
next.Visibility = Visibility.Collapsed;
}
private void OnBack(object sender, RoutedEventArgs e)
{
if (Items.Any())
{
SelectedIndex--;
UpdateNavigationButtonsVisibility();
}
}
private void OnNext(object sender, RoutedEventArgs e)
{
if (Items.Any())
{
SelectedIndex++;
UpdateNavigationButtonsVisibility();
}
}
private void UpdateNavigationButtonsVisibility()
{
Button prev = GetTemplateChild("MyPreviousButtonHorizontal") as Button;
Button next = GetTemplateChild("MyNextButtonHorizontal") as Button;
if (SelectedIndex < 1)
prev.Visibility = Visibility.Collapsed;
if (SelectedIndex == Items.Count - 1)
next.Visibility = Visibility.Collapsed;
if (Items.Count > 1 && SelectedIndex != Items.Count - 1)
next.Visibility = Visibility.Visible;
if (Items.Count > 1 && SelectedIndex > 0)
prev.Visibility = Visibility.Visible;
}
}
在打开需要插入 CustomFlipView
的 XAML 文件之前构建项目。然后将控件添加到您的 XAML;您可能需要添加命名空间声明,具体取决于您创建 CustomFlipView
类的位置。
默认 FlipView
的问题是滚动按钮只有在指向它时才会显示出来,而在触摸设备上我们没有这种功能。让事情变得更复杂的是,内部代码在加载时将模板的按钮不透明度设置为零,因此我们需要更改两个导航按钮的名称,以便内部代码优雅地降级并允许它们在所有页面中都可见。时间。然后,我们添加代码来处理单击导航按钮时的情况,这样我们就不会在第一页上显示上一个按钮,也不会在最后一页上显示下一个按钮。
要覆盖导航按钮的名称,我们需要编辑控件的模板。最快的方法是打开文档大纲 Pane ,右键单击CustomFlipView → 编辑模板 → 编辑副本.
许多代码将出现在您的 XAML 中,但要查找的重要部分如下所示:
<Button x:Name="MyPreviousButtonHorizontal" HorizontalAlignment="Left" Height="70" IsTabStop="False" Template="{StaticResource HorizontalPreviousTemplate}" UseSystemFocusVisuals="False" VerticalAlignment="Center" Width="40"/>
<Button x:Name="MyNextButtonHorizontal" HorizontalAlignment="Right" Height="70" IsTabStop="False" Template="{StaticResource HorizontalNextTemplate}" UseSystemFocusVisuals="False" VerticalAlignment="Center" Width="40"/>
注意,我将 x:Name
属性从 PreviousButtonHorizontal 重命名为 MyPreviousButtonHorizontal,将 NextButtonHorizontal 重命名为 MyNextButtonHorizontal 与我们之前编写的隐藏代码相匹配。
现在,CustomFlipView
在使用触摸和笔(而不仅仅是鼠标)时应该显示导航箭头。
关于c# - 始终在 UWP 中的 FlipView 控件上显示导航箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54813880/