From 5845acd2f7dbdd7fdd766a7595ecf7a6f39c8353 Mon Sep 17 00:00:00 2001
From: Alexander Marek <alexander.marek@outlook.com>
Date: Mon, 6 May 2024 12:50:53 +0200
Subject: [PATCH] added zxing.maui sample ui - works on android simulator 30

---
 .../Resources/values-v31/styles.xml           |  2 +-
 .../Resources/values/styles.xml               |  2 +-
 .../MauiGridLengthExtension.cs                | 22 +++++++
 .../Views/MainView.axaml                      | 10 ++--
 .../Views/QRCodeView.axaml                    | 59 ++++++++++++++++---
 .../Views/QRCodeView.axaml.cs                 | 13 +++-
 6 files changed, 92 insertions(+), 16 deletions(-)
 create mode 100644 POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/MauiGridLengthExtension.cs

diff --git a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values-v31/styles.xml b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values-v31/styles.xml
index d5ecec4..c7e9958 100644
--- a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values-v31/styles.xml
+++ b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values-v31/styles.xml
@@ -4,7 +4,7 @@
   <style name="MyTheme">
   </style>
 
-  <style name="MyTheme.NoActionBar" parent="@style/Theme.AppCompat.NoActionBar">
+  <style name="MyTheme.NoActionBar" parent="Theme.MaterialComponents.DayNight.NoActionBar">
     <item name="android:windowActionBar">false</item>
     <item name="android:windowBackground">@null</item>
     <item name="android:windowNoTitle">true</item>
diff --git a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values/styles.xml b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values/styles.xml
index 6e534de..0ccd483 100644
--- a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values/styles.xml
+++ b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01.Android/Resources/values/styles.xml
@@ -4,7 +4,7 @@
   <style name="MyTheme">
   </style>
 
-  <style name="MyTheme.NoActionBar" parent="@style/Theme.AppCompat.DayNight.NoActionBar">
+  <style name="MyTheme.NoActionBar" parent="Theme.MaterialComponents.DayNight.NoActionBar">
     <item name="android:windowActionBar">false</item>
     <item name="android:windowBackground">@drawable/splash_screen</item>
     <item name="android:windowNoTitle">true</item>
diff --git a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/MauiGridLengthExtension.cs b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/MauiGridLengthExtension.cs
new file mode 100644
index 0000000..4fd41cf
--- /dev/null
+++ b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/MauiGridLengthExtension.cs
@@ -0,0 +1,22 @@
+using System;
+using Microsoft.Maui;
+
+namespace Avalonia.Maui.Controls;
+
+public class MauiGridLengthExtension
+{
+    private readonly double _value;
+    private readonly GridUnitType _type;
+
+
+    public MauiGridLengthExtension(double value, GridUnitType type)
+    {
+        _value = value;
+        _type = type;
+    }
+
+    public Microsoft.Maui.GridLength ProvideValue(IServiceProvider provider)
+    {
+        return new Microsoft.Maui.GridLength(_value, _type);
+    }
+}
\ No newline at end of file
diff --git a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/MainView.axaml b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/MainView.axaml
index fa6eaec..8e1e695 100644
--- a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/MainView.axaml
+++ b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/MainView.axaml
@@ -11,14 +11,16 @@
          to set the actual DataContext for runtime, set the DataContext property in code (look at App.axaml.cs) -->
     <vm:MainViewModel />
   </Design.DataContext>
-    <StackPanel Orientation="Vertical">
+    <Grid RowDefinitions="Auto,Auto,*">
       
         <TextBlock Text="{Binding Greeting}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
       
-        <Button Content="Next sample" Command="{Binding NavigateToNextCommand}" />
+        <Button Grid.Row="1" Content="Next sample" Command="{Binding NavigateToNextCommand}" />
 
-        <ContentControl Content="{Binding CurrentViewModel}" />       
+        <ContentControl Grid.Row="2" Content="{Binding CurrentViewModel}" 
+                        VerticalAlignment="Stretch"
+                        HorizontalAlignment="Stretch"/>       
       
-    </StackPanel>
+    </Grid>
         
 </UserControl>
diff --git a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml
index 12ecb12..893e76a 100644
--- a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml
+++ b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml
@@ -5,18 +5,59 @@
              xmlns:viewModels="clr-namespace:POC_AvaloniaMauiApp01.ViewModels"
              xmlns:controls="using:Avalonia.Maui.Controls"
              xmlns:zxing="using:ZXing.Net.Maui.Controls"
+             xmlns:maui="using:Microsoft.Maui.Controls"
+             xmlns:mau="using:Microsoft.Maui"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
              x:Class="POC_AvaloniaMauiApp01.Views.QRCodeView"
              x:DataType="viewModels:QRCodeViewModel">
-    <StackPanel Orientation="Vertical">
-    <TextBox Text="Scan a QR Code" />
-    
+ 
     <controls:MauiControlHost x:Name="ProgressBarHost"
-                              Margin="10">
-        <!-- <zxing:CameraBarcodeReaderView -->
-        <!--     x:Name="CameraBarcodeReaderView" -->
-        <!--     BarcodesDetected="BarcodesDetected" /> -->
-    </controls:MauiControlHost>
+                              Margin="0">
+        <maui:Grid >
+            <maui:Grid.RowDefinitions>
+                <maui:RowDefinition Height="{controls:MauiGridLengthExtension 1, Star}"/>
+                <maui:RowDefinition Height="{controls:MauiGridLengthExtension 3, Star}"/>
+                <maui:RowDefinition Height="{controls:MauiGridLengthExtension 1, Star}"/>
+            </maui:Grid.RowDefinitions>
         
-    </StackPanel>
+            <zxing:CameraBarcodeReaderView
+                maui:Grid.Row="0" maui:Grid.RowSpan="3"
+                BarcodesDetected="BarcodesDetected"
+            />
+        
+            <maui:Grid
+                maui:Grid.Row="0"
+                BackgroundColor="#aa000000">
+                <maui:Label maui:Grid.Row="2" Text="{Binding ScannedQRCodes}" HorizontalOptions="Center" VerticalOptions="Center" TextColor="White" />
+            </maui:Grid>
+        
+            <maui:Grid
+                maui:Grid.Row="3"
+                BackgroundColor="#aa000000"
+                Padding="20">
+                <maui:Grid.ColumnDefinitions>
+                    <maui:ColumnDefinition Width="{controls:MauiGridLengthExtension 0, Auto}"/>
+                    <maui:ColumnDefinition Width="{controls:MauiGridLengthExtension 1, Star}"/>
+                    <maui:ColumnDefinition Width="{controls:MauiGridLengthExtension 0, Auto}"/>
+                </maui:Grid.ColumnDefinitions>
+        
+                <maui:Button Text="🔄️" maui:Grid.Column="0" BackgroundColor="#aa000000" CornerRadius="8" BorderColor="Black" Clicked="SwitchCameraButton_Clicked" />
+        
+                <zxing:BarcodeGeneratorView
+                    maui:Grid.Column="1"
+                    HorizontalOptions="Center"
+                    VerticalOptions="Center"
+                    HeightRequest="100"
+                    WidthRequest="100"
+                    ForegroundColor="DarkBlue"
+                    Format="QrCode"
+                    Value="Bla"
+                    BarcodeMargin="1" />
+        
+                <maui:Button Text="💡" maui:Grid.Column="2" BackgroundColor="#aa000000" CornerRadius="8" BorderColor="Black" Clicked="TorchButton_Clicked" />
+            </maui:Grid>
+        
+        </maui:Grid>
+             
+     </controls:MauiControlHost>    
 </UserControl>
diff --git a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml.cs b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml.cs
index 2ebf4f3..6c1a5ba 100644
--- a/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml.cs
+++ b/POC_AvaloniaMauiApp01/POC_AvaloniaMauiApp01/Views/QRCodeView.axaml.cs
@@ -1,4 +1,5 @@
-using System.Linq;
+using System;
+using System.Linq;
 using Avalonia;
 using Avalonia.Controls;
 using POC_AvaloniaMauiApp01.ViewModels;
@@ -21,4 +22,14 @@ private void BarcodesDetected(object? sender, BarcodeDetectionEventArgs e)
         
         ((QRCodeViewModel)DataContext).ScannedQRCodes = string.Join("|", allResults);
     }
+
+    private void SwitchCameraButton_Clicked(object? sender, EventArgs e)
+    {
+        
+    }
+
+    private void TorchButton_Clicked(object? sender, EventArgs e)
+    {
+        
+    }
 }
\ No newline at end of file