将 CarouselPage 转换为 CarouselView

Question

是否可以在 Xaml 中向 CarouselView 添加直接内容？

我需要将旧的 CarouselPage 转换为较新的 CarouselView，但看起来它必须是数据绑定的。但是我的每张幻灯片的内容都完全不同，并且不容易适合项目模板。

<?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="myCarousel" 
              x:Name="carouselPage"
NavigationPage.HasNavigationBar="false" BackgroundColor="#000000">
    <ContentPage BackgroundColor="#000000">
        <StackLayout BackgroundColor="#000000">
            <Label Text="Lorem ipsum" />
            <ImageButton Margin="0,20" Source="btn_continue" HorizontalOptions="Center" HeightRequest="30" Clicked="Go_Right" />
        </StackLayout>
    </ContentPage>
    <ContentPage BackgroundColor="#000000">
        <StackLayout BackgroundColor="#000000">
            <Button Text="X" TextColor="White" BackgroundColor="Transparent" VerticalOptions="Start" HorizontalOptions="End" Clicked="Go_Home"></Button>
            <ImageButton Source="slider-2" Aspect="AspectFill" HorizontalOptions="FillAndExpand" VerticalOptions="Start"  />
            <Grid Margin="0,20" VerticalOptions="Start">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <ImageButton Source="btn_back" HorizontalOptions="Center" HeightRequest="30" Grid.Column="0" Clicked="Go_Left" />
                <ImageButton Source="btn_close" HorizontalOptions="Center" HeightRequest="30" Grid.Column="1" Clicked="Go_Home" />
            </Grid>
        </StackLayout>
    </ContentPage>

</CarouselPage>

我需要创建一个多幻灯片轮播，其中每张幻灯片都有不同的内容，如上所示。我如何使用 CarouselViews 转换它？

我在使用 CarouselPage 时遇到的问题是它的行为并不总是一致，这就是为什么我认为他们正在慢慢弃用它。

Answer 1

But my content for each slide is entirely different and does not easily lend itself to an item template.

您需要为每张幻灯片和Choose item appearance at runtime创建不同的DataTemplate，例如：

<ContentPage ...
             xmlns:controls="clr-namespace:CarouselViewDemos.Controls"
             x:Class="CarouselViewDemos.Views.HorizontalLayoutDataTemplateSelectorPage">
    <ContentPage.Resources>
        <DataTemplate x:Key="StyleATemplate">
            ...
        </DataTemplate>

        <DataTemplate x:Key="StyleBTemplate">
            ...
        </DataTemplate>

        <controls:ContentSelector x:Key="myContentSelector"
                                             AmericanMonkey="{StaticResource StyleATemplate}"
                                             OtherMonkey="{StaticResource StyleBTemplate}" />
    </ContentPage.Resources>

    <CarouselView ItemsSource="{Binding Monkeys}"
                  ItemTemplate="{StaticResource myContentSelector}" />
</ContentPage>

并且在后面的代码中，为每张幻灯片使用 DataTemplateSelector 到 select 不同的模板：

public class ContentSelector: DataTemplateSelector
{
    public DataTemplate StyleATemplate{ get; set; }
    public DataTemplate StyleBTemplate{ get; set; }

    protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
    {
        if(item.style == A){
            return  StyleATemplate;
        }else{
            return StyleBTemplate;
        }
       
    }
}

Answer 2

当然可以，您可以在每个视图中添加不同的内容。

有必要创建一个 CustomViewSelector。

检查我的 GitHub 以获得完整的示例代码 https://github.com/georgemichailou/ShaXam

注意这些文件

https://github.com/georgemichailou/ShaXam/blob/master/ShaXam/UI%20Helper/CustomViewSelector.cs

https://github.com/georgemichailou/ShaXam/blob/master/ShaXam/MainPage.xaml

https://github.com/georgemichailou/ShaXam/blob/master/ShaXam/MainPage.xaml.cs（第 17-25-27 行）

将 CarouselPage 转换为 CarouselView

Converting CarouselPage to CarouselView

carousel

xamarin

xamarin.forms