01.CarouselPageを使用するには？

CarouselPageを使用すると、スワイプ操作によってページ切り替えを行うことができるようになります。

CarouselPageを実装するページのコードビハインドは、以下のようにCarouselPageクラスを継承する必要があります。

MainPage.xaml.cs

    namespace CarouselPageSample
{
    public partial class MainPage : CarouselPage
    {
        public MainPage()
        {
            InitializeComponent();
        }
    }
}

次に、スワイプで切り替えるページの実装をします。

CarouselPageのXamlファイルを開いたら、必要な分だけ ContentPage を配置します。

以下の例では3つのContentPageを配置して言いますので、３つのページをスワイプで切り替えることが出来ます。

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" 
              xmlns:local="clr-namespace:CarouselPageSample" 
              x:Class="CarouselPageSample.MainPage">
    <!-- 1ページ目 -->
    <ContentPage Title="Page1">
        <Label Text="1ページ目!" VerticalOptions="Center" HorizontalOptions="Center" />
    </ContentPage>

    <!-- 2ページ目 -->
    <ContentPage Title="Page2">
        <Label Text="2ページ目!" VerticalOptions="Center" HorizontalOptions="Center" />
    </ContentPage>

    <!-- 3ページ目 -->
    <ContentPage Title="Page3">
        <Label Text="3ページ目!" VerticalOptions="Center" HorizontalOptions="Center" />
    </ContentPage>
</CarouselPage>

実行例を以下に示します。