From 665f52966e859562878473272384468cafc9ba73 Mon Sep 17 00:00:00 2001
From: Nick Kovalsky <nickyboom@mail.ru>
Date: Sat, 19 Oct 2024 21:54:47 +0300
Subject: [PATCH] v3 shaders progress

---
 src/Directory.Build.props                     |  2 +-
 src/samples/Sandbox/AppShell.xaml             |  2 +-
 src/samples/Sandbox/MainPageDev.xaml          | 78 ++++++++++++++++++-
 src/samples/Sandbox/MainPageDev.xaml.cs       | 51 ++++++++++--
 .../Shaders/CarouselWithTransitions.cs        |  6 +-
 5 files changed, 126 insertions(+), 13 deletions(-)

diff --git a/src/Directory.Build.props b/src/Directory.Build.props
index 66f8081f..6edb0ec9 100644
--- a/src/Directory.Build.props
+++ b/src/Directory.Build.props
@@ -1,6 +1,6 @@
 <Project>
   <PropertyGroup>
-    <UseSkiaSharp3>false</UseSkiaSharp3>
+    <UseSkiaSharp3>true</UseSkiaSharp3>
   </PropertyGroup>
 
   <PropertyGroup Condition="'$(UseSkiaSharp3)' != 'true'">
diff --git a/src/samples/Sandbox/AppShell.xaml b/src/samples/Sandbox/AppShell.xaml
index 3003387c..ecc50461 100644
--- a/src/samples/Sandbox/AppShell.xaml
+++ b/src/samples/Sandbox/AppShell.xaml
@@ -9,7 +9,7 @@
 
     <ShellContent
         Title="Drawn UI"
-        ContentTemplate="{DataTemplate mauiNet8:MainPage}"
+        ContentTemplate="{DataTemplate mauiNet8:MainPageDev}"
         Route="MainPage" />
 
 </Shell>
diff --git a/src/samples/Sandbox/MainPageDev.xaml b/src/samples/Sandbox/MainPageDev.xaml
index 9c5d71ed..a9143126 100644
--- a/src/samples/Sandbox/MainPageDev.xaml
+++ b/src/samples/Sandbox/MainPageDev.xaml
@@ -5,9 +5,11 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
     xmlns:controls="clr-namespace:Sandbox.Views.Controls"
     xmlns:draw="http://schemas.appomobi.com/drawnUi/2023/draw"
+    xmlns:mauiNet8="clr-namespace:MauiNet8"
     xmlns:system="clr-namespace:System;assembly=System.Runtime"
     xmlns:views="clr-namespace:Sandbox.Views"
     x:Name="ThisPage"
+    x:DataType="mauiNet8:MainPageDev"
     BackgroundColor="Black">
 
     <draw:Canvas
@@ -17,6 +19,35 @@
         Tag="MainPage"
         VerticalOptions="Fill">
 
+        <draw:Canvas.Resources>
+            <ResourceDictionary>
+
+                <Style
+                    x:Key="SkiaStyleControlInTable"
+                    TargetType="draw:SkiaControl">
+                    <Setter Property="VerticalOptions" Value="Center" />
+                    <Setter Property="AddMarginLeft" Value="120" />
+                </Style>
+
+                <Style
+                    x:Key="SkiaStyleControLabel"
+                    TargetType="draw:SkiaLabel">
+                    <Setter Property="VerticalOptions" Value="Center" />
+                    <Setter Property="TextColor" Value="Black" />
+                </Style>
+
+                <Style
+                    x:Key="SkiaStyleControlContainer"
+                    TargetType="draw:SkiaLayout">
+                    <Setter Property="Padding" Value="8,2" />
+                    <Setter Property="HeightRequest" Value="44" />
+                    <Setter Property="HorizontalOptions" Value="Fill" />
+                    <Setter Property="UseCache" Value="Image" />
+                </Style>
+
+            </ResourceDictionary>
+        </draw:Canvas.Resources>
+
         <draw:SkiaLayout
             HorizontalOptions="Fill"
             Tag="Wrapper"
@@ -32,16 +63,16 @@
                     VerticalOptions="Fill">
 
                     <draw:SkiaLayout
-                        BackgroundColor="Blue"
+                        BackgroundColor="Gainsboro"
                         HorizontalOptions="Fill"
                         Spacing="0"
                         Tag="Content"
-                        Type="Column">
+                        Type="Column"
+                        UseCache="None">
 
                         <!--    -->
                         <controls:AnimatedCarousel
                             x:Name="MainCarousel"
-                            AnimatorSpeedMs="1750"
                             BackgroundColor="DarkOliveGreen"
                             HeightRequest="300"
                             HorizontalOptions="Fill"
@@ -103,6 +134,45 @@
                             TextColor="White"
                             VerticalTextAlignment="Center" />
 
+
+
+                        <!--  Select  -->
+                        <draw:SkiaLayout Style="{x:StaticResource SkiaStyleControlContainer}">
+                            <draw:SkiaLabel
+                                HorizontalOptions="Fill"
+                                Style="{x:StaticResource SkiaStyleControLabel}"
+                                Text="Transition" />
+
+                        </draw:SkiaLayout>
+
+                        <!--  Speed  -->
+                        <draw:SkiaLayout Style="{x:StaticResource SkiaStyleControlContainer}">
+                            <draw:SkiaLabel
+                                HorizontalOptions="Fill"
+                                Style="{x:StaticResource SkiaStyleControLabel}"
+                                Text="Speed" />
+                            <controls:DrawnSlider
+                                End="{Binding SpeedMs, Mode=TwoWay}"
+                                HorizontalOptions="Fill"
+                                Max="3000"
+                                Min="1750"
+                                MinMaxStringFormat="P0"
+                                Step="1.0"
+                                Style="{x:StaticResource SkiaStyleControlInTable}" />
+                        </draw:SkiaLayout>
+
+                        <!--  Switch  -->
+                        <draw:SkiaLayout Style="{x:StaticResource SkiaStyleControlContainer}">
+                            <draw:SkiaLabel
+                                HorizontalOptions="Fill"
+                                Style="{x:StaticResource SkiaStyleControLabel}"
+                                Text="Auto-Play" />
+                            <controls:DrawnSwitch
+                                IsToggled="{Binding AutoPlay, Mode=TwoWay}"
+                                Style="{x:StaticResource SkiaStyleControlInTable}"
+                                TranslationX="-4" />
+                        </draw:SkiaLayout>
+
                         <!--<draw:SkiaLabel
                             BackgroundColor="Green"
                             FontAttributes="Bold"
@@ -131,7 +201,7 @@
 
             </draw:SkiaLayout>
 
-            <controls:ButtonToRoot />
+            <!--<controls:ButtonToRoot />-->
 
             <draw:SkiaLabelFps
                 Margin="0,0,4,24"
diff --git a/src/samples/Sandbox/MainPageDev.xaml.cs b/src/samples/Sandbox/MainPageDev.xaml.cs
index 94367af4..9a0fe2c2 100644
--- a/src/samples/Sandbox/MainPageDev.xaml.cs
+++ b/src/samples/Sandbox/MainPageDev.xaml.cs
@@ -3,11 +3,7 @@
 using DrawnUi.Maui.Infrastructure;
 using DrawnUi.Maui.Internals;
 using Sandbox;
-using Sandbox.Resources.Strings;
 using Sandbox.Views;
-using Sandbox.Views.Xaml2Pdf;
-using System.Diagnostics;
-using System.Text;
 
 
 
@@ -33,7 +29,7 @@ public MainPageDev()
 
             _shaders = Files.ListAssets(path);
 
-
+            BindingContext = this;
         }
         catch (Exception e)
         {
@@ -67,6 +63,51 @@ void Test()
         //var effect = SkSl.Compile(shaderCode);
     }
 
+    private double _SpeedMs = 1750;
+    public double SpeedMs
+    {
+        get
+        {
+            return _SpeedMs;
+        }
+        set
+        {
+            if (_SpeedMs != value)
+            {
+                _SpeedMs = value;
+                OnPropertyChanged();
+                MainCarousel.LinearSpeedMs = SpeedMs;
+            }
+        }
+    }
+
+
+    private bool _AutoPlay;
+    public bool AutoPlay
+    {
+        get
+        {
+            return _AutoPlay;
+        }
+        set
+        {
+            if (_AutoPlay != value)
+            {
+                _AutoPlay = value;
+                OnPropertyChanged();
+                if (value)
+                {
+                    MainCarousel.AnimatorSpeedMs = SpeedMs;
+                }
+                else
+                {
+                    MainCarousel.AnimatorSpeedMs = 0;
+                }
+            }
+        }
+    }
+
+
     async void SelectFIle()
     {
         if (_shaders.Count > 1)
diff --git a/src/samples/Sandbox/Views/Controls/Shaders/CarouselWithTransitions.cs b/src/samples/Sandbox/Views/Controls/Shaders/CarouselWithTransitions.cs
index cadd2fed..0261a680 100644
--- a/src/samples/Sandbox/Views/Controls/Shaders/CarouselWithTransitions.cs
+++ b/src/samples/Sandbox/Views/Controls/Shaders/CarouselWithTransitions.cs
@@ -1,4 +1,3 @@
-using System.Diagnostics;
 using System.Numerics;
 
 namespace Sandbox.Views.Controls;
@@ -12,7 +11,8 @@ public CarouselWithTransitions()
     {
         Effect = new()
         {
-            ShaderSource = ShaderFilename
+            ShaderSource = ShaderFilename,
+            ShaderTemplate = @"Shaders\transitions\_template.sksl"
         };
     }
 
@@ -54,6 +54,8 @@ protected virtual void OnFromToChanged()
 
     }
 
+
+
     protected override void OnScrollProgressChanged()
     {
         if (ScrollProgress >= 0 && ScrollProgress <= 1) //ignore bouncing