[Feature] RivePlayer

[csmartdalton]

RivePlayer

RivePlayer is a high-level API for Rive that brings rich, interactive graphics to XAML and the .NET platform. The experiment is built on RiveSharp; a low-level API for Rive based on SkiaSharp.

We are in the early stages of development on this experiment. Please use this discussion to post any feedback or questions!

Getting Started

Applications can wire up complex, interactive animation state machines using pure XAML:

<!-- Example.xaml -->  
<rive:RivePlayer x:Name="RivePlayer"
                         Grid.Column="0"
                         Width="600"
                         Height="600"
                         DrawInBackground="True"
                         Source="ms-appx:///animated-login-screen.riv">
    <rive:BoolInput Target="isChecking"
                    Value="{x:Bind IsChecking.IsChecked, Mode=OneWay}" />
    <rive:NumberInput Target="numLook"
                      Value="{x:Bind NumLook.Value, Mode=OneWay}" />
    <rive:BoolInput Target="isHandsUp"
                    Value="{x:Bind IsHandsUp.IsChecked, Mode=OneWay}" />
    <rive:TriggerInput x:Name="FailureTrigger"
                       Target="trigFail" />
    <rive:TriggerInput x:Name="SuccessTrigger"
                       Target="trigSuccess" />
</rive:RivePlayer>

...

<CheckBox x:Name="IsChecking"
          Content="Looking" />
<Slider x:Name="NumLook"
        IsEnabled="{Binding IsChecked, ElementName=IsChecking}"
        Maximum="100"
        Minimum="0"
        Value="0" />
<CheckBox x:Name="IsHandsUp"
          Content="Hands Up" />
<Button Content="Failure">
    <i:Interaction.Behaviors>
        <ic:EventTriggerBehavior EventName="Click">
            <ic:CallMethodAction MethodName="Fire"
                                 TargetObject="{x:Bind FailureTrigger}" />
        </ic:EventTriggerBehavior>
    </i:Interaction.Behaviors>
</Button>
<Button Content="Success">
    <i:Interaction.Behaviors>
        <ic:EventTriggerBehavior EventName="Click">
            <ic:CallMethodAction MethodName="Fire"
                                 TargetObject="{x:Bind SuccessTrigger}" />
        </ic:EventTriggerBehavior>
    </i:Interaction.Behaviors>
</Button>

See our API docs to learn more on usage:
https://github.com/CommunityToolkit/Labs-Windows/blob/4f641ddcf166c0e47066b62bf6815e8122fca5e9/labs/RivePlayer/samples/RivePlayer.Samples/RivePlayer.md#classe