这个开源库帮助你使用 Flutter 快速开发 macOS 应用

文章介绍了Flutter作为跨平台解决方案,特别是其在macOS应用开发中的使用。macosui是一个专门为macOS设计的Flutter小部件库,包含各种macOS风格的组件,如MacosWindow、MacosScaffold和不同类型的按钮等。文章提供了使用macosui的示例,并提到了利用mason_cli工具快速生成macOSFlutter应用的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

👇👇关注后回复 “进群” ,拉你进程序员交流群👇👇

作者丨小集

来源丨小集(ID:zsxjtip)

Flutter 目前已经是一个成熟的跨平台解决方案。它不仅支持移动端的跨平台,还支持桌面端的跨平台。它能让我们开源一套代码同时运行在 macOS/Windows/Linux 上。不过这里给大家推荐一款专为 macOS 设计的 Flutter 小部件,可以支持使用 Flutter 快速开发 macOS 应用:macosui。

macosui 有些特性调用了一些原生代码,如其中的 MacosColors.controlAccentColor() 函数 和 MacosColorWell 小部件,所以只支持 macOS。

小部件

我们一起来看看 macosui 都有哪些小部件

MacosWindow 是 macOS 风格布局的基本框架。

a89fdd3b298c5533904320155cc6afe0.png

99fe52343044ab1586f2604da62ee822.png

MacosScaffold 是可以称之为“页面”的小部件,它带有工具栏和子属性。

81741ea15f6266c8bec40bd08a488ac4.png

54897ce916115c642e5c3594f6deefb2.png

cc13677a4c67fd639979ed6152f03000.png


我们可以在 MacosScaffold 创建工具栏,用于提供对常用命令和功能(工具栏项目)的便捷访问。工具栏项目包括 ToolBarIconButton、ToolBarPulldownButton 和 ToolBarSpacer 小部件。

2b3a0fddf1a078fff3fbc16d6e571f0c.png

847d819407cdd7289a64b3ae3e8187f5.png


MacosTabView 可以一次显示一页的多页界面,但必须在 StatefulWidget 中使用。

b1c453593a028a564b085617ea792fea.png

MacosIcon 用于显示图标。

macosui 中的按钮有很多种,包括 MacosCheckbox、HelpButton、RadioButton、PulldownButton、PopupButton、PushButton、MacosSwitch、MacosSegmentedControl 等等,可以满足各种需求。

9872806f5f925e29e618d5a7935cf9ec.png



对话框

beae5115445e1e277fac657c9a4d1935.png

7a1d242e55e55a52a3df70272057c23a.png

文本域

6716407f815a77d9475492e96fbca3b8.png

264b5addfc4c74173b5944ca916757a5.png


Label

56fefe3f2fe5a94ee4b02b243467c931.png

Indicator

10753ba72b318d6dad3b69eba4c6f08a.png

a9a323a12e6c39097007277c2074e90d.png

ebfd348ed686685fc8f7d0aa5f78c25e.png


Selector

f3671a871210c1c204361a0742527373.png

33ad936ec81f3d27b3372ebf7a064661.png

使用

我们可以使用 macosui 来快速构建一个 macOS 应用。要使用 macosui 生成 Flutter 应用程序,可以使用 package:mason_cli。它将根据我们的规范生成一个项目并为我们运行 flutter pub get。可以按以下步骤来使用

  • 安装 macon_cli

# 🎯 Activate from https://pub.dev
$ dart pub global activate mason_cli

# 🍺 Or install from https://brew.sh
$ brew tap felangel/mason
$ brew install mason
  • 安装起始模板

这一步骤安装来自 brickub.dev 的 macosui_starter 应用程序模板,以便我们可以使用它。

如果想用 Flutter 来构建 macOS 应用,不妨试试这个库。

# Install to a particular directory
$ mason add macosui_starter

# Install globally
$ mason add -g macosui_starter
  • 生成起始应用

这一步骤类似于通过 IDE 运行 flutter create 或创建新的 Flutter 项目。

$ mason make macosui_starter

按照提示设置应用程序的首选配置。该过程完成后,我们可以在选择的 IDE 中打开生成的应用程序并运行它。

6769197e16e62c71be654c7f40c46d30.png

「macosui」

地址:https://github.com/GroovinChip/macos_ui

⭐️:1.1k

语言:Dart

-End-

最近有一些小伙伴,让我帮忙找一些 面试题 资料,于是我翻遍了收藏的 5T 资料后,汇总整理出来,可以说是程序员面试必备!所有资料都整理到网盘了,欢迎下载!

9f9f8816748ae389a1e670b0f2bb0ac9.png

点击👆卡片,关注后回复【面试题】即可获取

在看点这里e15063d9611990b430de80090a37d80f.gif好文分享给更多人↓↓

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值