Add BindingContext to Behaviors using Bindings (.NET 9)

docs/maui/behaviors/animation-behavior.md

@@ -113,9 +113,11 @@ The following example shows how to attach the `AnimationBehavior` to an `Image`
 #### View
 
 ```xaml
-<Image Source="thumbs-up.png">
+<Image Source="thumbs-up.png" x:Name="ThumbsUpImage">
     <Image.Behaviors>
-        <toolkit:AnimationBehavior Command="{Binding ThumbsUpCommand}">
+        <toolkit:AnimationBehavior 
+            Command="{Binding ThumbsUpCommand}">
+            BindingContext="{Binding Path=BindingContext, Source={x:Reference ThumbsUpImage}, x:DataType=Image}"
             <toolkit:AnimationBehavior.AnimationType>
                 <toolkit:FadeAnimation />
             </toolkit:AnimationBehavior.AnimationType>
@@ -151,9 +153,12 @@ The following example shows how to add the `AnimationBehavior` to an `Entry`, bi
 
 ```xaml
 <Entry Placeholder="First name (Required)"
-       Text="{Binding FirstName}">
+       Text="{Binding FirstName}"
+       x:Name="FirstNameEntry">
     <Entry.Behaviors>
-        <toolkit:AnimationBehavior AnimateCommand="{Binding TriggerAnimationCommand}">
+        <toolkit:AnimationBehavior 
+            AnimateCommand="{Binding TriggerAnimationCommand}">
+            BindingContext="{Binding Path=BindingContext, Source={X:Reference FirstNameEntry}, x:DataType=Entry}"
             <toolkit:AnimationBehavior.AnimationType>
                 <toolkit:FadeAnimation />
             </toolkit:AnimationBehavior.AnimationType>

docs/maui/behaviors/event-to-command-behavior.md

@@ -33,11 +33,12 @@ The `EventToCommandBehavior` can be used as follows in XAML:
     x:Class="MyLittleApp.MainPage"
     x:Name="Page">
 
-    <Button>
+    <Button x:Name="MyButton">
         <Button.Behaviors>
             <toolkit:EventToCommandBehavior
                 EventName="Clicked"
-                Command="{Binding Source={x:Reference Page}, Path=BindingContext.MyCustomCommand}" />
+                BindingContext="{Binding Path=BindingContext, Source={x:Reference MyButton}, x:DataType=Button}
+                Command="{Binding Source={x:Reference Page}, Path=BindingContext.MyCustomCommand, x:DataType=ContentPage}" />
         </Button.Behaviors>
     </Button>
 </ContentPage>
@@ -99,11 +100,14 @@ By using the `EventToCommandBehavior<T>` implementation the `EventArgs` will be
 The following example shows how to use the generic implementation to pass the `WebNavigatedEventArgs` into the command.
 
 ```xaml
-<WebView Source="https://github.com">
+<WebView 
+    Source="https://github.com">
+    x:Name="MyWebView"
     <WebView.Behaviors>
         <toolkit:EventToCommandBehavior
             x:TypeArguments="WebNavigatedEventArgs"
             EventName="Navigated"
+            BindingContext="{Binding Path=BindingContext, Source={x:Reference MyWebView}, x:DataType=WebView}"
             Command="{Binding WebViewNavigatedCommand}" />
     </WebView.Behaviors>
 </WebView>

docs/maui/behaviors/image-touch-behavior.md

@@ -37,7 +37,7 @@ The following examples show how to add the `ImageTouchBehavior` to an `Image` an
     <Image HeightRequest="100" WidthRequest="100">
         <Image.Behaviors>
             <toolkit:ImageTouchBehavior
-                Command="{Binding Source={x:Reference Page}, Path=BindingContext.IncreaseTouchCountCommand}"
+                Command="{Binding Source={x:Reference Page}, Path=BindingContext.IncreaseTouchCountCommand, x:DataType=Image}"
                 DefaultImageSource="button.png"
                 HoveredImageSource="button_hovered.png"
                 PressedImageSource="button_pressed.png" />

docs/maui/behaviors/maximum-length-reached-behavior.md

@@ -34,10 +34,12 @@ The `MaxLengthReachedBehavior` can be used as follows in XAML:
     x:Name="Page">
 
     <Entry Placeholder="Start typing until MaxLength is reached..."
-           MaxLength="100">
+           MaxLength="100"
+           x:Name="MaxLengthEntry">
         <Entry.Behaviors>
-            <toolkit:MaxLengthReachedBehavior 
-                Command="{Binding Source={x:Reference Page}, Path=BindingContext.MaxLengthReachedCommand}" />
+            <toolkit:MaxLengthReachedBehavior
+                BindingContext="{Binding Path=BindingContext, Source={x:Reference MaxLengthEntry}, x:DataType=Entry}"
+                Command="{Binding Source={x:Reference Page}, Path=BindingContext.MaxLengthReachedCommand, x:DataType=ContentPage}" />
         </Entry.Behaviors>
     </Entry>
 

docs/maui/behaviors/progressbar-animation-behavior.md

@@ -37,7 +37,7 @@ The `ProgressBarAnimationBehavior` can be used as follows in XAML:
             <ProgressBar.Behaviors>
                 <toolkit:ProgressBarAnimationBehavior
                     x:Name="ProgressBarAnimationBehavior"
-                    Progress="{Binding Source={x:Reference Page}, Path=BindingContext.Progress}"
+                    Progress="{Binding Source={x:Reference Page}, Path=BindingContext.Progress, x:DataType=ProgressBar}"
                     Length="250"/>
             </ProgressBar.Behaviors>
         </ProgressBar>

docs/maui/behaviors/touch-behavior.md

@@ -193,11 +193,13 @@ The following example shows how to add the `TouchBehavior` to a `HorizontalStack
 <HorizontalStackLayout
     Padding="20"
     Background="Black"
-    HorizontalOptions="Center">
+    HorizontalOptions="Center"
+    x:Name="TouchableHorizontalStackLayout">
     <HorizontalStackLayout.Behaviors>
         <toolkit:TouchBehavior
+            BindingContext="{Binding Source={x:Reference Page}, Path=BindingContext, x:DataType=ContentPage}
             LongPressDuration="750"
-            LongPressCommand="{Binding Source={x:Reference Page}, Path=BindingContext.IncreaseLongPressCountCommand}"/>
+            LongPressCommand="{Binding Source={x:Reference Page}, Path=BindingContext.IncreaseLongPressCountCommand, x:DataType=ContentPage}"/>
     </HorizontalStackLayout.Behaviors>
 </HorizontalStackLayout>
 ```
@@ -353,14 +355,18 @@ The equivalent `TouchBehavior` in .NET MAUI would look like this:
 #### [XAML](#tab/touchbehavior-xaml)
 
 ```xaml
-<HorizontalStackLayout HorizontalOptions="Center" VerticalOptions="Center">
+<HorizontalStackLayout 
+    HorizontalOptions="Center" 
+    VerticalOptions="Center"
+    x:Name="TouchableHorizontalLayout">
     <HorizontalStackLayout.Behaviors>
         <toolkit:TouchBehavior
             DefaultAnimationDuration="250"
             DefaultAnimationEasing="{x:Static Easing.CubicInOut}"
             PressedOpacity="0.6"
             PressedScale="0.8"
-            Command="{Binding Command}" />
+            BindingContext="{Binding Path=BindingContext, Source={x:Reference TouchableHorizontalLayout}, x:DataType=HorizontalStackLayout}"
+            Command="{Binding LayoutTappedCommand}" />
     </HorizontalStackLayout.Behaviors>
 
     <ContentView
@@ -415,6 +421,7 @@ var stackLayout = new HorizontalStackLayout()
             PressedOpacity = 0.6,
             PressedScale = 0.8,
             Command = command,
+            BindingContext = this.BindingContext
         }
     }
 };

docs/maui/behaviors/user-stopped-typing-behavior.md

@@ -31,10 +31,13 @@ The `UserStoppedTypingBehavior` can be used as follows in XAML:
     x:Class="MyLittleApp.MainPage"
     x:Name="Page">
 
-           <Entry Placeholder="Start typing when you stop the behavior will trigger...">
+            <Entry 
+                Placeholder="Start typing when you stop the behavior will trigger..."
+                x:Name="UserStoppedTypingEntry">
                 <Entry.Behaviors>
                     <toolkit:UserStoppedTypingBehavior 
-                        Command="{Binding Source={x:Reference Page}, Path=BindingContext.SearchCommand}"
+                        BindingContext="{Binding Path=BindingContext, Source={x:Reference UserStoppedTypingEntry}, x:DataType=Entry}"
+                        Command="{Binding SearchCommand}"
                         StoppedTypingTimeThreshold="1000"
                         MinimumLengthThreshold="3"
                         ShouldDismissKeyboardAutomatically="True" />