将 CarouselView 导入 XAML 页面

基础

在 ContentPage 的标题中，插入以下行：

xmlns:cv="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.CarouselView"

在<ContentPage.Content>标记之间放置 CarouselView：

<cv:CarouselView x:Name="DemoCarouselView">
</cv:CarouselView>

x：Name 将为你的 CarouselView 提供一个名称，该名称可用于 C#代码隐藏文件。这是将 CarouselView 集成到视图中所需的基础知识。给定的示例不会显示任何内容，因为 CarouselView 为空。

创建可绑定的源

作为 ItemSource 的示例，我将使用 ObservableCollection 字符串。

public ObservableCollection<TechGiant> TechGiants { get; set; }

TechGiant 是一个将主持技术巨头名称的类

public class TechGiant
{
    public string Name { get; set; }

    public TechGiant(string Name)
    {
        this.Name = Name;
    }
}

在页面的 InitializeComponent 之后，创建并填充 ObservableCollection

TechGiants = new ObservableCollection<TechGiant>();
TechGiants.Add(new TechGiant("Xamarin"));
TechGiants.Add(new TechGiant("Microsoft"));
TechGiants.Add(new TechGiant("Apple"));
TechGiants.Add(new TechGiant("Google"));

最后，将 TechGiants 设置为 DemoCarouselView 的 ItemSource

DemoCarouselView.ItemsSource = TechGiants;

DataTemplates

在 XAML 文件中，为 CarouselView 提供一个 DataTemplate：

<cv:CarouselView.ItemTemplate>
</cv:CarouselView.ItemTemplate>

定义 DataTemplate。在这种情况下，这将是一个标签，文本绑定到 itemsource 和绿色背景：

<DataTemplate>
    <Label Text="{Binding Name}" BackgroundColor="Green"/>
</DataTemplate>

而已！ 运行程序，看看结果！