CropperImage.MAUI 1.1.0

CropperImage.MAUI

一个图像裁剪和头像库（使用 SkiaSharp），适用于 .NET MAUI 应用程序。

CropperImageView

一个用于裁剪图像的 ContentView 控件，具有以下属性：

安装和配置 CropperImageView

1. 下载并安装 CropperImage.MAUI NuGet 包到您的应用程序中。

2. 在 MauiProgram.cs 中初始化插件

   // Add the using to the top
   using CropperImage.MAUI;
   
   public static MauiApp CreateMauiApp()
   {
   	var builder = MauiApp.CreateBuilder();
   
   	builder
   		.UseMauiApp<App>()
   		.UseImageCropper(); // Add the use of the plugging
   
   	return builder.Build();
   }
   

使用 CropperImageView

在 XAML 中，请确保添加正确的 XML 命名空间

xmlns:ci="clr-namespace:CropperImage.MAUI;assembly=CropperImage.MAUI"

使用控件

            <ci:CropperImageView x:Name="cropper" HorizontalOptions="Center" WidthRequest="300" HeightRequest="300" EditMode="True" 
                                 ButtonsColor="White" CropperFigure="Circle" ShowSelectButton="False" SelectSourceOnTap="True"
                                 CroppedImageFormat="PNG" CroppedImageMaxResolution="200,200"
                                 PhotoImageFormat="JPEG" PhotoImageMaxResolution="1920,1080" />

调用裁剪方法并使用结果或绑定结果属性

        private async void Button_Clicked(object sender, EventArgs e)
        {
            var result = await cropper.CropImage(true);
            MemoryStream ms = new();
            ms.Write(result);
            ms.Position = 0;
            portrait.ImageSource = ImageSource.FromStream(() => ms);
        }
        private async void Button1_Clicked(object sender, EventArgs e)
        {
            await cropper.CropImageAsync(false);
            MemoryStream ms = new();
            ms.Write(cropper.CroppedImageBytes);
            ms.Position = 0;
            portrait.ImageSource = ImageSource.FromStream(() => ms);
        }

PortraitView

一个用于头像可视化的 ContentView 控件

在 MauiProgram.cs 中初始化插件

```csharp
// Add the using to the top
using CropperImage.MAUI;

public static MauiApp CreateMauiApp()
{
	var builder = MauiApp.CreateBuilder();

	builder
		.UseMauiApp<App>()
		.UseImageCropper(); // Add the use of the plugging

	return builder.Build();
}
```

在 XAML 中，请确保添加正确的 XML 命名空间

xmlns:ci="clr-namespace:CropperImage.MAUI;assembly=CropperImage.MAUI"

使用控件及其可绑定属性

            <ci:PortraitView BindingContext="{x:Reference cropper}" ImageSource="{Binding CroppedImage}" 
                         WidthRequest="90" HeightRequest="90" Text="PR" FontSize="40" Fill="blue" TextColor="White" Stroke="orange">
                <ci:PortraitView.StrokeShape>
                    <RoundRectangle CornerRadius="30,0,0,30" />
                </ci:PortraitView.StrokeShape>
            </ci:PortraitView>
<ci:PortraitView x:Name="portrait" WidthRequest="90" HeightRequest="90" Text="HA" FontSize="40"/>

将 ImageSource 属性设置为用图像替换文本

        private async void Button1_Clicked(object sender, EventArgs e)
        {
            await cropper.CropImageAsync(false);
            MemoryStream ms = new();
            ms.Write(cropper.CroppedImageBytes);
            ms.Position = 0;
            portrait.ImageSource = ImageSource.FromStream(() => ms);
        }