Xamarin中能否根据条件控制Carousel Page页面的显示？

CarouselPage本身不支持直接通过IsVisible属性控制子页面的显示/隐藏——它的子页面是通过Children集合来管理的，而非普通可视元素的可见性状态。不过你可以通过以下两种方案实现动态控制子页面的显示逻辑：

方案一：动态维护子页面集合（推荐） #

在ViewModel中维护一个可观察的页面集合，根据业务条件动态添加或移除页面，再同步到CarouselPage的Children集合中，这是最直接且性能最优的方式。

步骤示例： #

1. ViewModel代码

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;
using Xamarin.Forms;

namespace App.ViewModels
{
    public class SliderViewModel : INotifyPropertyChanged
    {
        private ObservableCollection<Page> _carouselPages;
        public ObservableCollection<Page> CarouselPages
        {
            get => _carouselPages;
            set
            {
                _carouselPages = value;
                OnPropertyChanged();
            }
        }

        // 示例条件：控制BPage是否显示
        public bool ShouldShowBPage { get; set; }

        public SliderViewModel()
        {
            UpdateCarouselPages();
        }

        // 根据条件更新页面集合
        private void UpdateCarouselPages()
        {
            CarouselPages = new ObservableCollection<Page>();
            
            // 固定显示APage
            CarouselPages.Add(new App.Views.APage());
            
            // 按条件添加BPage
            if (ShouldShowBPage)
            {
                CarouselPages.Add(new App.Views.BPage());
            }
            
            // 固定显示CPage
            CarouselPages.Add(new App.Views.CPage());
        }

        // 外部调用此方法刷新页面集合（如条件变化时）
        public void RefreshPages()
        {
            UpdateCarouselPages();
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

2. 修改XAML代码

<CarouselPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="App.Views.SliderPage"
             xmlns:vm="clr-namespace:App.ViewModels"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             mc:Ignorable="d">
    <CarouselPage.ToolbarItems>
        <ToolbarItem Text="Complete" Command="{Binding SubmitCommand}" />
    </CarouselPage.ToolbarItems>
</CarouselPage>

3. 代码后台绑定集合

using Xamarin.Forms;

namespace App.Views
{
    public partial class SliderPage : CarouselPage
    {
        public SliderPage()
        {
            InitializeComponent();
            var viewModel = new ViewModels.SliderViewModel();
            BindingContext = viewModel;
            
            // 监听集合变化，同步到CarouselPage的Children
            viewModel.CarouselPages.CollectionChanged += (s, e) =>
            {
                Children.Clear();
                foreach (var page in viewModel.CarouselPages)
                {
                    Children.Add(page);
                }
            };
        }
    }
}

方案二：自定义可视性管理（不推荐） #

如果不想频繁修改集合，可以给每个子页面添加自定义的IsPageVisible附加属性，然后在CarouselPage的后台代码中，根据该属性手动添加/移除页面。这种方式需要频繁操作集合，性能不如方案一，仅适合简单场景。

注意事项 #

• 动态修改Children集合时，CarouselPage会自动刷新显示的页面；
• 当条件变化时，调用ViewModel的RefreshPages方法即可更新页面列表；
• 若使用Prism、MvvmCross等MVVM框架，可以借助框架自带的集合绑定能力简化代码。

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