Рекомендации по кроссплатформенных приложениям

Возможно, вы переходите на WinUI 3 с React Native Windows, Electron, Flutter или .NET MAUI. На этой странице описано, чего ожидать при разработке специально под WinUI 3, а также как настроить ИИ-агент для успешной работы.

Ключевое решение: хотите ли вы сохранить кроссплатформенную оболочку или создать приложение Windows-first? Задайте ИИ-агенту чёткие границы — какая бизнес-логика остаётся общей, а какой интерфейс следует переписать на нативный WinUI 3.

React Native для Windows

React Native для Windows использует слой отрисовки WinUI под капотом. Вы можете интегрировать собственные элементы управления Windows с помощью <WindowsXamlView> или NativeModules.

Чтобы обеспечить полностью нативную работу в Windows, перенос приложения непосредственно на WinUI 3 обеспечивает более высокую производительность и полный доступ к API Windows. Сохраняйте бизнес-логику и сервисы, но перепишите компоненты пользовательского интерфейса с использованием XAML и C#.

Стартовый промпт:

I have a React Native for Windows component. Rewrite it as a WinUI 3 UserControl using C# and XAML.

Электрон

Электронные приложения — это веб-технология, упакованная в оболочку; WinUI 3 — это собственный win32. Практический добавочный путь — разместить существующий веб-интерфейс в окне WinUI 3 с помощью WebView2, а затем перенести функции в собственные элементы управления с течением времени.

Начальный промпт:

I have an Electron app. Create a WinUI 3 shell that hosts a WebView2, and show me how to call native Windows APIs from the web layer using window.chrome.webview.postMessage.

.NET MAUI

.NET MAUI уже предназначен для Windows через WinUI 3. Если вам нужна среда только для Windows с полным доступом к возможностям WinUI 3, удалите MAUI и используйте WinUI 3 напрямую.

  • ViewModels и сервисы легко переносятся
  • MAUI XAML (Microsoft.Maui.Controls.*) требует перезаписи в XAML WinUI 3 (Microsoft.UI.Xaml.*)
  • Сохраняйте общие библиотеки классов .NET без изменений

Начальная подсказка:

I have a .NET MAUI ViewModel and service layer. Reuse them in a WinUI 3 project targeting Windows only. Keep the ViewModel unchanged and update only the View.

Трепетание

Flutter для Windows использует собственный механизм отрисовки, а не WinUI 3. Каналы платформы позволяют Flutter вызывать родные API Win32 или WinRT, но полноценный порт заменяет отрисовку Flutter на нативный XAML.

Стартовый запрос:

I have a Flutter screen with a list and a detail view. Rewrite it as a WinUI 3 page using NavigationView and a master/detail layout.

Общий доступ к коду на разных платформах

  • Храните бизнес-логику в отдельной библиотеке классов .NET — она не зависит от платформы
  • Совместное использование этой библиотеки между WinUI 3, MAUI, Blazor или любым другим целевым объектом .NET
  • Повторное использование моделей, служб и ViewModels перед перезаписью пользовательского интерфейса
  • Использование #if WINDOWS условной компиляции только в качестве последнего средства

Связанный контент

  • Last updated on