From 0d46bd3ade95e18a3790fce6ce25374d391ce30f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tommy=20=C3=96man?= <tommy@oeman.se>
Date: Mon, 18 Aug 2025 12:56:19 +0200
Subject: [PATCH] Binding controls to other controls and to classes

---
 .../Converters/InvertedBoolConverter.cs       | 15 +++++++++
 .../Views/ProductDetailView.xaml              | 31 ++++++++++++++-----
 AdventureWorks.MAUI/Views/UserDetailView.xaml | 16 ++++++++--
 3 files changed, 52 insertions(+), 10 deletions(-)
 create mode 100644 AdventureWorks.MAUI/Converters/InvertedBoolConverter.cs

diff --git a/AdventureWorks.MAUI/Converters/InvertedBoolConverter.cs b/AdventureWorks.MAUI/Converters/InvertedBoolConverter.cs
new file mode 100644
index 0000000..0fe51bf
--- /dev/null
+++ b/AdventureWorks.MAUI/Converters/InvertedBoolConverter.cs
@@ -0,0 +1,15 @@
+using System.Globalization;
+
+namespace AdventureWorks.MAUI.Converters;
+
+public class InvertedBoolConverter : IValueConverter
+{
+    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        return !(bool)value;
+    }
+    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
+    {
+        return null;
+    }
+}
diff --git a/AdventureWorks.MAUI/Views/ProductDetailView.xaml b/AdventureWorks.MAUI/Views/ProductDetailView.xaml
index 6a8c1db..63bb122 100644
--- a/AdventureWorks.MAUI/Views/ProductDetailView.xaml
+++ b/AdventureWorks.MAUI/Views/ProductDetailView.xaml
@@ -30,15 +30,32 @@
                 <Entry Grid.Row="3"
                Grid.Column="1" />
                 <Label Grid.Row="4"
-               Text="Cost" />
-                <Entry Grid.Row="4"
-               Grid.Column="1" />
+                    Text="Cost" />
+                <HorizontalStackLayout Grid.Row="4"
+                            Grid.Column="1" >
+                    <Entry Text="{Binding Value}"
+                           BindingContext="{x:Reference CostStepper}"/>
+                    <Stepper x:Name="CostStepper"
+                             Minimum="1"
+                             Value="10"
+                             Maximum="{Binding Value}"
+                             BindingContext="{x:Reference PriceStepper}"
+                             Increment="1"/>
+                </HorizontalStackLayout>
 
-                <Label Grid.Row="5"
+                    <Label Grid.Row="5"
                Text="Price" />
-                <Entry Grid.Row="5"
-               Grid.Column="1" />
-
+                <HorizontalStackLayout Grid.Row="5"
+                            Grid.Column="1" >
+                    <Entry Text="{Binding Value}"
+                           BindingContext="{x:Reference PriceStepper}"/>
+                    <Stepper x:Name="PriceStepper"
+                             Value="20"
+                             Minimum="{Binding Value}"
+                             Maximum="9999"
+                             BindingContext="{x:Reference CostStepper}"
+                             Increment="1"/>
+                </HorizontalStackLayout>
                 <Label Grid.Row="6"
                Text="Size" />
                 <Entry Grid.Row="6"
diff --git a/AdventureWorks.MAUI/Views/UserDetailView.xaml b/AdventureWorks.MAUI/Views/UserDetailView.xaml
index cbe5d76..028bf7d 100644
--- a/AdventureWorks.MAUI/Views/UserDetailView.xaml
+++ b/AdventureWorks.MAUI/Views/UserDetailView.xaml
@@ -3,8 +3,13 @@
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="AdventureWorks.MAUI.Views.UserDetailView"
              xmlns:partial="clr-namespace:AdventureWorks.MAUI.ViewsPartial"
+             xmlns:converters="clr-namespace:AdventureWorks.MAUI.Converters"
              Title="User Information">
 
+    <ContentPage.Resources>
+        <converters:InvertedBoolConverter x:Key="invertedBoolean" />
+    </ContentPage.Resources>
+    
     <Border Style="{StaticResource Border.Page}">
         <ScrollView>
             <Grid RowDefinitions="Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto, Auto,Auto, Auto, Auto , Auto"
@@ -54,7 +59,7 @@
                     </HorizontalStackLayout>
                     <HorizontalStackLayout >
                         <Label Text="Flex Time?"/>
-                        <CheckBox IsChecked="False"/>
+                        <CheckBox x:Name="FlexTime"/>
                     </HorizontalStackLayout>
                     <HorizontalStackLayout >
                         <Label Text="Health Care?"/>
@@ -78,7 +83,8 @@
                             Direction="Row">
                     <HorizontalStackLayout>
                         <Label Text="Full-Time"/>
-                        <RadioButton IsChecked="True"
+                        <RadioButton x:Name="FullTime"
+                                     IsChecked="True"
                                      GroupName="EmployeeType"/>
                     </HorizontalStackLayout>
                     <HorizontalStackLayout>
@@ -96,7 +102,9 @@
                        Grid.Row="9"/>
                 <TimePicker Grid.Row="9"
                             Grid.Column="1"
-                            Time="06:00:00"/>
+                            Time="06:00:00"
+                            BindingContext="{x:Reference FullTime}"
+                            IsEnabled="{Binding IsChecked, Converter={StaticResource invertedBoolean}}"/>
 
                 <Label Text="Phone"
                        Grid.Row="10"/>
@@ -106,6 +114,8 @@
                             Direction="Row">
                     <HorizontalStackLayout>
                         <Entry MinimumWidthRequest="120"/>
+                    </HorizontalStackLayout>
+                    <HorizontalStackLayout>
                         <Picker>
                             <Picker.ItemsSource>
                                 <x:Array Type="{x:Type x:String}">