Camera.MAUI v1.0.0 — nugetz
hjam40/ Camera.MAUI v1.0.0 .NET 7.0 .NET 7.0-android33.0 .NET 7.0-ios16.1 .NET 7.0-maccatalyst16.1
A Camera View control for .NET MAUI applications.
Get Started dotnet CLI PackageReference Package Manager
$ dotnet add package Camera.MAUIReadme Camera.MAUI
A Camera View control and a Barcode Endode/Decode control (based on ZXing.Net) for .NET MAUI applications.
CameraView
A ContetView control for camera management with the next properties:
Android iOS/Mac Windows Preview ✅ ✅ ✅ Mirror preview ✅ ✅ ✅ Flash ✅ ✅ ✅ Torch ✅ ✅ ✅ Zoom ✅ ✅ ✅ Take snapshot ✅ ✅ ✅ Save snapshot ✅ ✅ ✅ Barcode detection/decode ✅ ✅ ✅
Install and configure CameraView
Download and Install Camera.MAUI NuGet package on your application.
Initialize the plugin in your MauiProgram.cs:
// Add the using to the top
using Camera.MAUI;
public static MauiApp CreateMauiApp()
{
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
.UseMauiCameraView(); // Add the use of the plugging
return builder.Build();
}
Add camera permissions to your application:
Android
In your AndroidManifest.xml file (Platforms\Android) add the following permission:
<uses-permission android:name="android.permission.CAMERA" />
iOS/MacCatalyst
In your info.plist file (Platforms\iOS / Platforms\MacCatalyst) add the following permission:
<key>NSCameraUsageDescription</key>
<string>This app uses camera for...</string>
Make sure that you enter a clear and valid reason for your app to access the camera. This description will be shown to the user.
Windows In your Package.appxmanifest file (Platforms\Windows) go to Capabilities and mark Web Camera.
Using CameraView In XAML, make sure to add the right XML namespace:
xmlns:cv="xmlns:cv="clr-namespace:Camera.MAUI;assembly=Camera.MAUI"
<cv:CameraView x:Name="cameraView" WidthRequest="300" HeightRequest="200"/>
cameraView.CamerasLoaded += CameraView_CamerasLoaded;
cameraView.BarcodeDetected += CameraView_BarcodeDetected;
Configure the camera to use:
private void CameraView_CamerasLoaded(object sender, EventArgs e)
{
if (cameraView.Cameras.Count > 0)
{
cameraView.Camera = cameraView.Cameras.First();
MainThread.BeginInvokeOnMainThread(async () =>
{
if (await cameraView.StartCameraAsync() == CameraResult.Success)
{
controlButton.Text = "Stop";
playing = true;
}
});
}
}
if (await cameraView.StartCameraAsync() == CameraResult.Success)
{
playing = true;
}
if (await cameraView.StopCameraAsync() == CameraResult.Success)
{
playing = false;
}
cameraView.FlashMode = FlashMode.Auto;
cameraView.TorchEnabled = !cameraView.TorchEnabled;
cameraView.MirroredImage = true;
if (cameraView.MaxZoomFactor >= 2.5f)
cameraView.ZoomFactor = 2.5f;
Get a snapshot from the playback
ImageSource imageSource = cameraView.GetSnapShot(ImageFormat.PNG);
Enable and Handle barcodes detection:
cameraView.BarcodeDetected += CameraView_BarcodeDetected;
cameraView.BarCodeOptions = new ZXingHelper.BarcodeDecodeOptions
{
AutoRotate = true,
PossibleFormats = { ZXing.BarcodeFormat.QR_CODE },
ReadMultipleCodes = false,
TryHarder = true,
TryInverted = true
};
cameraView.BarCodeDetectionFrameRate = 10;
cameraView.BarCodeDetectionEnabled = true;
private void CameraView_BarcodeDetected(object sender, ZXingHelper.BarcodeEventArgs args)
{
Debug.WriteLine("BarcodeText=" + args.Result[0].Text);
}
BarcodeImage A ContentView control for generate codebars images.
In XAML, make sure to add the right XML namespace:
xmlns:cv="xmlns:cv="clr-namespace:Camera.MAUI;assembly=Camera.MAUI"
Use the control and its bindable properties:
<cv:BarcodeImage x:Name="barcodeImage" Aspect="AspectFit"
WidthRequest="400" HeightRequest="400"
BarcodeWidth="200" BarcodeHeight="200" BarcodeMargin="5"
BarcodeBackground="White" BarcodeForeground="Blue"
BarcodeFormat="QR_CODE" />
Set the barcode property to generate the image:
barcodeImage.Barcode = "https://github.com/hjam40/Camera.MAUI";
Compatibility .NET 7.0
.NET 7.0-android33.0
.NET 7.0-ios16.1
.NET 7.0-maccatalyst16.1
.NET 7.0-windows10.0.19041
.NET 8.0
.NET 8.0-android34.0
.NET 8.0-ios17.2
.NET 8.0-maccatalyst17.2
.NET 8.0-windows10.0.19041