联系

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 的代码仓库，Makepad 是一种在 Rust 中构建 UI 的新方法，适用于原生和 Web。

Makepad 由 Makepad 框架和 Makepad 工作室组成。

Makepad 框架是我们的 UI 框架。它由多个 crate 组成，但顶级 crate 是 makepad-widgets。有关 Makepad 框架的进一步说明，请参阅该 crate 的 README 文件。

Makepad 工作室是我们使用 Makepad 框架构建的 IDE 原型。它仍在进行大量开发，但我们最终的目标是创建一个 IDE，它允许在运行时更改应用程序的设计。Makepad 工作室的主要 crate 是 makepad-studio。有关更多信息，请参阅该 crate 的 README 文件。

演示链接

makepad-example-fractal-zoom

makepad-example-ironfish

makepad-example-simple

先决条件

要构建 Makepad crate，您首先需要安装 Rust。 https://rust-lang.net.cn/tools/install

我们的本地构建支持稳定的Rust工具链。然而，除非您使用nightly Rust工具链，否则Makepad在运行时生成的某些错误（尤其是那些源于我们的DSL的错误）不包含行信息。此外，目前我们的Web构建仅支持nightly版本。因此，我们建议您使用nightly Rust工具链来构建Makepad。

对于非标准构建目标（苹果iOS、苹果tvOS、Android、Wasm），我们有一个名为'cargo-makepad'的构建工具，您需要安装。

从仓库安装它

cargoinstall --路径=./tools/cargo_makepad

或者从cargo安装（可能落后于仓库）

cargo安装cargo-makepad

现在这个工具可以用来安装每个平台所需的工具链

cargomakepad wasm install-toolchain

cargomakepad apple ios install-toolchain

cargomakepad apple tvos install-toolchain

cargomakepad android --abi=全部 install-toolchain

运行makepad studio

Makepad studio允许您轻松构建和查看示例，并且它内部使用cargo-makepad，因此请确保按上述方式安装cargo-makepad。

cargo运行 -pmakepad-studio --发布

或者从cargo安装（可能落后于仓库）

cargo安装makepad-studio

如果您构建wasm应用程序，您可以在

http://127.0.0.1:8010

构建和运行命令

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模拟器或使用adb命令连接到真实的Android设备，确保只有一个设备正确连接，然后按以下方式安装和运行：

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，过程稍微复杂一些。涉及的步骤包括

1. 启用您的iPhone的Developer Mode，请参阅以下说明： 启用Developer Mode
2. 设置一个Apple开发者账户
3. 在XCode中设置一个空的骨架项目
   1. 文件 -> 新建 -> 项目以创建一个新的 "App"
   2. 将产品名称设置为 makepad-example-simple（在后面的 --app 中使用）
   3. 将组织标识符设置为您的选择，例如，我们将使用 my.test（在后面的 --org 中使用）
   4. 设置项目签名和功能以选择正确的团队帐户
4. 在 XCode 中，构建/运行此项目以在模拟器和设备上安装和运行应用程序
5. 一旦模拟器和设备上安装并正确运行了 "骨架" 应用程序，那么它就准备好让 Makepad 安装其应用程序了。

Makepad 安装

我们将运行 cargo makepad apple ios 命令，类似于上面的 Android 构建，但需要填写一些 2 到 6 个额外的参数

--org

组织标识符的前几个部分。通常形式为 com.somecompany 或 org.orgname 等。这是用于设置上面初始骨架应用程序的相同值。对于本例

my.test

--app

应用程序或项目的名称。这与用于设置上面初始骨架应用程序的产品名称相同。在这种情况下

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 构建

以 WASM 构建运行 Makepad 应用程序就像一个命令一样简单。脚本将自动生成必要的 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

lib.rs:

这是一个对miniz DEFLATE/zlib 编码/解码器的纯 Rust 替代方案。该软件包的计划是作为flate2 软件包的后端使用，并最终消除对 C 库的依赖。

使用方法

简单的压缩/解压缩

use makepad_miniz::inflate::decompress_to_vec;
use makepad_miniz::deflate::compress_to_vec;

fn roundtrip(data: &[u8]) {
    let compressed = compress_to_vec(data, 6);
    let decompressed = decompress_to_vec(compressed.as_slice()).expect("Failed to decompress!");
}