Xamarin.Forms启动时设置CarouselPage默认显示第二页问题

嘿，这个问题我之前也碰到过，其实解决起来很简单——关键就是利用CarouselPage的CurrentPage属性来指定默认显示的页面。默认情况下它会自动指向ItemsSource里的第一个元素（索引0），我们只需要把它改成指向第二个元素（索引1）就行，下面给你两种常用的实现方式：

方式一：代码后台直接设置 #

如果你的CarouselPage是在代码后台直接实例化和配置的，只需要在给ItemsSource赋值完成后，直接设置CurrentPage属性即可：

// 先初始化你的Weeks集合
Weeks = new ObservableCollection<Week> { 
    new Week {Days = GetDays(currentMonday.AddDays(-7)), ItemTappedCommand = JobTappedCommand}, 
    new Week {Days = GetDays(currentMonday), ItemTappedCommand = JobTappedCommand}, 
    new Week {Days = GetDays(currentMonday.AddDays(7)), ItemTappedCommand = JobTappedCommand}
};

// 假设你的CarouselPage实例名为myCarouselPage
myCarouselPage.ItemsSource = Weeks;
// 设置默认显示第二页（索引1的元素）
if (Weeks.Count > 1) // 加个判断避免索引越界
{
    myCarouselPage.CurrentPage = Weeks[1];
}

方式二：MVVM绑定模式（推荐） #

如果你用的是MVVM架构，更优雅的方式是在ViewModel里添加一个绑定属性，然后和CarouselPage的CurrentPage做绑定：

第一步：在ViewModel中添加可绑定的CurrentWeek属性 #

确保你的ViewModel实现了INotifyPropertyChanged接口，然后添加如下属性：

private Week _currentWeek;
public Week CurrentWeek
{
    get => _currentWeek;
    set
    {
        if (_currentWeek != value)
        {
            _currentWeek = value;
            OnPropertyChanged(nameof(CurrentWeek)); // 触发属性变更通知
        }
    }
}

// 初始化集合时设置默认选中项
Weeks = new ObservableCollection<Week> { 
    new Week {Days = GetDays(currentMonday.AddDays(-7)), ItemTappedCommand = JobTappedCommand}, 
    new Week {Days = GetDays(currentMonday), ItemTappedCommand = JobTappedCommand}, 
    new Week {Days = GetDays(currentMonday.AddDays(7)), ItemTappedCommand = JobTappedCommand}
};

if (Weeks.Count > 1)
{
    CurrentWeek = Weeks[1];
}

第二步：在XAML中绑定CurrentPage属性 #

在你的CarouselPage标签里，添加CurrentPage的绑定：

<CarouselPage 
    ItemsSource="{Binding Weeks}"
    CurrentPage="{Binding CurrentWeek}">
    <!-- 这里是你的ItemTemplate定义 -->
</CarouselPage>

注意事项 #

• 一定要确保ItemsSource已经被正确赋值，并且集合中存在索引为1的元素，否则会抛出索引越界异常，所以建议加上集合长度的判断。
• 如果是在页面的OnAppearing方法中设置CurrentPage，要确保此时CarouselPage已经完成了ItemsSource的渲染，否则设置可能不会生效，优先在ViewModel初始化时赋值会更可靠。

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