旋转木马--向旋转木马添加不同的页面

Question

我收到了一个错误--“旋转木马没有孩子”。

我用了Xamarin的旋转木马样本。如果页面相同，旋转木马就能工作。我的要求是，我的网页是不同的，但我希望它工作在一个旋转木马。

1. 第1页-图像
2. 第2页-按钮
3. 第3页-复选框

MainPage.xaml

    <?xml version="1.0" encoding="utf-8" ?>
    <CarouselPage xmlns="http://xamarin.com/schemas/2014/forms"
                  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                  x:Class="CarouselApp.MainPage">
        <CarouselPage.ItemTemplate>
            <DataTemplate>
                <ContentPage>
                    <ContentPage.Padding>
                        <OnPlatform x:TypeArguments="Thickness" iOS="0,40,0,0" Android="0,40,0,0"> 
                    </ContentPage.Padding>
                    <StackLayout>
                            <ContentView BindingContext="PageName"></ContentView>
                    </StackLayout>
                </ContentPage>
            </DataTemplate>
        </CarouselPage.ItemTemplate>
    </CarouselPage>

MainPage.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

using Xamarin.Forms;

namespace CarouselApp
{
    public partial class MainPage : CarouselPage
    {
        public MainPage()
        {
            InitializeComponent();
            ItemsSource = CarouselAppDataModel.All;
        }
    }
}

DataModel

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Xamarin.Forms;

namespace CarouselApp
{
    public class CarouselDataModel : ContentView
    {
        public ContentView PageName { get; set; }
        public static IList<CarouselDatModel> All { get; set; }

        private Carousel03 fl3 as new Carousel03;
        private Carousel04 fl4 as new Carousel04;

        public CarouselDataDataModel()
        {
            All = new ObservableCollection<CarouselDataModel>
            {
                new CarouselDataModel
                {
                    PageName = fl3
                },
                new CarouselDataModel
                {
                    PageName = fl4
                }
            };
        }
    }
}

Answer 1

因为你的页面都不一样，你用的是XAML.与其使用数据模板，不如在XAML中创建三个连续的内容页，如下所示

<CarouselPage xmlns="http://xamarin.com/schemas/2014/forms"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="CarouselPageNavigation.MainPage">
    <ContentPage>
        <ContentPage.Padding>
            <OnPlatform x:TypeArguments="Thickness" iOS="0,40,0,0" Android="0,40,0,0" />
        </ContentPage.Padding>
        <StackLayout>
            <Label Text="Red" FontSize="Medium" HorizontalOptions="Center" />
            <BoxView Color="Red" WidthRequest="200" HeightRequest="200" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" />
        </StackLayout>
    </ContentPage>
    <ContentPage>
        ...
    </ContentPage>
    <ContentPage>
        ...
    </ContentPage>
</CarouselPage>