2 个不稳定版本
0.4.0 | 2023年9月20日 |
---|---|
0.3.0 | 2022年10月20日 |
#29 在 #cargo-makepad
227 每月下载量
在 20 个crate中使用 (通过 makepad-micro-serde)
67KB
1.5K SLoC
联系方式
Rik Arends: @rikarends 在推特上,https://fosstodon.org/@rikarends#
Eddy Bruel: @ejpbruel 在推特上
Sebastian Michailidis: @SebMichailidis 在推特上
我们的Makepad Discord频道: https://discord.gg/adqBRq7Ece
关于makepad的最新讨论: https://www.youtube.com/watch?v=rC4FCS-oMpg
Makepad
概述
这是Makepad的仓库,一种用于构建Rust中本地和Web的UI的新方法。
Makepad由Makepad框架和Makepad工作室组成。
Makepad框架是我们的UI框架。它由多个crate组成,但顶级crate是makepad-widgets。有关Makepad框架的进一步说明,请参阅该crate的README。
Makepad工作室是我们使用Makepad框架构建的IDE原型。它仍在积极开发中,但我们的最终目标是创建一个可以在运行时更改应用程序设计的IDE。Makepad工作室的主要crate是makepad-studio。有关更多信息,请参阅该crate的README。
演示链接
先决条件
要构建 Makepad 的 crate,首先需要安装 Rust。请访问https://www.rust-lang.net.cn/tools/install进行安装。
我们的本地构建适用于稳定版的 Rust 工具链。然而,在使用稳定版 Rust 工具链时,Makepad 在运行时生成的某些错误(尤其是那些源于我们的 DSL 的错误)不包含行信息。此外,我们的网页构建目前只支持 nightly 版本。因此,我们建议您使用 nightly 版本的 Rust 工具链来构建 Makepad。
对于非标准构建目标(苹果 iOS、苹果 tvOS、Android、wasm),我们有一个名为 'cargo-makepad' 的构建工具,您需要安装它。
从仓库安装
cargoinstall --path=./tools/cargo_makepad
或者从 cargo 安装(可能位于仓库之后)
cargoinstall cargo-makepad
现在这个工具可以用来为每个平台安装所需的工具链
cargomakepad wasm install-toolchain
cargomakepad apple ios install-toolchain
cargomakepad apple tvos install-toolchain
cargomakepad android --abi=all install-toolchain
运行 makepad studio
Makepad studio 允许您轻松构建和查看示例,并且它使用 cargo-makepad 内部工具,所以请确保按照上述说明安装 cargo-makepad。
cargo运行 -pmakepad-studio --release
或者从 cargo 安装(可能位于仓库之后)
cargoinstall makepad-studio
如果您构建 wasm 应用程序,可以在以下位置打开:
构建和运行命令
Makepad 是一个用 Rust 编写的跨平台 UI 框架。它处于积极开发中,但已经可以用来构建快速的原型和简单的(甚至是复杂的 UI)应用程序。
Makepad 的一个关键特性是它能够简单地、快速地在多个平台上构建和运行应用程序,包括 MacOS、Windows、Linux、Android、iOS 和 WebAssembly。
以下是当前/最新如何在不同平台上构建和运行 Makepad 应用程序的说明。
假设
我们将假设以下内容:应用程序名称:makepad-example-simple
它可以更改为 Makepad 示例文件夹 中的任何现有示例应用程序。
构建和运行说明
按照以下步骤 1 命令进行 Makepad 构建和运行环境的初始设置。在步骤 2 之后,您可以选择您感兴趣的任何一个或多个平台进行构建。
1. 设置 Makepad
将 projects
替换为您自己的目录名称。
cd ~/projects
克隆 Makepad 仓库
git clone https://github.com/makepad/makepad.git
或
git clone [email protected]:makepad/makepad.git
切换到最新的 'rik' 分支(可选)
cd ~/projects/makepad
git branch rik
为 cargo 安装 makepad 子命令
cd ~/projects/makepad
cargo install --path ./tools/cargo_makepad
安装平台工具链
rustup toolchain install nightly
2. 进入示例文件夹(可选)
cd ~/projects/makepad/examples
ls -l
此目录中的所有示例都以 makepad-example-
前缀加上目录名称作为应用程序名称。
3. MacOS / PC
在桌面运行是尝试示例应用程序的最快方式。
cd ~/projects/makepad/examples/simple
cargo run
或
cd ~/projects/makepad
cargo run -p makepad-example-simple
现在应该有一个桌面应用程序窗口正在运行(可能在 MacOS 的 Dock 上的图标上点击以显示它)
4. Android 构建
安装 Android 工具链(首次)
cargo makepad android install-toolchain
在 Android 设备或 Android 模拟器上安装应用程序
打开 Android 模拟器或连接到真实 Android 设备,使用 adb
命令确保只有一个设备正确连接,然后按照以下方式安装和运行:
cd ~/projects/makepad
cargo makepad android run -p makepad-example-simple --release
应用程序将在模拟器或设备上安装并启动。
5. iOS 设置和安装
安装 iOS 工具链(首次)
xcode-select --install
cargo makepad apple ios install-toolchain
在 Apple 设备或 iOS 模拟器上安装应用程序
iOS 设置
对于 iOS,过程稍微复杂一些。涉及的步骤包括
- 启用您的iPhone开发者模式,请参阅以下说明:[启用开发者模式](https://www.delasign.com/blog/how-to-turn-on-developer-mode-on-an-iphone/)。
- 设置Apple开发者账户
- 在XCode中设置一个空的项目骨架
- 文件 -> 新建 -> 项目以创建一个新的"应用"
- 将产品名称设置为
makepad-example-simple
(在后面的--app中使用) - 将组织标识符设置为您的选择,例如,在本例中我们将使用
my.test
(在后面的--org中使用) - 设置项目签名和功能以选择正确的团队账户
- 在XCode中构建/运行此项目,以在模拟器和设备上安装和运行应用
- 一旦模拟器和设备安装并正确运行了"骨架"应用,那么它就准备好安装Makepad的应用了。
Makepad安装
我们将运行以下命令:cargo makepad apple ios
,类似于上面的Android构建,但需要填写2到6个额外的参数
--org
组织标识符的前几个部分。通常形式为com.somecompany或org.orgname等。这与上面设置的初始骨架应用的值相同。在本例中
my.test
--app
应用程序或项目的名称。这与上面设置的初始骨架应用的Product Name相同。在这种情况下
makepad-example-simple
在iOS模拟器上安装应用程序
cd ~/projects/makepad
cargo makepad apple ios \
--org=my.test \
--app=makepad-example-simple \
run-sim -p makepad-example-simple --release
在iOS设备上安装应用程序
对于在真实设备上的安装,过程更为复杂,因为可能涉及多个配置文件、签名标识和目标设备。因此,Makepad提供了一个列出命令来显示所有本地的配置文件、签名标识和连接的设备,这些可以用作后续命令参数的值。
例如,首先运行以下命令
cd ~/projects/makepad
cargo makepad apple list
此命令将打印出当前系统上所有配置文件、签名标识和设备标识的列表。用户必须决定并选择他/她需要的每个类型的值。
一旦决定,运行以下命令并填写从输出中选择的最强字符。
cargo makepad apple ios \
--profile=unique-starting-hex-string-of-provisioning-profiles \
--cert=UNIQUE_STARTING_HEX_STRING-of-signing-certificates \
--device-identifier=UNIQUE-STARTING-HEX-STRING-of-devices \
--org=my.test \
--app=makepad-example-simple \
run-device -p makepad-example-simple –release
应用程序将被安装在模拟器或真实设备上。 (请确保设备已连接并解锁)
6. WASM构建
运行Makepad应用作为WASM构建非常简单,只需一个命令。脚本将自动生成必要的index.html和其他文件,并在端口8010上启动一个本地Web服务器。运行以下命令后,只需在浏览器中打开http://127.0.0.1:8010/即可加载和运行应用。
安装WASM工具链(首次)
cargo makepad wasm install-toolchain
将应用作为WASM二进制文件安装到浏览器
cargo makepad wasm run -p makepad-example-simple --release
Makepad命令快速参考
Cargo工具安装
这些是需要至少运行一次以设置Makepad开发环境的命令。它们也应该在必要时或当cargo_makepad脚本有更新时运行。
rustup update
rustup install nightly
rustup toolchain install nightly
cd ~/projects/makepad
cargo install --path ./tools/cargo_makepad
cargo makepad android install-toolchain
cargo makepad apple ios install-toolchain
cargo makepad apple tv install-toolchain
cargo makepad wasm install-toolchain
Android
将应用安装到iOS模拟器的命令。
cargo makepad android run -p makepad-example-simple --release
cargo makepad android run -p makepad-example-fractal-zoom --release
cargo makepad android run -p makepad-example-ironfish --release
cargo makepad android run -p makepad-example-news-feed --release
iOS模拟器
将应用安装到iOS模拟器的命令。
cargo makepad apple ios --org=my.test --app=makepad-example-simple run-sim -p makepad-example-simple --release
cargo makepad apple ios --org=my.test --app=makepad-example-fractal-zoom run-sim -p makepad-example-fractal-zoom --release
cargo makepad apple ios --org=my.test --app=makepad-example-ironfish run-sim -p makepad-example-ironfish --release
cargo makepad apple ios --org=my.test --app=makepad-example-news-feed run-sim -p makepad-example-news-feed --release
iOS设备
将应用安装到物理iOS设备的命令。
有关更详细说明,请参阅上面的第5步。
cargo makepad apple ios --org=my.test --profile=ABC --cert=DEF --device=MyiPhone --app=makepad-example-simple run-device -p makepad-example-simple --release
cargo makepad apple ios --org=my.test --profile=ABC --cert=DEF --device=MyiPhone --app=makepad-example-fractal-zoom run-device -p makepad-example-fractal-zoom --release
cargo makepad apple ios --org=my.test --profile=ABC --cert=DEF --device=MyiPhone --app=makepad-example-ironfish -run-device -p makepad-example-ironfish --release
cargo makepad apple ios --org=my.test --profile=ABC --cert=DEF --device=MyiPhone --app=makepad-example-news-feed run-device -p makepad-example-news-feed --release
Cargo检查构建
检查Makepad支持的所有平台编译是否通过的命令:(将使用100%的CPU并导致机器挂起,仅在高性能系统上尝试)
cargo makepad check install-toolchain
cargo makepad check all