prs/prs.mobile.new/PRS.Mobile/Modules/DocScanner/DocScannerEditor.xaml

<?xml version="1.0" encoding="utf-8"?>

<mobile:MobilePage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:mobile="clr-namespace:InABox.Mobile;assembly=InABox.Mobile.Shared"
             xmlns:views="http://xamarin.com/schemas/2020/toolkit"
             xmlns:local="clr-namespace:PRS.Mobile;assembly=PRS.Mobile"
             xmlns:xforms="clr-namespace:Syncfusion.SfImageEditor.XForms;assembly=Syncfusion.SfImageEditor.XForms"
             x:Class="PRS.Mobile.Modules.DocScanner.DocScannerEditor">
    
    <mobile:MobilePage.BindingContext>
        <local:DocScannerEditViewModel x:Name="ViewModel" />
    </mobile:MobilePage.BindingContext>
    
    <mobile:MobilePage.Resources>
        <mobile:StringToBooleanConverter x:Key="ShowIfEmpty" HasValue="False"/>
    </mobile:MobilePage.Resources>
    
    <mobile:MobilePage.PrimaryMenu>
        <mobile:MobileMenuButton x:Name="_save" Image="save" Clicked="SaveBtn_Clicked" />
    </mobile:MobilePage.PrimaryMenu>
    
    <mobile:MobilePage.PageContent>
        <Grid Margin="5">
            
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="150" />
            </Grid.RowDefinitions>
            
            <mobile:MobileCard
                Grid.Row="0" Padding="0">

                <xforms:SfImageEditor 
                    x:Name="_imageEditor"
                    HorizontalOptions="Fill" 
                    VerticalOptions="Fill"
                    ImageSaving="ImageEditor_ImageSaving"
                    EnableZooming="True">
                    <xforms:SfImageEditor.ToolbarSettings>
                        <xforms:ToolbarSettings VisibleShapesItems = "Rectangle,Circle,Line,Arrow" />
                    </xforms:SfImageEditor.ToolbarSettings>
                </xforms:SfImageEditor>
                
            </mobile:MobileCard>
            
            <mobile:MobileCard
                Grid.Row="1"
                BackgroundColor="LightYellow">
                <Grid>
                    <Label 
                        Text="Enter Note Here" 
                        VerticalOptions="Center" 
                        HorizontalOptions="Center" 
                        FontSize="{StaticResource Theme.Text.Small.Size}" TextColor="Gray"
                        IsVisible="{Binding Document.Note, Converter={StaticResource ShowIfEmpty}}" />
                    <mobile:MobileEditor 
                        BackgroundColor="Transparent" 
                        Text="{Binding Document.Note, Mode=TwoWay}"/>
                </Grid>
            </mobile:MobileCard>
            
        </Grid>
    </mobile:MobilePage.PageContent>
</mobile:MobilePage>