0%

【文章翻譯】Announcing Flutter for Windows

【文章內容使用 Gemini 1.5 Pro 自動產生】

宣布 Flutter for Windows

自我們推出 Flutter 以來,我們一直專注於提供一個跨平台解決方案,用於構建精美的自定義應用程式,這些應用程式被編譯為機器碼,並充分利用您設備的底層圖形硬體。今天,隨著 Windows 作為應用程式目標的首次生產版本支援的發布,我們擴展了這個願景,使 Windows 開發人員能夠從移動開發人員一直以來享有的相同生產力和功能中受益。

An image of a laptop with two light blue birds, representing Dash, the mascot of Flutter and Dart, hovering over the keyboard. The text in the image says, “Flutter + Windows”.

我們對 Flutter 的目標是為您提供構建出色體驗所需的工具,無論您是在為哪個作業系統構建應用程式。因此,我們希望將相同的核心框架和工具帶到您想繪製像素的所有地方。Flutter 允許您精雕細琢 **精美** 的體驗,讓您的品牌和設計成為焦點。Flutter **快速**,直接編譯為機器碼;通過狀態熱重載支援,您可以獲得互動式開發環境的 **生產力**,讓您可以在應用程式運行時進行更改,並立即看到結果。Flutter **開源**,擁有數千名貢獻者為核心框架添加內容,並用套件生態系統擴展它。

幾乎有 50 萬個應用程式使用 Flutter……

到目前為止,我們已經看到了超出預期的發展勢頭,現在已經發布了近 50 萬個使用 Flutter 的應用程式,包括來自 Betterment、BMW 和 ByteDance 等公司的重大應用程式,以及來自 Google 的 30 個團隊的應用程式。在 2021 年,Flutter 根據 Statista 和 SlashData 等分析師的衡量標準,成為最受歡迎的跨平台 UI 工具包:

Extracts from studies by Statista (“Flutter is the most popular cross-platform mobile framework used by global developers… 42% of software developers used Flutter”), SlashData (“The most popular cross-platform frameworks for development include Google’s Flutter (44%)”), JetBrains (“The popularity of Flutter continues to grow. This year it has surpassed React Native to become the most popular…”) and StackOverflow (“Flutter is the #2 loved framework”).

我們自己的數據證實了這一點,在 2021 年的所有四個季度調查中,有 92% 的 Flutter 開發人員對我們的工具表示滿意。 (對於其他 8% 的用戶,我們正在傾聽您的反饋,並希望您也感到滿意!)

一個常見的要求是 Windows 支援。

今天,我們很高興宣布 Flutter 在穩定版本中完整支援 Windows 應用程式。

Windows 和 Flutter

幾年前,我們為 Flutter 構建了一個雄心勃勃的願景,從 iOS 和 Android 上的行動應用程式擴展到其他平台,包括 Web 和 *桌面*。

Flutter 的核心跨越平台:從可移植的硬體加速 Skia 圖形引擎到 Flutter 渲染系統;核心原語,如動畫、主題、文字輸入和國際化;以及 Flutter 提供的數百個 Widget。

但是,桌面應用程式不僅僅是在更大螢幕上運行的行動應用程式。它們是為不同的輸入設備(例如鍵盤和滑鼠)而設計的。它們具有可調整大小的視窗,通常在寬螢幕顯示器上運行。對於關鍵事項(如輔助功能、輸入法編輯器和視覺樣式)存在不同的慣例。它們與底層作業系統中的不同 API 整合:桌面應用程式支援從檔案系統選擇器到設備硬體到 Windows 登錄等數據存儲的所有內容。

因此,雖然我們將 Flutter *帶到* Windows,但我們也為 Windows *量身定制* 了它。

與我們對 Android 和 iOS 的支援一樣,Flutter 的 Windows 實作結合了 Dart 框架和 C++ 引擎。Windows 和 Flutter 通過一個嵌入層進行通訊,該嵌入層託管 Flutter 引擎,並負責轉換和分派 Windows 消息。Flutter 與 Windows 配合將您的 UI 繪製到螢幕上,處理視窗調整大小和 DPI 變化等事件,並使用現有的 Windows 模式進行國際化,例如輸入法編輯器。

An architectural diagram showing the Flutter architecture: at the top is the Flutter framework, built in Dart, which comprises building blocks like Material, the widgets system, rendering objects, animation, gestures, and painting primitives. Below that is the Flutter engine, written in C++, as well as the Skia and text rendering libraries; lastly, the Windows embedder which interoperates with the underlying operating system and passes Win32 messages to the engine.
在 Windows 上,Flutter 使用完全相同的 Dart 程式碼,但利用了原生 Windows API。

您的應用程式可以使用 Flutter 框架的每個部分,在 Windows 上,它也可以直接通過 Dart 的 C 互操作層或使用用 C++ 編寫的平台插件與 Win32、COM 和 Windows 執行時 API 通話。我們還適應了一些常見的 Plugin,以包含 Windows 支援,包括 camera、file_picker 和 shared_preferences。更重要的是,社群已經為各種其他套件添加了 Windows 支援,涵蓋從 Windows 工作列整合到串列埠存取的所有內容。

A list of some Windows packages, including USB support, maps, web, serial port, file selection, window management, TensorFlow, credential management, battery, WMI, printer, screen capture and network connectivity.
已經有數百個套件已適應以支援為 Windows 構建的 Flutter 應用程式。

為了獲得完全自定義的 Windows UI,您還可以利用 `fluent_ui` 和 `flutter_acrylic` 等套件來建立一個精美地表達 Microsoft Fluent 設計系統的應用程式。使用 `msix` 工具,您可以將應用程式包裝在安裝程式中,可以上傳到 Windows 上的 Microsoft Store。

總之,這促進了應用程式的創建,這些應用程式在 Windows 上看起來很棒,在 Windows 上運行很快,並且仍然可以傳輸到其他桌面或行動設備以及 Web。以下是我們到目前為止看到的一些早期範例:

一些使用 Flutter 構建的 Windows 應用程式的早期社群範例,包括 Harmonoid 和 Rows。

Microsoft 和 Flutter

我們詢問 Windows 團隊是否願意分享一些關於 Flutter 支援的意見。以下是 Microsoft Windows 開發者平台公司副總裁 Kevin Gallo 的說法:

“我們很高興看到 Flutter 添加了對創建 Windows 應用程式的支援。Windows 是一個開放平台,我們歡迎所有開發人員。我們很興奮看到 Flutter 開發人員將他們的經驗帶到 Windows,並發布到 Microsoft Store。Flutter 對 Windows 的支援是社群的一大步,我們迫不及待地想看看您將為 Windows 帶來什麼!”

事實上,Microsoft 的幾個團隊都為今天的公告做出了貢獻。特別是,我們想感謝 Fluent 設計團隊為 Windows 上的 Flutter 應用程式貢獻圖標。他們的 `fluentui_system_icons` 套件已獲得 Flutter Favorite 狀態,以證明其品質。

我們還對 Microsoft 在 Windows 輔助功能方面進行的投資印象深刻,我們感謝該團隊的幫助,確保 Flutter 從一開始就支援螢幕閱讀器。將輔助功能視為利基需求是一個錯誤。正如 Microsoft 包容性設計工具包中的這張圖所示,我們都有理由關心提供適合不同永久性、暫時性或情境性需求的體驗。

A diagram showing how accessibility aids can be of use to a wide audience, in three categories: permanent impairments such as blindness or deafness; temporary conditions such as an arm injury or cataract; or situational needs such as a new parent who is holding a baby with one arm, or a driver who is unable to look at a screen.

下面的視頻演示了 Flutter 如何與 Windows Narrator 整合。出於這個視頻的目的,我們故意模糊了螢幕,讓您了解這項功能對需要它的人來說是多麼有價值。

Windows 開發工具的生態系統

我們的工具合作夥伴也正在添加對 Windows 的支援。以下是一些重點:

  • FlutterFlow,低程式碼 Flutter 應用程式設計工具,今天宣布支援 Windows,以及幫助 Flutter 開發人員構建針對桌面使用量身定制的應用程式的功能。
  • Realm 是一個超快速的本地數據存儲。今天發布的最新版本現在支援使用 Flutter 構建 Windows 應用程式,使用 Dart FFI 快速存取底層數據庫,從而為 iOS 和 Android 等行動平台提供現有的支援。
  • Nevercode 已更新其 Codemagic CI/CD 工具以支援 Windows,使您能夠在雲端測試和構建 Windows 應用程式,並自動將應用程式部署到 Microsoft Store。
  • Syncfusion 已更新其 Widget 套件,以充分利用 Windows。如果您訂閱其工具包,您將發現數據可視化組件,例如樹狀圖和圖表,豐富的數據網格 Widget,日曆,甚至支援 PDF 創建和 Excel 電子表格。
  • 最後,Rive 今天宣布即將推出的其熱門圖形工具套件的 Windows 版本,允許設計人員和開發人員創建互動式矢量動畫,這些動畫可以使用狀態機實時響應程式碼。其應用程式即將推出的 Windows 版本提供超快的效能和更低的內存占用率,並將很快在 Microsoft Store 上供下載。
A screenshot of Rive, a motion design tool that is written in Flutter and produces output that can be embedded into any Flutter app.
Rive,即將在 Windows 上的 Microsoft Store 上推出。

看到圍繞 Flutter 建立的成熟生態系統,我們感到非常興奮,我們鼓勵您在使用 Flutter 構建 Windows 應用程式時查看每一個合作夥伴。

Windows 支援在 Flutter 2.10 中推出

構建 Windows 應用程式的穩定、生產級品質支援作為 Flutter 2.10 的一部分提供,該版本今天發布。Flutter 2.10 還包含許多其他功能、效能改進和錯誤修復,這些內容在單獨的部落格文章中詳細介紹。

在接下來的幾個月裡,您將從我們那裡聽到更多關於完成對 macOS 和 Linux 的穩定支援的消息,為您的生產 Flutter 應用程式提供完整的桌面、Web 和行動平台。

同時,感謝您對 Flutter 的支援。我們很興奮看到您為 Windows 構建的內容!

An image of the Dart mascot, Dash. She is sitting behind a laptop computer with a Flutter logo. We can’t see it, but she’s looking at a Windows app built in Flutter!


宣布 Flutter for Windows 最初發佈在 Flutter 上的 Medium,人們在那裡透過突出顯示和回應這個故事來繼續討論。

http://creativecommons.org/licenses/by/4.0/