July 1, 2024

ArkUI 使用报告

大家好啊，今天来点大家不想看的东西啊。

ArkTS 语言

ArkTS 是鸿蒙生态的应用开发语言。

它在保持 TypeScript 基本语法风格的基础上，进一步通过规范强化静态检查和分析，使得在程序运行之前的开发期能检测更多错误，提升代码健壮性，并实现更好的运行性能。

同时，提供了声明式 UI 范式、状态管理支持等相应的能力，让开发者可以以更简洁、更自然的方式开发高性能应用。

官网是这样说的，但我只能呃呃。可能是华为没有那样的能力去创建一门属于自己的语言吧，最后把 TypeScript 变成了与 Swift 或者说是 Kotlin 缝合的缝合怪。一些令我厌烦的写法，如匿名函数 .bind(this)、模板字符串要用反引号 const str = `Show: ${another} value`，也遗传了下来，特别是组件内引用 state 时也要带上 this，这肯定是受到语言实现的限制吧。

同样的，我不喜欢 ArkTS：

  1. 必须使用 DevEco Studio 才能使用 ArkTS 语言

  2. DevEco Studio 自带的代码格式化结果一坨：

    .toolBar({ items: [
  { value: "Plunger", icon: "house", action: () => {
  } },
  { value: "Intelligent", icon: "house", action: () => {
  } },
  { value: "Shop", icon: "house", action: () => {
  } },
  { value: "Me", icon: "house", action: () => {
  } },
]
})

    真看不下去吧，这都和 Xcode 学一样？

  3. 格式化风格不统一，和 Swift 一样，加几个回车和空格格式化结果就不一样了，多人协同我不敢想会是怎么样的

  4. 没有热更新，但和 SwiftUI 一样提供了 Preview 功能 —— 因为如果连 Preview 功能都没有的话，对于连模拟器都不支持的 DevEco Studio 来说，没有鸿蒙设备就别想搞鸿蒙开发了

DevEco Studio

我去，这不是我们 Android Studio 吗，啊不对，这不是我们 IntelliJ IDEA 吗？下次发布记得标注。

其实就是没能力自研 IDE 啦，所以选择“基于 IntelliJ IDEA Community 开源版本打造”。这个选择是正确的，但结果只能说不尽人意。

首先是代码格式化的问题，这个上面讲过了，那么接下来说点别的。

插件未免太少了，因为自己最常用的代码编辑器是 VSCode 嘛 —— 其实在我心目中这玩意可以说是和 IDE 一样的存在了 —— 所以键位肯定也想按 VSCode 的来，在 IntelliJ IDEA 和 Android Studio 上都有 VSCode KeyMap 的插件可以从 VSCode 导入键位，但 Dev Studio 上就是没有。

难道说华为就完全没有在使用 VSCode 的吗 …… 我去，Xcode 也没有，这下破案了。

代码补全一坨，这是做的极差的。感觉代码补全完全没有根据上下文，也就是光标目前所处的地方该填什么类型的东西、默认能填什么东西，来提示补全内容 —— 原版 TypeScript 在 VSCode 上的代码补全可谓是反向的极端，过度依赖上下文以至于有时我想要的结果反而不在补全结果里。

本地化做的不到位，照理说这还是国内公司的软件本地化应该做的更好，但很多地方都没有翻译到 —— 有人可能会说全英文界面更好，开发者就应该多接触英文，可，我不懂英文 我更喜欢待在一个更熟悉的环境里啦。

ArkUI

你们的文档也是和 Apple 学的？ArkUI、SwiftUI、Jetpack Compose 以及基于 XML 视图的 Android 文档怎么都是一个样子？

这样才有教程书的生存空间是吧。

官方入门教程里的界面也太丑了吧，还是说 Harmony Design 就是这样的？实际上，我都不知道这算不算的上 Harmony Design，因为真的很丑。

我该怎么使用图标呢？我真的得将一堆 SVG 下载下来然后再作为资源文件使用吗？鸿蒙是有自己的图标库的，能否像 Flutter 或者 SwiftUI 那样更加和 ArkTS 结合起来呢？

我看到有 Symbol 啦，但是一样，示例代码呢？后面是找到了示例代码，但现在要我再去找一次，那我真不知道在哪里翻出来的示例代码。

SymbolGlyph($r('sys.symbol.ohos_trash'))
  .fontWeight(FontWeight.Lighter)
  .fontSize(96);
Text() {
  SymbolSpan($r('sys.symbol.ohos_trash'))
    .fontWeight(FontWeight.Normal)
    .fontSize(96)
}

我去，我怎么没有 SymbolGlyph 和 SymbolSpan，有版本要求吗？下次记得标注。

一样没有组件 Gallery 展示 Harmony Design 的默认组件样式，别学 Apple 啊，你能做的更好的啊。

总结

累人。