Quickstart

Setup

  1. Use the package manager to add the Nuget package FunctionZero.Maui.zBind

  2. Add a namespace alias to your xaml, like this:

xmlns:z="clr-namespace:FunctionZero.Maui.zBind.z;assembly=FunctionZero.Maui.zBind"

z:Bind - animate an Image based on 'Count' in your ViewModel

<Image Source="dotnet_bot.png"
       TranslationX="{z:Bind Sin(Count / 25.0) * 100}"
       TranslationY="{z:Bind Cos(Count / 15.0) * 100}"
       Rotation="{z:Bind Sin(Count / 5.0) * 20}"
/>

z:TapTrigger - modify a ViewModel property when tapped ...

<Button Text="Reset 'Count' in the ViewModel">
    <Button.Behaviors>
        <z:TapTrigger TapAction="{z:Function 'Count = 0'}"/>
    </Button.Behaviors>
</Button>

z:EdgeTrigger - when a Condition changes, execute a Rising or Falling Expression ...

<ContentPage.Behaviors>
    <z:EdgeTrigger 
        Condition="{z:Bind '(Value LT 0.5)', Source={x:Reference TheSlider}}" 
        Rising="{z:Function 'RotationY = 90', Source={x:Reference TheImage}}"
        Falling="{z:Function 'RotationY = 180', Source={x:Reference TheImage}}" />
</ContentPage.Behaviors>

Last updated