How ot fill the photo?

Question

How ot fill the photo?

Anonymous

Hi,

I am trying CameraView from the Xamarin Community Toolkit for the first time but when I take a photo I want to be the same as what is shown in the CameraView.

In below image you can see that the image is different and it's like a Tall image instead of a Box

Kindly help...

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-10-04T09:59:02.163+00:00

Do you need full screen in the second image you provided? You could try to check the layout of the CameraView and the Zoom property.

Anonymous

I did but did not work.

Here is my XAML:

<Grid Margin="20">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <SyncfusionBorder:SfBorder Grid.Row="0" HeightRequest="{OnIdiom Phone=250, Tablet=500}" WidthRequest="100" BorderWidth="1" CornerRadius="20">
        <xct:CameraView
            x:Name="cameraView"
            CaptureMode="Photo"
            FlashMode="On"
            WidthRequest="100" 
            HeightRequest="{OnIdiom Phone=250, Tablet=500}"
            MediaCaptured="cameraView_MediaCaptured"
            OnAvailable="CameraView_OnAvailable" />
    </SyncfusionBorder:SfBorder>

    <Button x:Name="doCameraThings" Grid.Row="2" Clicked="DoCameraThings_Clicked" BackgroundColor="Navy" TextColor="White" Padding="20" Text="Snap picture" />

    <Image Grid.Row="3" x:Name="previewPicture" Aspect="AspectFit" BackgroundColor="LightGray" WidthRequest="100" HeightRequest="{OnIdiom Phone=250, Tablet=500}" />

</Grid>

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-10-05T09:55:06.943+00:00
Cameraview seems to be just a viewfinder frame, the obtained image is a bit bigger, I try to disply the image in a new page and save it to my phone, the image is not same to Cameraview. I will test this simple, you could also have a try to check there is the same issue in this demo.

private void cameraView_MediaCaptured(object sender, Xamarin.CommunityToolkit.UI.Views.MediaCapturedEventArgs e) { Navigation.PushAsync(new ShowImagPage(e.Image)); }
Anonymous

2021-10-05T16:03:46.08+00:00

Hi,

Please see the below sample..

https://www.jassimrahma.net/temp/TestCamera.zip
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-10-06T05:57:17.95+00:00

OK, I will test it, thank you for your cooperation.
Anonymous

2021-10-23T18:07:43.457+00:00

Hi

Hope there will be a solution
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-11-02T07:53:52.877+00:00

Sorry for my late response, there is a sililar issue about XamarinCommunityToolkit. It has been closed, you could reopen a new one. We have reported it in our internal wey as well.

Your answer

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-10-04T09:59:02.163+00:00

Do you need full screen in the second image you provided? You could try to check the layout of the CameraView and the Zoom property.
Anonymous

2021-10-04T17:44:52.82+00:00

I did but did not work.

Here is my XAML:

<Grid Margin="20"> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <SyncfusionBorder:SfBorder Grid.Row="0" HeightRequest="{OnIdiom Phone=250, Tablet=500}" WidthRequest="100" BorderWidth="1" CornerRadius="20"> <xct:CameraView x:Name="cameraView" CaptureMode="Photo" FlashMode="On" WidthRequest="100" HeightRequest="{OnIdiom Phone=250, Tablet=500}" MediaCaptured="cameraView_MediaCaptured" OnAvailable="CameraView_OnAvailable" /> </SyncfusionBorder:SfBorder> <Button x:Name="doCameraThings" Grid.Row="2" Clicked="DoCameraThings_Clicked" BackgroundColor="Navy" TextColor="White" Padding="20" Text="Snap picture" /> <Image Grid.Row="3" x:Name="previewPicture" Aspect="AspectFit" BackgroundColor="LightGray" WidthRequest="100" HeightRequest="{OnIdiom Phone=250, Tablet=500}" /> </Grid>
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-10-05T09:55:06.943+00:00

Cameraview seems to be just a viewfinder frame, the obtained image is a bit bigger, I try to disply the image in a new page and save it to my phone, the image is not same to Cameraview. I will test this simple, you could also have a try to check there is the same issue in this demo.

private void cameraView_MediaCaptured(object sender, Xamarin.CommunityToolkit.UI.Views.MediaCapturedEventArgs e) { Navigation.PushAsync(new ShowImagPage(e.Image)); }
Anonymous

2021-10-05T16:03:46.08+00:00

Hi,

Please see the below sample..

https://www.jassimrahma.net/temp/TestCamera.zip
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-10-06T05:57:17.95+00:00

OK, I will test it, thank you for your cooperation.
Anonymous

2021-10-23T18:07:43.457+00:00

Hi

Hope there will be a solution
Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 36,451 Reputation points Microsoft External Staff

2021-11-02T07:53:52.877+00:00

Sorry for my late response, there is a sililar issue about XamarinCommunityToolkit. It has been closed, you could reopen a new one. We have reported it in our internal wey as well.

Share via

How ot fill the photo?

Your answer