From 152b4000a89222ba777f621856ec010757dd997d Mon Sep 17 00:00:00 2001
From: Steven Kirk <grokys@gmail.com>
Date: Thu, 31 Mar 2016 20:07:17 +0200
Subject: [PATCH] Added Image to ControlCatalog.

---
 samples/ControlCatalog/ControlCatalog.csproj  |  8 ++++
 samples/ControlCatalog/MainWindow.xaml        |  1 +
 samples/ControlCatalog/Pages/ImagePage.xaml   | 39 +++++++++++++++++++
 .../ControlCatalog/Pages/ImagePage.xaml.cs    | 18 +++++++++
 4 files changed, 66 insertions(+)
 create mode 100644 samples/ControlCatalog/Pages/ImagePage.xaml
 create mode 100644 samples/ControlCatalog/Pages/ImagePage.xaml.cs

diff --git a/samples/ControlCatalog/ControlCatalog.csproj b/samples/ControlCatalog/ControlCatalog.csproj
index 06fab19d96..087998c805 100644
--- a/samples/ControlCatalog/ControlCatalog.csproj
+++ b/samples/ControlCatalog/ControlCatalog.csproj
@@ -61,6 +61,9 @@
     <Compile Include="MainWindow.xaml.cs">
       <DependentUpon>MainWindow.xaml</DependentUpon>
     </Compile>
+    <Compile Include="Pages\ImagePage.xaml.cs">
+      <DependentUpon>ImagePage.xaml</DependentUpon>
+    </Compile>
     <Compile Include="Pages\ExpanderPage.xaml.cs">
       <DependentUpon>ExpanderPage.xaml</DependentUpon>
     </Compile>
@@ -258,6 +261,11 @@
       <SubType>Designer</SubType>
     </EmbeddedResource>
   </ItemGroup>
+  <ItemGroup>
+    <EmbeddedResource Include="Pages\ImagePage.xaml">
+      <SubType>Designer</SubType>
+    </EmbeddedResource>
+  </ItemGroup>
   <Import Project="$(MSBuildToolsPath)\Microsoft.CSharp.targets" />
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
        Other similar extension points exist, see Microsoft.Common.targets.
diff --git a/samples/ControlCatalog/MainWindow.xaml b/samples/ControlCatalog/MainWindow.xaml
index b3bd010ede..69692a073f 100644
--- a/samples/ControlCatalog/MainWindow.xaml
+++ b/samples/ControlCatalog/MainWindow.xaml
@@ -12,6 +12,7 @@
     <TabItem Header="CheckBox"><pages:CheckBoxPage/></TabItem>
     <TabItem Header="DropDown"><pages:DropDownPage/></TabItem>
     <TabItem Header="Expander"><pages:ExpanderPage/></TabItem>
+    <TabItem Header="Image"><pages:ImagePage/></TabItem>
     <TabItem Header="LayoutTransformControl"><pages:LayoutTransformControlPage/></TabItem>
     <TabItem Header="Menu"><pages:MenuPage/></TabItem>
     <TabItem Header="RadioButton"><pages:RadioButtonPage/></TabItem>
diff --git a/samples/ControlCatalog/Pages/ImagePage.xaml b/samples/ControlCatalog/Pages/ImagePage.xaml
new file mode 100644
index 0000000000..a9c8846c6c
--- /dev/null
+++ b/samples/ControlCatalog/Pages/ImagePage.xaml
@@ -0,0 +1,39 @@
+<UserControl xmlns="https://github.com/perspex">
+  <StackPanel Orientation="Vertical" Gap="4">
+    <TextBlock Classes="h1">Image</TextBlock>
+    <TextBlock Classes="h2">Displays an image</TextBlock>
+
+    <StackPanel Orientation="Horizontal"
+                Margin="0,16,0,0"
+                HorizontalAlignment="Center"
+                Gap="16">
+      <StackPanel Orientation="Vertical">
+        <TextBlock>No Stretch</TextBlock>
+        <Image Source="resm:ControlCatalog.Assets.delicate-arch-896885_640.jpg"
+               Width="100" Height="200"
+               Stretch="None"/>
+      </StackPanel>
+
+      <StackPanel Orientation="Vertical">
+        <TextBlock>Fill</TextBlock>
+        <Image Source="resm:ControlCatalog.Assets.delicate-arch-896885_640.jpg"
+               Width="100" Height="200"
+               Stretch="Fill"/>
+      </StackPanel>
+
+      <StackPanel Orientation="Vertical">
+        <TextBlock>Uniform</TextBlock>
+        <Image Source="resm:ControlCatalog.Assets.delicate-arch-896885_640.jpg"
+                Width="100" Height="200"
+                Stretch="Uniform"/>
+      </StackPanel>
+
+      <StackPanel Orientation="Vertical">
+        <TextBlock>UniformToFill</TextBlock>
+        <Image Source="resm:ControlCatalog.Assets.delicate-arch-896885_640.jpg"
+               Width="100" Height="200"
+               Stretch="UniformToFill"/>
+      </StackPanel>
+    </StackPanel>    
+  </StackPanel>
+</UserControl>
\ No newline at end of file
diff --git a/samples/ControlCatalog/Pages/ImagePage.xaml.cs b/samples/ControlCatalog/Pages/ImagePage.xaml.cs
new file mode 100644
index 0000000000..e80f92239a
--- /dev/null
+++ b/samples/ControlCatalog/Pages/ImagePage.xaml.cs
@@ -0,0 +1,18 @@
+using Perspex.Controls;
+using Perspex.Markup.Xaml;
+
+namespace ControlCatalog.Pages
+{
+    public class ImagePage : UserControl
+    {
+        public ImagePage()
+        {
+            this.InitializeComponent();
+        }
+
+        private void InitializeComponent()
+        {
+            PerspexXamlLoader.Load(this);
+        }
+    }
+}