Updated RenderTest.

It has various problems under deferred renderer.

samples/RenderTest/App.xaml

@@ -2,5 +2,6 @@
   <Application.Styles>
     <StyleInclude Source="resm:Avalonia.Themes.Default.DefaultTheme.xaml?assembly=Avalonia.Themes.Default"/>
     <StyleInclude Source="resm:Avalonia.Themes.Default.Accents.BaseLight.xaml?assembly=Avalonia.Themes.Default"/>
+    <StyleInclude Source="resm:RenderTest.SideBar.xaml"/>
   </Application.Styles>
 </Application>

samples/RenderTest/MainWindow.xaml

@@ -1,3 +1,32 @@
 <Window xmlns="https://github.com/avaloniaui"
-        Title="Avalonia Render Test">
+        Title="Avalonia Render Test"
+        xmlns:pages="clr-namespace:RenderTest.Pages;assembly=RenderTest">
+  <DockPanel>
+    <Menu DockPanel.Dock="Top">
+      <MenuItem Header="Rendering">
+        <MenuItem Header="Draw Dirty Rects" Command="{Binding ToggleDrawDirtyRects}">
+          <MenuItem.Icon>
+            <CheckBox BorderThickness="0" 
+                      IsHitTestVisible="False"
+                      IsChecked="{Binding DrawDirtyRects}"/>
+          </MenuItem.Icon>
+        </MenuItem>
+        <MenuItem Header="Draw FPS" Command="{Binding ToggleDrawFps}">
+          <MenuItem.Icon>
+            <CheckBox BorderThickness="0"
+                      IsHitTestVisible="False"
+                      IsChecked="{Binding DrawFps}"/>
+          </MenuItem.Icon>
+        </MenuItem>
+      </MenuItem>
+    </Menu>
+    
+    <TabControl Classes="sidebar">
+      <TabControl.Transition>
+        <CrossFade Duration="0.25"/>
+      </TabControl.Transition>
+      <TabItem Header="Animations"><pages:AnimationsPage/></TabItem>
+      <TabItem Header="Clipping"><pages:ClippingPage/></TabItem>
+    </TabControl>
+  </DockPanel>
 </Window>

samples/RenderTest/MainWindow.xaml.cs

@@ -2,19 +2,11 @@
 // Licensed under the MIT license. See licence.md file in the project root for full license information.
 
 using System;
-using System.Linq;
-using System.Reactive.Linq;
 using Avalonia;
-using Avalonia.Animation;
 using Avalonia.Controls;
-using Avalonia.Controls.Shapes;
-using Avalonia.Data;
-using Avalonia.Input;
-using Avalonia.Layout;
 using Avalonia.Markup.Xaml;
-using Avalonia.Media;
-using Avalonia.Rendering;
-using Avalonia.VisualTree;
+using RenderTest.ViewModels;
+using ReactiveUI;
 
 namespace RenderTest
 {
@@ -23,78 +15,17 @@ namespace RenderTest
         public MainWindow()
         {
             this.InitializeComponent();
-            this.CreateAnimations();
             this.AttachDevTools();
-            Renderer.DrawFps = Renderer.DrawDirtyRects = true;
+
+            var vm = new MainWindowViewModel();
+            vm.WhenAnyValue(x => x.DrawDirtyRects).Subscribe(x => Renderer.DrawDirtyRects = x);
+            vm.WhenAnyValue(x => x.DrawFps).Subscribe(x => Renderer.DrawFps = x);
+            this.DataContext = vm;
         }
 
         private void InitializeComponent()
         {
             AvaloniaXamlLoader.Load(this);
         }
-
-        private void CreateAnimations()
-        {
-            const int Count = 100;
-            var panel = new WrapPanel();
-
-            for (var i = 0; i < Count; ++i)
-            {
-                Ellipse ellipse;
-                var element = new Panel
-                {
-                    Children =
-                    {
-                        (ellipse = new Ellipse
-                        {
-                            Name = $"ellipse{i}",
-                            Width = 100,
-                            Height = 100,
-                            Fill = Brushes.Blue,
-                        }),
-                        new Path
-                        {
-                            Data = StreamGeometry.Parse(
-                                "F1 M 16.6309,18.6563C 17.1309,8.15625 29.8809,14.1563 29.8809,14.1563C 30.8809,11.1563 34.1308,11.4063 34.1308,11.4063C 33.5,12 34.6309,13.1563 34.6309,13.1563C 32.1309,13.1562 31.1309,14.9062 31.1309,14.9062C 41.1309,23.9062 32.6309,27.9063 32.6309,27.9062C 24.6309,24.9063 21.1309,22.1562 16.6309,18.6563 Z M 16.6309,19.9063C 21.6309,24.1563 25.1309,26.1562 31.6309,28.6562C 31.6309,28.6562 26.3809,39.1562 18.3809,36.1563C 18.3809,36.1563 18,38 16.3809,36.9063C 15,36 16.3809,34.9063 16.3809,34.9063C 16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z"),
-                            Fill = Brushes.Green,
-                            HorizontalAlignment = HorizontalAlignment.Center,
-                            VerticalAlignment = VerticalAlignment.Center,
-                            RenderTransform = new ScaleTransform(2, 2),
-                        }
-                    },
-                    Margin = new Thickness(4),
-                    RenderTransform = new ScaleTransform(),
-                };
-
-                var start = Animate.Stopwatch.Elapsed;
-                var index = i % (Count / 2);
-                var degrees = Animate.Timer
-                    .Select(x => (x - start).TotalSeconds)
-                    .Where(x => (x % Count) >= index && (x % Count) < index + 1)
-                    .Select(x => (x % 1) / 1);
-
-                element.RenderTransform.Bind(
-                    ScaleTransform.ScaleXProperty,
-                    degrees,
-                    BindingPriority.Animation);
-
-                ellipse.PointerEnter += Ellipse_PointerEnter;
-                ellipse.PointerLeave += Ellipse_PointerLeave;
-
-                panel.Children.Add(element);
-            }
-
-            Content = panel;
-        }
-
-        private void Ellipse_PointerEnter(object sender, PointerEventArgs e)
-        {
-            ((Ellipse)sender).Fill = Brushes.Red;
-        }
-
-        private void Ellipse_PointerLeave(object sender, PointerEventArgs e)
-        {
-            ((Ellipse)sender).Fill = Brushes.Blue;
-        }
     }
 }

samples/RenderTest/Pages/AnimationsPage.xaml

@@ -0,0 +1,2 @@
+<UserControl xmlns="https://github.com/avaloniaui">
+</UserControl>

samples/RenderTest/Pages/AnimationsPage.xaml.cs

@@ -0,0 +1,90 @@
+using System.Reactive.Linq;
+using Avalonia;
+using Avalonia.Animation;
+using Avalonia.Controls;
+using Avalonia.Controls.Shapes;
+using Avalonia.Data;
+using Avalonia.Input;
+using Avalonia.Markup.Xaml;
+using Avalonia.Media;
+
+namespace RenderTest.Pages
+{
+    public class AnimationsPage : UserControl
+    {
+        public AnimationsPage()
+        {
+            this.InitializeComponent();
+            this.CreateAnimations();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+
+        private void CreateAnimations()
+        {
+            const int Count = 100;
+            var panel = new WrapPanel();
+
+            for (var i = 0; i < Count; ++i)
+            {
+                Ellipse ellipse;
+                var element = new Panel
+                {
+                    Children =
+                    {
+                        (ellipse = new Ellipse
+                        {
+                            Name = $"ellipse{i}",
+                            Width = 100,
+                            Height = 100,
+                            Fill = Brushes.Blue,
+                        }),
+                        new Path
+                        {
+                            Data = StreamGeometry.Parse(
+                                "F1 M 16.6309,18.6563C 17.1309,8.15625 29.8809,14.1563 29.8809,14.1563C 30.8809,11.1563 34.1308,11.4063 34.1308,11.4063C 33.5,12 34.6309,13.1563 34.6309,13.1563C 32.1309,13.1562 31.1309,14.9062 31.1309,14.9062C 41.1309,23.9062 32.6309,27.9063 32.6309,27.9062C 24.6309,24.9063 21.1309,22.1562 16.6309,18.6563 Z M 16.6309,19.9063C 21.6309,24.1563 25.1309,26.1562 31.6309,28.6562C 31.6309,28.6562 26.3809,39.1562 18.3809,36.1563C 18.3809,36.1563 18,38 16.3809,36.9063C 15,36 16.3809,34.9063 16.3809,34.9063C 16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z"),
+                            Fill = Brushes.Green,
+                            HorizontalAlignment = Avalonia.Layout.HorizontalAlignment.Center,
+                            VerticalAlignment = Avalonia.Layout.VerticalAlignment.Center,
+                            RenderTransform = new ScaleTransform(2, 2),
+                        }
+                    },
+                    Margin = new Thickness(4),
+                    RenderTransform = new ScaleTransform(),
+                };
+
+                var start = Animate.Stopwatch.Elapsed;
+                var index = i % (Count / 2);
+                var degrees = Animate.Timer
+                    .Select(x => (x - start).TotalSeconds)
+                    .Where(x => (x % Count) >= index && (x % Count) < index + 1)
+                    .Select(x => (x % 1) / 1);
+
+                element.RenderTransform.Bind(
+                    ScaleTransform.ScaleXProperty,
+                    degrees,
+                    BindingPriority.Animation);
+
+                ellipse.PointerEnter += Ellipse_PointerEnter;
+                ellipse.PointerLeave += Ellipse_PointerLeave;
+
+                panel.Children.Add(element);
+            }
+
+            Content = panel;
+        }
+
+        private void Ellipse_PointerEnter(object sender, PointerEventArgs e)
+        {
+            ((Ellipse)sender).Fill = Brushes.Red;
+        }
+
+        private void Ellipse_PointerLeave(object sender, PointerEventArgs e)
+        {
+            ((Ellipse)sender).Fill = Brushes.Blue;
+        }
+    }
+}

samples/RenderTest/Pages/ClippingPage.xaml

@@ -0,0 +1,12 @@
+<UserControl xmlns="https://github.com/avaloniaui">
+  <Grid ColumnDefinitions="Auto,*" RowDefinitions="Auto,*">
+    <Border Background="Yellow"
+            Width="100"
+            Height="100"
+            Clip="M 58.625 0.07421875 C 50.305778 0.26687364 42.411858 7.0346526 41.806641 15.595703 C 42.446442 22.063923 39.707425 13.710754 36.982422 12.683594 C 29.348395 6.1821635 16.419398 8.4359222 11.480469 17.195312 C 6.0935256 25.476803 9.8118851 37.71125 18.8125 41.6875 C 9.1554771 40.62945 -0.070876925 49.146842 0.21679688 58.857422 C 0.21545578 60.872512 0.56758794 62.88911 1.2617188 64.78125 C 4.3821886 74.16708 16.298268 78.921772 25.03125 74.326172 C 28.266843 72.062552 26.298191 74.214838 25.414062 76.398438 C 21.407348 85.589198 27.295992 97.294293 37.097656 99.501953 C 46.864883 102.3541 57.82177 94.726518 58.539062 84.580078 C 58.142158 79.498998 59.307538 83.392694 61.207031 85.433594 C 67.532324 93.056874 80.440232 93.192029 86.882812 85.630859 C 93.836392 78.456939 92.396838 65.538666 84.115234 60.009766 C 79.783641 57.904836 83.569793 58.802369 86.375 58.193359 C 96.383335 56.457569 102.87506 44.824101 99.083984 35.394531 C 95.963498 26.008711 84.047451 21.254079 75.314453 25.849609 C 72.078834 28.113269 74.047517 25.960974 74.931641 23.777344 C 78.93827 14.586564 73.049722 2.8815081 63.248047 0.67382812 C 61.721916 0.22817968 60.165597 0.038541919 58.625 0.07421875 z ">
+      <Border Name="geometryClipped" Background="{StyleResource ThemeAccentBrush}" Margin="4">
+        <TextBox Text="Avalonia" VerticalAlignment="Center"/>
+      </Border>
+    </Border>
+  </Grid>
+</UserControl>

samples/RenderTest/Pages/ClippingPage.xaml.cs

@@ -0,0 +1,36 @@
+using System.Reactive.Linq;
+using Avalonia;
+using Avalonia.Animation;
+using Avalonia.Controls;
+using Avalonia.Data;
+using Avalonia.Markup.Xaml;
+using Avalonia.Media;
+
+namespace RenderTest.Pages
+{
+    public class ClippingPage : UserControl
+    {
+        public ClippingPage()
+        {
+            InitializeComponent();
+            CreateAnimations();
+        }
+
+        private void InitializeComponent()
+        {
+            AvaloniaXamlLoader.Load(this);
+        }
+
+        private void CreateAnimations()
+        {
+            var clipped = this.FindControl<Border>("geometryClipped");
+            var degrees = Animate.Timer.Select(x => x.TotalMilliseconds / 5);
+            clipped.RenderTransform = new RotateTransform();
+            clipped.RenderTransform.Bind(RotateTransform.AngleProperty, degrees, BindingPriority.Animation);
+            clipped.Bind(
+                Border.BackgroundProperty,
+                clipped.GetObservable(Control.IsPointerOverProperty)
+                    .Select(x => x ? Brushes.Crimson : AvaloniaProperty.UnsetValue));
+        }
+    }
+}

samples/RenderTest/Program.cs

@@ -2,6 +2,7 @@ using System;
 using System.Linq;
 using Avalonia;
 using Avalonia.Controls;
+using Avalonia.Direct2D1;
 using Avalonia.Logging.Serilog;
 using Avalonia.Platform;
 using Serilog;
@@ -14,6 +15,8 @@ namespace RenderTest
         {
             InitializeLogging();
 
+            //Direct2D1Platform.UseImmediateRenderer = true;
+
             // TODO: Make this work with GTK/Skia/Cairo depending on command-line args
             // again.
             AppBuilder.Configure<App>()

samples/RenderTest/RenderTest.csproj

@@ -45,6 +45,10 @@
       <HintPath>..\..\packages\Serilog.1.5.14\lib\net45\Serilog.FullNetFx.dll</HintPath>
       <Private>True</Private>
     </Reference>
+    <Reference Include="Splat, Version=1.6.2.0, Culture=neutral, processorArchitecture=MSIL">
+      <HintPath>..\..\packages\Splat.1.6.2\lib\Net45\Splat.dll</HintPath>
+      <Private>True</Private>
+    </Reference>
     <Reference Include="System" />
     <Reference Include="System.Core" />
     <Reference Include="System.Reactive.Core, Version=3.0.0.0, Culture=neutral, PublicKeyToken=94bc3704cddfc263, processorArchitecture=MSIL">
@@ -79,11 +83,18 @@
     <Compile Include="App.xaml.cs">
       <DependentUpon>App.xaml</DependentUpon>
     </Compile>
+    <Compile Include="Pages\ClippingPage.xaml.cs">
+      <DependentUpon>ClippingPage.xaml</DependentUpon>
+    </Compile>
+    <Compile Include="Pages\AnimationsPage.xaml.cs">
+      <DependentUpon>AnimationsPage.xaml</DependentUpon>
+    </Compile>
     <Compile Include="Program.cs" />
     <Compile Include="Properties\AssemblyInfo.cs" />
     <Compile Include="MainWindow.xaml.cs">
       <DependentUpon>MainWindow.xaml</DependentUpon>
     </Compile>
+    <Compile Include="ViewModels\MainWindowViewModel.cs" />
   </ItemGroup>
   <ItemGroup>
     <None Include="App.config" />
@@ -185,6 +196,21 @@
       <SubType>Designer</SubType>
     </EmbeddedResource>
   </ItemGroup>
+  <ItemGroup>
+    <EmbeddedResource Include="SideBar.xaml">
+      <SubType>Designer</SubType>
+    </EmbeddedResource>
+  </ItemGroup>
+  <ItemGroup>
+    <EmbeddedResource Include="Pages\AnimationsPage.xaml">
+      <SubType>Designer</SubType>
+    </EmbeddedResource>
+  </ItemGroup>
+  <ItemGroup>
+    <EmbeddedResource Include="Pages\ClippingPage.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.

samples/RenderTest/SideBar.xaml

@@ -0,0 +1,40 @@
+<Styles xmlns="https://github.com/avaloniaui">
+  <Style Selector="TabControl.sidebar">
+    <Setter Property="Template">
+      <ControlTemplate>
+        <DockPanel>
+          <ScrollViewer MinWidth="190" Background="{StyleResource ThemeAccentBrush}" DockPanel.Dock="Left">
+            <TabStrip Name="PART_TabStrip"
+                      MemberSelector="{Static TabControl.HeaderSelector}"
+                      Items="{TemplateBinding Items}"
+                      SelectedIndex="{TemplateBinding Path=SelectedIndex, Mode=TwoWay}">
+              <TabStrip.ItemsPanel>
+                <ItemsPanelTemplate>
+                  <StackPanel Orientation="Vertical"/>
+                </ItemsPanelTemplate>
+              </TabStrip.ItemsPanel>
+            </TabStrip>
+          </ScrollViewer>
+          <Carousel Name="PART_Content"
+                    Margin="8 0 0 0"
+                    MemberSelector="{Static TabControl.ContentSelector}"
+                    Items="{TemplateBinding Items}"
+                    SelectedIndex="{TemplateBinding Path=SelectedIndex}"
+                    Transition="{TemplateBinding Transition}"
+                    Grid.Row="1"/>
+        </DockPanel>
+      </ControlTemplate>
+    </Setter>
+  </Style>
+
+  <Style Selector="TabControl.sidebar TabStripItem">
+    <Setter Property="Foreground" Value="White"/>
+    <Setter Property="FontSize" Value="14"/>
+    <Setter Property="Margin" Value="0"/>
+    <Setter Property="Padding" Value="16"/>
+  </Style>
+
+  <Style Selector="TabControl.sidebar TabStripItem:selected">
+    <Setter Property="Background" Value="{StyleResource ThemeAccentBrush2}"/>
+  </Style>
+</Styles>

samples/RenderTest/ViewModels/MainWindowViewModel.cs

@@ -0,0 +1,34 @@
+using System;
+using ReactiveUI;
+
+namespace RenderTest.ViewModels
+{
+    public class MainWindowViewModel : ReactiveObject
+    {
+        private bool drawDirtyRects = true;
+        private bool drawFps = true;
+
+        public MainWindowViewModel()
+        {
+            ToggleDrawDirtyRects = ReactiveCommand.Create();
+            ToggleDrawDirtyRects.Subscribe(_ => DrawDirtyRects = !DrawDirtyRects);
+            ToggleDrawFps = ReactiveCommand.Create();
+            ToggleDrawFps.Subscribe(_ => DrawFps = !DrawFps);
+        }
+
+        public bool DrawDirtyRects
+        {
+            get { return drawDirtyRects; }
+            set { this.RaiseAndSetIfChanged(ref drawDirtyRects, value); }
+        }
+
+        public bool DrawFps
+        {
+            get { return drawFps; }
+            set { this.RaiseAndSetIfChanged(ref drawFps, value); }
+        }
+
+        public ReactiveCommand<object> ToggleDrawDirtyRects { get; }
+        public ReactiveCommand<object> ToggleDrawFps { get; }
+    }
+}

samples/RenderTest/packages.config

@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <packages>
   <package id="Serilog" version="1.5.14" targetFramework="net45" />
+  <package id="Splat" version="1.6.2" targetFramework="net45" />
   <package id="System.Reactive" version="3.0.0" targetFramework="net45" />
   <package id="System.Reactive.Core" version="3.0.0" targetFramework="net45" />
   <package id="System.Reactive.Interfaces" version="3.0.0" targetFramework="net45" />