如何在UWP中创建自动轮播的图片轮播组件？

FlipView本身确实没有内置自动轮播功能，但可以通过DispatcherTimer来实现定时切换，下面是具体的实现方法：

1. 调整XAML结构 #

先把你的XAML代码改一下，FlipView不需要嵌套在DataTemplate里（除非是作为其他控件的模板使用），直接定义并添加图片项即可：

<FlipView x:Name="AutoFlipView" Width="400" Height="300">
    <Image Source="ms-appx:///Assets/Image1.png" Stretch="UniformToFill"/>
    <Image Source="ms-appx:///Assets/Image2.png" Stretch="UniformToFill"/>
    <!-- 可以继续添加更多图片 -->
</FlipView>

这里给FlipView命名为AutoFlipView，方便后台代码控制，同时设置图片的Stretch属性让图片适配容器大小。

2. 后台添加自动轮播逻辑 #

在页面的代码后台（比如MainPage.xaml.cs）中，用DispatcherTimer定时切换FlipView的选中项：

using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;

public sealed partial class MainPage : Page
{
    private DispatcherTimer _carouselTimer;
    private int _currentIndex = 0;

    public MainPage()
    {
        this.InitializeComponent();
        SetupAutoCarousel();
    }

    private void SetupAutoCarousel()
    {
        // 初始化定时器，设置3秒切换一次（可自行修改间隔）
        _carouselTimer = new DispatcherTimer();
        _carouselTimer.Interval = TimeSpan.FromSeconds(3);
        _carouselTimer.Tick += OnCarouselTimerTick;
        _carouselTimer.Start();
    }

    private void OnCarouselTimerTick(object sender, object e)
    {
        // 计算下一个图片的索引，到最后一张后回到第一张
        _currentIndex = (_currentIndex + 1) % AutoFlipView.Items.Count;
        AutoFlipView.SelectedIndex = _currentIndex;
    }

    // 可选优化：鼠标放到轮播图上时暂停，离开后继续
    private void AutoFlipView_PointerEntered(object sender, Windows.UI.Xaml.Input.PointerRoutedEventArgs e)
    {
        _carouselTimer?.Stop();
    }

    private void AutoFlipView_PointerExited(object sender, Windows.UI.Xaml.Input.PointerRoutedEventArgs e)
    {
        _carouselTimer?.Start();
    }
}

如果需要鼠标悬停暂停的功能，给FlipView加上对应的事件：

<FlipView x:Name="AutoFlipView" Width="400" Height="300"
          PointerEntered="AutoFlipView_PointerEntered"
          PointerExited="AutoFlipView_PointerExited">
    <!-- 图片项 -->
</FlipView>

额外说明 #

• 定时器间隔可以通过TimeSpan.FromSeconds()调整，比如改成5秒就写TimeSpan.FromSeconds(5)
• 如果是绑定数据源（比如ObservableCollection），逻辑完全一样，只要保证Items.Count能正确获取到图片数量就行
• 鼠标悬停暂停的功能可以提升用户体验，避免用户查看图片时被自动切换打断

内容的提问来源于stack exchange，提问作者Zemprof