[Animation] Black screen and Render problems

[mameolan]

Hello,

thank you for your project. I play around with Animations and get some drawing problems (black screen and render issues) on windows 7. Here is the playgrond project:
AvaloniaAnimationTest.zip. I used this repo LoadingIndicators.WPF for the animation tests. I also recognize that some effects in Avalonia are different to Wpf (ScaleTransform, TranslateTransform,...).

Screenshot:

Regards

[pinuke]

@maxkatz6 what was the solution? I'm trying to make PSAvalonia asynchronous by running avalonia inside of a powershell runspace, but I'm getting a black window

[pinuke]

Going to try to run it without using the runspace to see if that makes a difference.

[pinuke]

It's also possible that I'm using the wrong rendering libraries for my platform (I'm having to install the dependencies manually at the moment). I'm running on Win x64

EDIT:

I'm downloading the packages from nuget as .zip files then loading the assemblies using this manifest:

{
    "System.ComponentModel.Annotations" : {
        "target" : "net461", //name of the folder within package/lib/ to search for assemblies
        "assemblies" : [ "*.dll" ] //glob patter of assemblies to look for in the file above
    },
    "JetBrains.Annotations" : {
        "target" : "net20",
        "assemblies" : [ "*.dll" ]
    },
    "Avalonia.Remote.Protocol" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "System.Buffers" : {
        "target" : "net461",
        "assemblies" : [ "*.dll" ]
    },
    "System.Numerics.Vectors" : {
        "target" : "net46",
        "assemblies" : [ "*.dll" ]
    },
    "System.Runtime.CompilerServices.Unsafe" : {
        "target" : "net461",
        "assemblies" : [ "*.dll" ]
    },
    "System.Runtime.InteropServices.WindowsRuntime" : {
        "target" : "net45",
        "assemblies" : [ "*.dll" ]
    },
    "System.Threading.Tasks.Extensions" : {
        "target" : "net461",
        "assemblies" : [ "*.dll" ]
    },
    "System.Reactive" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "System.Memory" : {
        "target" : "net461",
        "assemblies" : [ "*.dll" ]
    },
    "System.Runtime.InteropServices.RuntimeInformation" : {
        "target" : "net45",
        "assemblies" : [ "*.dll" ]
    },
    "System.ValueTuple" : {
        "target" : "net461",
        "assemblies" : [ "*.dll" ]
    },
    "Avalonia" : {
        "target" : "net461",
        "assemblies" : [ "*.dll" ]
    },
    "Avalonia.Native" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "HarfBuzzSharp.NativeAssets.Win32" : {
        "natives" : [ "*.dll" ] //glob of the native .dll to load as found in package/runtimes/[platform]/native/
      // These get copied over to a natives folder in the root of my repo so that they are all in the same place
      // - Just the native .dlls are copied to that natives folder. The managed .dlls are loaded in-place from within the extracted nuget package zip file
    },
    "HarfBuzzSharp" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "SkiaSharp.NativeAssets.Win32" : {
        "natives" : [ "*.dll" ]
    },
    "SkiaSharp" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "Avalonia.Skia" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "System.Drawing.Common" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "Avalonia.Win32" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "Avalonia.Desktop" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    },
    "Avalonia.Markup.Xaml.Loader" : {
        "target" : "netstandard2.0",
        "assemblies" : [ "*.dll" ]
    }
}

[pinuke]

Here's the powershell script for running Avalonia Asynchronously (This doesn't use PSAvalonia, but I'm planning on porting it) to resolve ironmansoftware/psavalonia#6

# Create new runspace
$Runspace = [Management.Automation.Runspaces.RunspaceFactory]::CreateRunspace( $Host )
        
# Initialize the runspace object
# - Some Windows Forms and WPF controls are only STA
$Runspace.ApartmentState = 'STA'
$Runspace.ThreadOptions = 'ReuseThread'
$Runspace.Open() | Out-Null

# Add the window tracker to the Runspace environment
# - Makes the windows usable inside the runspace
$Runspace.SessionStateProxy.SetVariable( 'Avalonia_Wins', $Avalonia_Wins ) | Out-Null
# - To access the application object from inside the runspace:
#   - use [Avalonia.Application]::Current

# Create a new PowerShell object (a Thread)
$PowerShellRunspace = [System.Management.Automation.PowerShell]::Create()

# Initialize the PowerShell object with the runspace
$PowerShellRunspace.Runspace = $Runspace

$PowerShellRunspace.AddScript({

    # Set platform-specific services on the main loop
    $AppBuilder = [Avalonia.AppBuilder]::Configure[Avalonia.Application]()
    $AppBuilder = [Avalonia.AppBuilderDesktopExtensions]::UsePlatformDetect( $AppBuilder )
    
    # Set the lifetime for the applicaiton
    $LifeTime = [Avalonia.Controls.ApplicationLifetimes.ClassicDesktopStyleApplicationLifetime]::new()
    $LifeTime.ShutdownMode = [Avalonia.Controls.ShutdownMode]::OnExplicitShutdown
    $AppBuilder = $AppBuilder.SetupWithLifetime( $LifeTime )
    
    # Set the Avalonia main loop
    $App = $AppBuilder.Instance
    
    $Window = [Avalonia.Markup.Xaml.AvaloniaRuntimeXamlLoader]::Parse[Avalonia.Controls.Window](@"
    <Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        Width="800" Height="450"
        Title="Test">
        <StackPanel>
            <Button Width="160" Name="button">My Button</Button>
            <TextBox HorizontalAlignment="Left" Margin="12,12,0,0" Name="txtDemo" VerticalAlignment="Top" Width="500" Height="25" />
        </StackPanel>
    </Window>
"@)
    
    $Window.Show()
    
    # Set application lifetime via cancellation token (required for cross-platform dev)
    $CancellationTokenSource = [System.Threading.CancellationTokenSource]::new()
    
    # Run the main loop
    [Avalonia.Controls.DesktopApplicationExtensions]::Run( $App, $CancellationTokenSource.Token )
    
}) | Out-Null

$PowerShellRunspace.BeginInvoke() | Out-Null

[pinuke]

Well I think I notice an issue with my dependencies. From the build files of PSavalonia, it looks like my implementation of Avalonia in PowerShell is missing Avalonia.Angle.Windows.Natives

This missing dependency seems to be the culprit. According to https://github.com/AvaloniaUI/angle/, that native library is the implementation of Google's Angle in Avalonia. I'm shocked that Avalonia isn't erroring out when this library is missing.

[pinuke]

Though, timeline-wise there could be another issue. The last fix for Avalonia.Angle that should have affected my imp was in February of this year: #10204

This issue was closed on June 18th of last year, so whatever solution was implemented here was not resolved by that pull request, but rather by something else

[pinuke]

Ok, fixing the dependency, fixed that problem, but... new problem, my window is transparent :/

This is my window with this github issue as a background...

[pinuke]

From an initial search, it looks like the problem is caused by missing an application theme

https://github.com/AvaloniaUI/Avalonia/search?q=invisible+window&type=discussions

[pinuke]

Will need to figure out how to add the theme dynamically using powershell...

EDIT: this may be a good starting point: #2824

[pinuke]

Ok. translating this into powershell, and using the sources that are used in Application.Styles for PSAvalonia, I got Avalonia to work in my own implementation of Avalonia in PowerShell:

Avalonia/samples/ControlCatalog/MainView.xaml.cs

Lines 35 to 58 in b002de4

	var light = new StyleInclude(new Uri("resm:Styles?assembly=ControlCatalog"))
	{
	Source = new Uri("resm:Avalonia.Themes.Default.Accents.BaseLight.xaml?assembly=Avalonia.Themes.Default")
	};
	var dark = new StyleInclude(new Uri("resm:Styles?assembly=ControlCatalog"))
	{
	Source = new Uri("resm:Avalonia.Themes.Default.Accents.BaseDark.xaml?assembly=Avalonia.Themes.Default")
	};
	var themes = this.Find<ComboBox>("Themes");
	themes.SelectionChanged += (sender, e) =>
	{
	switch (themes.SelectedIndex)
	{
	case 0:
	Styles[0] = light;
	break;
	case 1:
	Styles[0] = dark;
	break;
	}
	};
	Styles.Add(light);

Screenshot of it working now: