如何在多平台应用UI(MAUI)中运行Aspose.CAD

先决条件

  • Visual Studio 2022。
  • 示例中使用了.NET 7 SDK。

MAUI

.NET 多平台应用UI (.NET MAUI) 是一个跨平台框架,用于使用C#和XAML创建本地移动和桌面应用程序。 使用.NET MAUI,您可以从单一共享代码库开发可在Android、iOS、macOS和Windows上运行的应用程序。

.NET MAUI是开源的,是Xamarin.Forms的演变,从移动扩展到桌面场景,UI控件从零重建以提高性能和扩展性。 如果您以前使用Xamarin.Forms构建跨平台用户界面,您会注意到与.NET MAUI有许多相似之处。 然而,也存在一些差异。 使用.NET MAUI,您可以使用单一项目创建多平台应用程序,但如果需要,可以添加特定于平台的源代码和资源。 .NET MAUI的一个关键目标是使您能够尽可能在单一代码库中实现应用程序逻辑和UI布局。

安装 MAUI

  1. 要创建.NET MAUI应用程序,您需要最新版本的Visual Studio 2022
  2. 安装Visual Studio或修改您现有的安装,安装.NET 多平台应用UI开发工作负载及其默认可选安装选项:
    Visual installer

创建项目

  1. 启动Visual Studio。在启动窗口中,单击创建新项目以创建新项目:
    Create project
  2. 在创建新项目窗口中,在所有项目类型下拉列表中选择MAUI,选择.NET MAUI应用程序模板,然后单击下一步按钮:
    Select project type
  3. 在配置新项目窗口中,给您的项目命名,选择合适的位置,然后单击下一步按钮:
    Select project path
  4. 在附加信息窗口中,选择您希望目标的.NET版本并单击创建按钮:
    Target Framework
  5. 等待项目创建并恢复其依赖项
  6. 从NuGet安装最新版本的Aspose.CAD:
    NuGet
  7. 替换MainPage.xaml中的代码
    <?xml version="1.0" encoding="utf-8" ?>
    <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
                 xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                 x:Class="MauiApp1.MainPage">
    
        <ScrollView>
            <VerticalStackLayout
                Spacing="25"
                Padding="30,0"
                VerticalOptions="Center">
    
                 <Label 
                Text="欢迎使用.NET MAUI!"
                VerticalOptions="Center" 
                HorizontalOptions="Center" />
    
                <Image
                    x:Name="Base64DecodedImage"
                    Source="dotnet_bot.png"
                    SemanticProperties.Description="可爱的点网机器人向您挥手!"
                    HeightRequest="600"
                    HorizontalOptions="Center" />
    
                <Label
                    Text="你好,世界!"
                    SemanticProperties.HeadingLevel="Level1"
                    FontSize="32"
                    HorizontalOptions="Center" />
    
                <Label
                    Text="欢迎使用.NET 多平台应用UI"
                    SemanticProperties.HeadingLevel="Level2"
                    SemanticProperties.Description="欢迎使用点网多平台应用UI"
                    FontSize="18"
                    HorizontalOptions="Center" />
    
                <Button
                    x:Name="FileSelectrBtn"
                    Text="选择文件"
                    SemanticProperties.Hint="计算您点击的次数"
                    Clicked="OnSelectFileClicked"
                    HorizontalOptions="Center" />
    
                <Button
                    x:Name="ClearBtn"
                    Text="清除"
                    SemanticProperties.Hint="计算您点击的次数"
                    Clicked="OnCleanClicked"
                    HorizontalOptions="Center" />
    
            </VerticalStackLayout>
        </ScrollView>
    </ContentPage>
  8. 在MainPage.xaml.cs中添加新方法
    private void OnCleanClicked(object sender, EventArgs e)
    {
        Base64DecodedImage.Source = "dotnet_bot.png";
    }
    private async void OnSelectFileClicked(object sender, EventArgs e)
    {
        var result = await FilePicker.PickAsync(new PickOptions()
        {
            PickerTitle = "任意"
        });
        if (result == null)
        {
            return;
        }
        var stream = await result.OpenReadAsync();
        var img = Aspose.CAD.Image.Load(stream);
        var ms = new MemoryStream();
        await img.SaveAsync(ms, new PngOptions());
        Base64DecodedImage.Source = ImageSource.FromStream(() => ms);
    }

调试Windows机器

  1. 在Visual Studio工具栏中,使用调试目标下拉列表选择Framework,然后选择net7.0-windows条目:
    Debug Target
  2. 在Visual Studio工具栏中,按下Windows机器按钮以构建并运行应用程序:
    Start Debugging on Windows Machine
  3. 在运行的应用程序中,按"选择文件"按钮几次,观察按钮点击次数的增加:
    Home Page
  4. 选择所需文件并点击打开:
    Select file
  5. 处理文件后,转换后文件的图像应出现在屏幕上:
    The result of debugging windows

安装Android模拟器

  1. 在Visual Studio工具栏中,使用调试目标下拉列表选择Android模拟器,然后选择Android模拟器条目
  2. 在Visual Studio工具栏中,按下Android模拟器按钮:
    Start install Emulator button
  3. 在Android SDK - 许可协议窗口中,按下接受按钮:
    Android SDK-License Agreement
  4. 在Android SDK - 许可协议窗口中,按下接受按钮:
    Android SDK ARM -License Agreement
  5. 在用户帐户控制对话框中,按下是按钮:
    SDK Manager
  6. 在许可接受窗口中,按下接受按钮:
    SDK ARManagerM -License Agreement
  7. 在Visual Studio工具栏中,按下Android模拟器按钮:
    Start install Emulator button
  8. 在用户帐户控制对话框中,按下是按钮:
    Android Device Manager
  9. 在新设备窗口中,按下创建按钮:
    New Android Device
  10. 关闭Android设备管理器窗口

使用Android模拟器调试

  1. 在Visual Studio工具栏中,按下Pixel 5 - API 33 (Android 13.0 - API 33)按钮以构建和运行应用程序:
    Select android Emulator
  2. 在Android模拟器中运行的应用程序中,按"选择文件"按钮几次,观察按钮点击次数的增加:
    Android Emulator Home Page
  3. 选择所需文件并点击选择:
    Select file in andoid
  4. 处理文件后,转换后文件的图像应出现在屏幕上:
    The result of debugging android

更多示例

有关如何在Docker中使用Aspose.CAD的更多示例,请参阅示例

另见。