Implements Carousel control and sample carousel page

Microsoft.Toolkit.Uwp.SampleApp/Microsoft.Toolkit.Uwp.SampleApp.csproj

@@ -238,6 +238,7 @@
     <Content Include="SamplePages\Bing Service\icon.png" />
     <Content Include="SamplePages\BladeView\BladeView.png" />
     <Content Include="SamplePages\Blur\BlurBehavior.png" />
+    <Content Include="SamplePages\Carousel\Carousel.png" />
     <Content Include="SamplePages\DropShadowPanel\DropShadowPanel.png" />
     <Content Include="SamplePages\Expander\Expander.png" />
     <Content Include="SamplePages\FadeHeader\FadeHeaderBehavior.png" />
@@ -367,6 +368,7 @@
     <Content Include="SamplePages\MarkdownTextBlock\MarkdownTextBlockCode.bind" />
     <Content Include="SamplePages\OneDrive Service\OneDriveCode.bind" />
     <Content Include="SamplePages\Analytics\AnalyticsCode.bind" />
+    <Content Include="SamplePages\Carousel\CarouselCode.bind" />
   </ItemGroup>
   <ItemGroup>
     <Compile Include="App.xaml.cs">
@@ -388,6 +390,9 @@
       <DependentUpon>AdvancedCollectionViewPage.xaml</DependentUpon>
     </Compile>
     <Compile Include="SamplePages\BackgroundTaskHelper\TestBackgroundTask.cs" />
+    <Compile Include="SamplePages\Carousel\CarouselPage.xaml.cs">
+      <DependentUpon>CarouselPage.xaml</DependentUpon>
+    </Compile>
     <Compile Include="SamplePages\ConnectionHelper\ConnectionHelperPage.xaml.cs">
       <DependentUpon>ConnectionHelperPage.xaml</DependentUpon>
     </Compile>
@@ -602,6 +607,10 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
+    <Page Include="SamplePages\Carousel\CarouselPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+      <SubType>Designer</SubType>
+    </Page>
     <Page Include="Controls\FocusTracker.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Carousel/CarouselCode.bind

@@ -0,0 +1,36 @@
+<Page x:Class="Microsoft.Toolkit.Uwp.SampleApp.SamplePages.CarouselPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:Microsoft.Toolkit.Uwp.SampleApp.SamplePages"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      mc:Ignorable="d">
+
+  <Grid Background="{StaticResource Brush-Grey-05}">
+    <Border Margin="0">
+      <controls:Carousel x:Name="CarouselControl"
+                  InvertPositive="@[InvertPositive:Bool:True]"
+                  ItemDepth="@[ItemDepth:Slider:300:0-400]"
+                  ItemMargin="@[ItemMargin:Slider:0:0-500]"
+                  ItemRotationX="@[ItemRotationX:Slider:0:0-180]"
+                  ItemRotationY="@[ItemRotationY:Slider:45:0-180]"
+                  ItemRotationZ ="@[ItemRotationZ:Slider:0:0-180]"
+                  Orientation="@[Orientation:Enum:Orientation.Horizontal]"
+                  SelectedIndex="@[SelectedIndex:String:4]">
+        <controls:Carousel.EasingFunction>
+          <CubicEase EasingMode="EaseOut" />
+        </controls:Carousel.EasingFunction>
+        <controls:Carousel.ItemTemplate>
+          <DataTemplate>
+            <Image Width="200"
+                  Height="200"
+                  VerticalAlignment="Bottom"
+                  Source="{Binding Thumbnail}"
+                  Stretch="Uniform" />
+          </DataTemplate>
+        </controls:Carousel.ItemTemplate>
+      </controls:Carousel>
+    </Border>
+  </Grid>
+</Page>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Carousel/CarouselPage.xaml

@@ -0,0 +1,37 @@
+<Page x:Class="Microsoft.Toolkit.Uwp.SampleApp.SamplePages.CarouselPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:Microsoft.Toolkit.Uwp.SampleApp.SamplePages"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      mc:Ignorable="d">
+
+    <Grid Background="{StaticResource Brush-Grey-05}">
+        <Border Margin="0">
+            <controls:Carousel x:Name="CarouselControl"
+                               Background="{StaticResource Brush-Grey-05}"
+                               InvertPositive="{Binding InvertPositive.Value, Mode=OneWay}"
+                               ItemDepth="{Binding ItemDepth.Value, Mode=OneWay}"
+                               ItemMargin="{Binding ItemMargin.Value, Mode=OneWay}"
+                               ItemRotationX="{Binding ItemRotationX.Value, Mode=OneWay}"
+                               ItemRotationY="{Binding ItemRotationY.Value, Mode=OneWay}"
+                               ItemRotationZ="{Binding ItemRotationZ.Value, Mode=OneWay}"
+                               Orientation="{Binding Orientation.Value, Mode=OneWay}"
+                               SelectedIndex="{Binding SelectedIndex.Value, Mode=TwoWay}">
+                <controls:Carousel.EasingFunction>
+                    <CubicEase EasingMode="EaseOut" />
+                </controls:Carousel.EasingFunction>
+                <controls:Carousel.ItemTemplate>
+                    <DataTemplate>
+                        <Image Width="200"
+                                   Height="200"
+                                   VerticalAlignment="Bottom"
+                                   Source="{Binding Thumbnail}"
+                                   Stretch="Uniform" />
+                    </DataTemplate>
+                </controls:Carousel.ItemTemplate>
+            </controls:Carousel>
+        </Border>
+    </Grid>
+</Page>

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/Carousel/CarouselPage.xaml.cs

@@ -0,0 +1,50 @@
+// ******************************************************************
+// Copyright (c) Microsoft. All rights reserved.
+// This code is licensed under the MIT License (MIT).
+// THE CODE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+// INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH
+// THE CODE OR THE USE OR OTHER DEALINGS IN THE CODE.
+// ******************************************************************
+
+using Microsoft.Toolkit.Uwp.SampleApp.Models;
+using Windows.UI.Xaml.Controls;
+using Windows.UI.Xaml.Navigation;
+
+namespace Microsoft.Toolkit.Uwp.SampleApp.SamplePages
+{
+    /// <summary>
+    /// A page that shows how to use the Carousel control.
+    /// </summary>
+    public sealed partial class CarouselPage : Page
+    {
+        /// <summary>
+        /// Initializes a new instance of the <see cref="CarouselPage"/> class.
+        /// </summary>
+        public CarouselPage()
+        {
+            InitializeComponent();
+        }
+
+        /// <summary>
+        /// Invoked when the Page is loaded and becomes the current source of a parent Frame.
+        /// </summary>
+        /// <param name="e">Event data that can be examined by overriding code. The event data is representative of the pending navigation that will load the current Page. Usually the most relevant property to examine is Parameter.</param>
+        protected override async void OnNavigatedTo(NavigationEventArgs e)
+        {
+            base.OnNavigatedTo(e);
+
+            var propertyDesc = e.Parameter as PropertyDescriptor;
+
+            if (propertyDesc != null)
+            {
+                DataContext = propertyDesc.Expando;
+            }
+
+            CarouselControl.ItemsSource = await new Data.PhotosDataSource().GetItemsAsync();
+        }
+    }
+}

Microsoft.Toolkit.Uwp.SampleApp/SamplePages/samples.json

@@ -3,6 +3,14 @@
     "Name": "Controls",
     "Icon": "Icons/Foundation.png",
     "Samples": [
+     {
+        "Name": "Carousel",
+        "Type": "CarouselPage",
+        "About": "Presents items in a carousel control. It reacts to changes in the layout as well as the content so it can adapt to different form factors automatically.",
+        "CodeUrl": "https://github.com/Microsoft/UWPCommunityToolkit/tree/master/Microsoft.Toolkit.Uwp.UI.Controls/Carousel",
+        "XamlCodeFile": "CarouselCode.bind",
+        "Icon": "/SamplePages/Carousel/Carousel.png"
+      },
       {
         "Name": "AdaptiveGridView",
         "Type": "AdaptiveGridViewPage",