.NET MAUI — คืออะไร สถาปัตยกรรมและการพัฒนาข้ามแพลตฟอร์ม

.NET MAUI คืออะไร

.NET MAUI (Multi-platform App UI) เป็นวิวัฒนาการของ Xamarin.Forms ที่สร้างขึ้นใหม่ตั้งแต่ต้นสำหรับ .NET 6+ ซึ่งแตกต่างจาก Xamarin.Forms ที่ต้องใช้โปรเจกต์แยกต่างหากสำหรับแต่ละแพลตฟอร์ม MAUI ใช้โครงสร้างเดียวที่มีไฟล์ .csproj ร่วมกันและโฟลเดอร์แพลตฟอร์ม Platforms/iOS, Platforms/Android, Platforms/Windows และ Platforms/MacCatalyst การเปิดตัว MAUI เสถียรครั้งแรกเกิดขึ้นในเดือนพฤษภาคม 2022

ข้อแตกต่างหลักระหว่าง .NET MAUI และรุ่นก่อนคือการผสานรวมอย่างสมบูรณ์กับ .NET 8 BCL (Base Class Library) นักพัฒนาได้รับสิทธิ์เข้าถึง System.Text.Json, System.Net.Http, System.Linq, System.IO และ API อื่นๆ โดยตรงโดยไม่ต้องมี SDK เพิ่มเติม Xamarin.Forms ใช้ .NET Standard 2.0 สำหรับตรรกะร่วม ซึ่งจำกัดการเข้าถึงความสามารถของแพลตฟอร์ม .NET ใหม่

ตาม Microsoft Build 2024 พบว่า .NET MAUI ถูกใช้ในแอปพลิเคชันกว่า 40,000 รายการใน App Store และ Google Play โปรเจกต์ที่โดดเด่น ได้แก่ UPS Mobile, The Weather Channel และ Siemens Teamcenter Microsoft กำลังพัฒนา MAUI อย่างจริงจังในฐานะส่วนหนึ่งของ .NET 9 ที่วางแผนไว้สำหรับเดือนพฤศจิกายน 2024

ประวัติและที่มาของ .NET MAUI

การประกาศ .NET MAUI เกิดขึ้นที่ Microsoft Build 2020 ซึ่งเป็นส่วนหนึ่งของกลยุทธ์การรวม .NET Microsoft รวม .NET Core, Mono และ .NET Framework เข้าเป็นแพลตฟอร์ม .NET 5+ เดียว Xamarin.Forms กลายเป็นพื้นฐานสำหรับ MAUI แต่ฐานโค้ดถูกเขียนใหม่ทั้งหมด: API ที่ล้าสมัยถูกลบออก เรนเดอเรอร์ถูกแทนที่ด้วย Handlers, DependencyService ถูกแทนที่ด้วยคอนเทนเนอร์ DI

.NET MAUI 8 (พฤศจิกายน 2023) เพิ่มการรองรับ Native AOT, ประสิทธิภาพ CollectionView ที่ดีขึ้น, Blazor Hybrid (การฝังส่วนประกอบ Blazor ในแอปพลิเคชัน MAUI) และการแมปฟอนต์ใหม่ .NET MAUI 9 (2024) รวมถึงการรองรับ C# 12, การผสานรวมกับ WinUI 3 และ macOS Sonoma ที่ดีขึ้น และ API ลากและวางใหม่สำหรับทุกแพลตฟอร์ม

ความแตกต่างระหว่าง .NET MAUI และ Xamarin.Forms

ข้อแตกต่างแรกคือ แอปพลิเคชันเดียว ใน Xamarin.Forms นั้น iOS และ Android ต้องใช้สองโปรเจกต์แยกกันในหนึ่งโซลูชัน ใน .NET MAUI ใช้โปรเจกต์เดียวกับโฟลเดอร์แพลตฟอร์ม ซึ่งช่วยลดความซับซ้อนในการนำทางโค้ด การจัดการ dependencies และไปป์ไลน์ CI/CD ไฟล์ .csproj ใช้รูปแบบ SDK-style กับ TargetFrameworks: net8.0-android, net8.0-ios, net8.0-maccatalyst

ข้อแตกต่างที่สองคือ สถาปัตยกรรมการเรนเดอร์ ที่ใช้ Handlers แทนเรนเดอเรอร์ ใน Xamarin.Forms แต่ละองค์ประกอบ (Button, Label) มีคลาส Renderer ของตัวเองที่สร้างคอนโทรลแบบเนทีฟ การปรับแต่งต้องใช้ Custom Renderer ใน MAUI Handler เป็นออบเจกต์น้ำหนักเบาที่แมปองค์ประกอบนามธรรมกับคอนโทรลแบบเนทีฟและรองรับ Property Mappers สำหรับการอัปเดตคุณสมบัติโดยไม่ต้องสร้างคอนโทรลใหม่

ข้อแตกต่างที่สามคือ คอนเทนเนอร์ DI แบบรวมศูนย์ Microsoft.Extensions.DependencyInjection Xamarin.Forms ใช้ DependencyService สำหรับการลงทะเบียนการใช้งานแพลตฟอร์ม MAUI ฝัง DI ไว้ในแกนหลักของเฟรมเวิร์ก: บริการต่างๆ ลงทะเบียนใน MauiAppBuilder, คอนโทรลเลอร์รับ dependencies ผ่านคอนสตรัคเตอร์ ซึ่งช่วยลดความซับซ้อนในการทดสอบและปฏิบัติตามแนวทางปฏิบัติ .NET สมัยใหม่

สถาปัตยกรรม .NET MAUI

สถาปัตยกรรม .NET MAUI ขึ้นอยู่กับโมเดลหลายชั้น ชั้นล่างสุดคือ .NET BCL และ Mono Runtime (Android) / CoreCLR (Windows) / NativeAOT (iOS) ชั้นกลางคือ Microsoft.Maui.dll พร้อมแกนของเฟรมเวิร์ก: Handlers, Layout, Graphics, Controls ชั้นบนสุดคือแอปพลิเคชันของนักพัฒนาที่มีหน้า XAML, ViewModel และบริการต่างๆ

Single Project และ Multi-Targeting

Single Project เป็นคุณลักษณะทางสถาปัตยกรรมที่สำคัญของ .NET MAUI ไฟล์ทั้งหมดแบ่งออกเป็นสามหมวดหมู่: โค้ดร่วม (Shared), โค้ดแพลตฟอร์ม (Platforms) และทรัพยากร (Resources) Multi-targeting ใน .csproj ระบุว่าแอปพลิเคชันถูกสร้างขึ้นสำหรับแพลตฟอร์มใด แต่ละแพลตฟอร์มจะคอมไพล์เฉพาะโฟลเดอร์ Platforms ของตัวเองและโค้ดร่วมเท่านั้น

โค้ดแพลตฟอร์มอยู่ใน โฟลเดอร์แบบมีเงื่อนไข Platforms/Android ประกอบด้วย MainActivity.cs, MainApplication.cs และ AndroidManifest.xml Platforms/iOS — AppDelegate.cs, Info.plist และ Entitlements.plist Platforms/Windows — Package.appxmanifest และ App.xaml สำหรับการคอมไพล์แบบมีเงื่อนไข โค้ดจะใช้คำสั่ง #if ANDROID, #if IOS, #if WINDOWS, #if MACCATALYST

XAML และ MVVM ใน .NET MAUI

XAML เป็นภาษามาร์กอัปแบบประกาศที่สืบทอดมาจาก Xamarin.Forms และ WPF ใน .NET MAUI นั้น XAML ใช้สำหรับอธิบายหน้า (ContentPage), เลย์เอาต์ (VerticalStackLayout, Grid, FlexLayout), องค์ประกอบ (Label, Entry, Button, Image) และคอนโทรล (CollectionView, CarouselView) XAML จะถูกคอมไพล์เป็นรูปแบบ BAML ในเวลาบิวด์

รูปแบบ MVVM ถูกนำไปใช้ผ่าน CommunityToolkit.Mvvm — ไลบรารีโอเพนซอร์สจาก Microsoft แอตทริบิวต์ [ObservableProperty] สร้างคุณสมบัติ INotifyPropertyChanged, [RelayCommand] สร้างคำสั่งจากเมธอด CommunityToolkit.Mvvm 8.2 Source Generator แปลงคลาสบางส่วน ViewModel สร้าง ObservableObject โดยไม่ต้องใช้ Reflection ซึ่งช่วยเร่ง Binding ได้ถึง 30% เมื่อเทียบกับการใช้งานด้วยตนเอง

ตัวอย่างแอปพลิเคชัน .NET MAUI

using Microsoft.Maui;
using Microsoft.Maui.Controls;

namespace MauiApp;

public class MainPage : ContentPage
{
    public MainPage()
    {
        Title = "MAUI App";
        
        Content = new VerticalStackLayout
        {
            Spacing = 12,
            Padding = new Thickness(16),
            Children =
            {
                new Label
                {
                    Text = "Hello, .NET MAUI!",
                    FontSize = 24,
                    FontAttributes = FontAttributes.Bold
                },
                new Button
                {
                    Text = "คลิกฉัน",
                    BackgroundColor = Colors.Blue,
                    TextColor = Colors.White,
                    Command = new Command(async () =>
                        await DisplayAlert("สวัสดี", "โลก", "OK"))
                }
            }
        };
    }
}

แพลตฟอร์มและการสนับสนุน

.NET MAUI รองรับ 5 แพลตฟอร์ม: iOS 15.0+, Android 5.0 (API 21)+, Windows 10 1809+, macOS 12.0+ (MacCatalyst) และ Tizen 6.5+ แต่ละแพลตฟอร์มใช้ชุดคอนโทรลและ API ของตัวเอง iOS ใช้ UIKit ผ่าน Mac Catalyst, Android — AndroidX ผ่าน Xamarin.Android, Windows — WinUI 3, macOS — AppKit ผ่าน Mac Catalyst

บน iOS และ Android MAUI ใช้กลไกการเรนเดอร์เดียวกับ Xamarin.Forms — คอนโทรล UI แบบเนทีฟ อย่างไรก็ตาม Handlers ให้การปรับแต่งที่ยืดหยุ่นมากขึ้น สำหรับการกำหนดค่า Button เฉพาะแพลตฟอร์มบน iOS จะใช้ OnPlatform<Button> กับ PlatformConfiguration.iOS สำหรับ Windows MAUI ใช้ WinUI 3 — เฟรมเวิร์ก UI สมัยใหม่จาก Microsoft ที่รองรับ Fluent Design System

การรองรับ macOS ถูกเพิ่มผ่าน Mac Catalyst — เทคโนโลยีของ Apple ที่เรียกใช้แอปพลิเคชัน UIKit บน Mac ซึ่งช่วยให้สามารถนำโค้ด iOS ของ MAUI กลับมาใช้ใหม่ได้ 100% สำหรับแอปพลิเคชันเวอร์ชัน macOS สำหรับฟังก์ชัน Mac เฉพาะ (Menu Bar, Touch Bar) MAUI มี API แพลตฟอร์มผ่าน Mac Catalyst และ wrapper NSView

Tizen เป็นแพลตฟอร์มของ Samsung สำหรับ Smart TV, สมาร์ทโฟนและสมาร์ทวอทช์ การรองรับ Tizen ใน .NET MAUI ถูกนำไปใช้ผ่าน Samsung Tizen .NET แอปพลิเคชัน MAUI จะถูกคอมไพล์สำหรับ Tizen ผ่านการผูก Samsung TizenFX อย่างไรก็ตาม Tizen ไม่ใช่แพลตฟอร์มลำดับความสำคัญของ Microsoft — การอัปเดตจะเผยแพร่โดยมีความล่าช้า 1–2 เดือน

ข้อดีของ .NET MAUI

ฐานโค้ดแบบรวมศูนย์ — .NET MAUI ลดการทำซ้ำของโค้ด หนึ่งโปรเจกต์ใน C# และ XAML คอมไพล์สำหรับ 5 แพลตฟอร์ม ให้โค้ดร่วมสูงถึง 95% สำหรับแอปพลิเคชันที่มี UI เรียบง่าย ตรรกะทางธุรกิจ บริการ โมเดลข้อมูล และ HTTP ไคลเอ็นต์อยู่ในโค้ดร่วม เฉพาะคุณสมบัติเฉพาะแพลตฟอร์ม (กล้อง, ตำแหน่งทางภูมิศาสตร์, ไบโอเมตริกซ์) ที่ต้องการการใช้งานแยกต่างหากผ่าน DI

ประสิทธิภาพ ของ .NET MAUI สูงกว่า Xamarin.Forms Handlers ลดค่าใช้จ่ายในการเรนเดอร์: การทดสอบของ Microsoft แสดงเวลาการเรนเดอร์หน้าจอลดลง 20–30% เมื่อเทียบกับ Xamarin.Forms 5.0 Native AOT บน iOS คอมไพล์โค้ด C# เป็นคำสั่ง ARM64 โดยตรง กำจัดการคอมไพล์ JIT และลดเวลาเริ่มต้นลง 40%

Blazor Hybrid เป็นความสามารถพิเศษของ .NET MAUI BlazorWebView ฝังส่วนประกอบ Blazor ลงในแอปพลิเคชัน MAUI โดยตรง นักพัฒนาส่วนต่อประสานเว็บสามารถนำส่วนประกอบ Blazor (หน้า Razor, การทำงานร่วมกันของ JS, สไตล์ CSS) กลับมาใช้ใหม่ในแอปพลิเคชันมือถือ Blazor Hybrid ทำงานบนทั้ง 5 แพลตฟอร์ม MAUI โดยไม่ต้องเปลี่ยนโค้ดส่วนประกอบ Blazor

ระบบนิเวศ .NET — การเข้าถึงแพ็กเกจ NuGet นับพัน: Entity Framework Core สำหรับการดำเนินการฐานข้อมูล, Serilog สำหรับการบันทึก, Polly สำหรับการลองคำขอ HTTP ซ้ำ, FluentValidation สำหรับการตรวจสอบความถูกต้อง CommunityToolkit.Maui มีองค์ประกอบ UI พร้อมใช้: Popup, Toast, Snackbar, SemanticScreenReader สำหรับการเข้าถึง .NET MAUI ผสานรวมกับ Azure, SignalR และ Microsoft Graph SDK

เครื่องมือพัฒนา — Visual Studio 2022 และ Rider จาก JetBrains XAML Hot Reload อัปเดต UI โดยไม่ต้องรีสตาร์ทแอปพลิเคชันใน 1–2 วินาที C# Hot Reload (ตั้งแต่ .NET 6+) คอมไพล์การเปลี่ยนแปลงเมธอดใหม่โดยไม่ต้องรีสตาร์ทกระบวนการ Visual Studio Debugger, Profiler และ IntelliCode เติมเต็มชุดเครื่องมือสำหรับการวินิจฉัยประสิทธิภาพและคุณภาพโค้ด