Как да стартирате Aspose.CAD в мултиплатформен App UI (MAUI)

Предварителни изисквания

  • Visual Studio 2022.
  • Използва се .NET 7 SDK в примера.

MAUI

.NET Мултиплатформен App UI (.NET MAUI) е кросплатформен фреймуърк за създаване на нативни мобилни и десктоп приложения с C# и XAML. С помощта на .NET MAUI можете да разработвате приложения, които могат да работят на Android, iOS, macOS и Windows от един общ код.

.NET MAUI е с отворен код и е еволюцията на Xamarin.Forms, разширена от мобилни до десктоп сценарии, с UI контроли преработени от основата за производителност и разширяемост. Ако преди сте използвали Xamarin.Forms за изграждане на кросплатформени потребителски интерфейси, ще забележите много прилики с .NET MAUI. Въпреки това, има и някои разлики. С помощта на .NET MAUI можете да създавате мултиплатформени приложения, използвайки един проект, но можете да добавяте специфичен за платформата код и ресурси, ако е необходимо. Една от основните цели на .NET MAUI е да ви позволи да реализирате колкото се може повече от логиката на вашето приложение и подредбата на потребителския интерфейс в един единствен код.

Инсталиране на MAUI

  1. За да създадете .NET MAUI приложения, ще ви трябва най-новата версия на Visual Studio 2022
  2. Или инсталирайте Visual Studio, или модифицирайте съществуващата си инсталация и инсталирайте разработваща натовареност за .NET Мултиплатформен App UI с подразбиращите се опции за инсталация:
    Visual installer

Създаване на проект

  1. Стартирайте Visual Studio. В началния прозорец кликнете върху „Създаване на нов проект“, за да създадете нов проект:
    Create project
  2. В прозореца „Създаване на нов проект“, изберете MAUI от падащото меню „Всички типове проекти“, изберете шаблона за .NET MAUI App и кликнете върху бутона „Следващ“:
    Select project type
  3. В прозореца „Конфигуриране на новия проект“ дайте име на проекта си, изберете подходящо местоположение за него и кликнете върху бутона „Следващ“:
    Select project path
  4. В прозореца „Допълнителна информация“ изберете версията на .NET, която искате да целите, и кликнете върху бутона „Създаване“:
    Target Framework
  5. Изчакайте проектът да бъде създаден и зависимостите му да бъдат възстановени
  6. Инсталирайте най-новата версия на Aspose.CAD от NuGet:
    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="Сладък dot net бот, който ви маха с ръка!"
                HeightRequest="600"
                HorizontalOptions="Center" />

            <Label
                Text="Здравей, свят!"
                SemanticProperties.HeadingLevel="Level1"
                FontSize="32"
                HorizontalOptions="Center" />

            <Label
                Text="Добре дошли в .NET Мултиплатформен App UI"
                SemanticProperties.HeadingLevel="Level2"
                SemanticProperties.Description="Добре дошли в dot net Мултиплатформен App 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 използвайте падащото меню „Debug Target“, за да изберете Framework и след това записа net7.0-windows:
    Debug Target
  2. В лентата с инструменти на Visual Studio натиснете бутона “Windows Machine”, за да изградите и стартирате приложението:
    Start Debugging on Windows Machine
  3. В работещото приложение натиснете бутона “Изберете файл” няколко пъти и наблюдавайте, че броят на кликванията на бутона се увеличава:
    Home Page
  4. Изберете необходимия файл и кликнете „отвори“:
    Select file
  5. След обработката на файла изображение на конвертирания файл трябва да се появи на екрана:
    The result of debugging windows

Инсталиране на Android емулатор

  1. В лентата с инструменти на Visual Studio използвайте падащото меню „Debug Target“, за да изберете Android Emulators и след това записа Android Emulator
  2. В лентата с инструменти на Visual Studio натиснете бутона “Android Emulator”:
    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 Emulator”:
    Start install Emulator button
  8. В диалоговия прозорец на Контрол на потребителския акаунт натиснете бутона “Да”:
    Android Device Manager
  9. В прозореца “Ново устройство” натиснете бутона “Създай”:
    New Android Device
  10. Затворете прозореца на мениджъра на Android устройства

Дебъгване с Android Emulator

  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

Повече примери

За повече примери как можете да използвате Aspose.CAD в Docker, вижте примери.

Вижте също.

Как да изпълните примерите Как да стартирате образа Aspose.CAD Docker в Azure Function