部分内容由AI辅助生成。本文面向 HarmonyOS 5.0 及以上版本,基于细胞工坊项目真实源码展开,源码根目录为D:\huawei\one14-9。本文重点复核这些文件:
entry/src/main/module.json5entry/src/main/resources/base/profile/main_pages.jsonentry/src/main/ets/entryability/EntryAbility.etsentry/src/main/ets/pages/Index.etsentry/src/main/ets/utils/DataStore.ets
这篇文章只讨论源码已经实现的启动链路:module.json5绑定EntryAbility、Ability 创建时设置深色模式并初始化DataStore、WindowStage创建时配置非沉浸窗口和系统栏、读取底部避让区域、最后loadContent('pages/Index')进入四 Tab 首屏。当前源码没有冷启动耗时采样、启动埋点、预加载框架、闪屏广告、远端配置拉取、启动性能指标上报,也没有复杂的多 Ability 路由分发;这些能力不会被写成已实现功能。
1. 启动链路不是只写一个 loadContent
HarmonyOS 应用启动时,很多问题不出在业务页面,而出在入口契约没有收住。比如系统栏颜色和页面背景不一致,底部导航被手势区域遮挡,首屏路由没有注册,或者页面还没加载就开始访问本地数据。
细胞工坊的启动链路可以拆成五个环节:
| 环节 | 源码位置 | 负责事项 |
|---|---|---|
| 应用身份 | AppScope/app.json5 | bundleName、版本、图标、应用名 |
| Ability 入口 | module.json5 | mainElement、EntryAbility、启动 skill |
| Ability 创建 | EntryAbility.onCreate() | 深色模式、本地数据初始化 |
| 窗口创建 | EntryAbility.onWindowStageCreate() | 非沉浸、避让高度、系统栏颜色 |
| 首屏加载 | windowStage.loadContent('pages/Index') | 进入 Tabs 根页面 |
这条链路的核心目标不是做炫技启动优化,而是让首屏稳定、窗口稳定、路由入口稳定。
2. module.json5 先确定唯一入口
启动链路的第一层不是 ArkTS 代码,而是模块配置。entry/src/main/module.json5指定了mainElement:
{ "module": { "name": "entry", "type": "entry", "mainElement": "EntryAbility", "deviceTypes": [ "phone", "tablet", "2in1" ], "pages": "$profile:main_pages", "abilities": [ { "name": "EntryAbility", "srcEntry": "./ets/entryability/EntryAbility.ets", "exported": true, "skills": [ { "entities": ["entity.system.home"], "actions": ["ohos.want.action.home"] } ] } ] } }这段配置明确了三件事。
第一,入口 Ability 是EntryAbility,不是页面文件直接启动。第二,页面注册来自$profile:main_pages。第三,当前包声明支持phone、tablet和2in1,所以窗口避让和底部导航不能只按单一手机尺寸写死。
如果mainElement、srcEntry和实际文件名不一致,后面的onCreate()和onWindowStageCreate()都不会按预期进入。启动问题排查时,配置比页面代码更早。
3. main_pages 约束可加载页面
main_pages.json是页面路由表。源码中首项是pages/Index:
{ "src": [ "pages/Index", "views/experiment/ExperimentSimPage", "views/experiment/ExperimentResultPage", "views/experiment/SceneSelectorPage", "views/mine/ExperimentRecordsPage", "views/learning/KnowledgeListPage", "views/learning/FormulaPage", "views/learning/UnitConverterPage", "views/learning/ConstantsPage", "views/learning/ExperimentMethodPage", "views/mine/FavoritesPage", "views/mine/SettingsPage", "views/mine/NotesPage", "views/learning/KnowledgeDetailPage", "views/mine/AboutPage", "views/mine/HelpPage", "views/mine/PrivacyPolicyPage", "views/mine/UserAgreementPage" ] }EntryAbility后面调用的是:
windowStage.loadContent('pages/Index', (err) => { if (err.code) { hilog.error(DOMAIN, 'One9App', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err)); return; } hilog.info(DOMAIN, 'One9App', 'Succeeded in loading the content.'); });这里的字符串必须能在main_pages.json中找到。否则窗口创建成功,首屏仍然会失败。源码在失败分支记录err,这对排查首屏白屏有直接价值。
4. onCreate 只做应用级初始化
EntryAbility.onCreate()当前做了两件事:设置应用颜色模式,初始化本地数据。
export default class EntryAbility extends UIAbility { onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void { try { this.context.getApplicationContext().setColorMode(ConfigurationConstant.ColorMode.COLOR_MODE_DARK); } catch (err) { hilog.error(DOMAIN, 'One9App', 'Failed to set colorMode. Cause: %{public}s', JSON.stringify(err)); } hilog.info(DOMAIN, 'One9App', '%{public}s', 'Ability onCreate'); DataStore.init(this.context).then(() => { hilog.info(DOMAIN, 'One9App', 'DataStore initialized'); }).catch((err: Error) => { hilog.error(DOMAIN, 'One9App', 'DataStore init failed: %{public}s', err.message); }); } }这段代码没有阻塞loadContent()等待数据初始化完成。它的实际含义是:本地数据服务尽早初始化,但页面读取仍要能处理默认值或空状态。DataStore的读取方法在未初始化时会返回默认值,这和启动链路是配套的。
一个稳定的启动入口要避免把页面级工作塞进onCreate()。比如实验列表筛选、Canvas 绘制、记录页删除状态,都不应该在 Ability 创建阶段处理。Ability 只处理全局上下文、应用级配置和必须提前建立的服务。
5. 深色模式在启动阶段固定
源码中调用:
this.context.getApplicationContext().setColorMode(ConfigurationConstant.ColorMode.COLOR_MODE_DARK);这说明细胞工坊当前选择固定深色模式,而不是跟随系统,也不是提供真实可切换主题。SettingsPage里也能看到“浅色模式正在适配中,已自动返回深色模式”的提示逻辑。
这个选择会影响启动链路:
| 位置 | 影响 |
|---|---|
EntryAbility.onCreate() | 应用启动时设置颜色模式 |
WindowStage系统栏 | 状态栏、导航栏使用深色背景和浅色图标 |
Index.ets | 根 Tabs 背景使用AppColors.PAGE_BG |
| 各页面 | 默认按深色主题资源和颜色常量渲染 |
不能把当前源码描述成“支持深浅色自动切换”。真实能力是启动时锁定深色模式,并让系统栏颜色与页面背景保持一致。
6. WindowStage 里先取消全屏沉浸
onWindowStageCreate()的第一段窗口代码是:
const mainWindow = windowStage.getMainWindowSync(); mainWindow.setWindowLayoutFullScreen(false); AppStorage.setOrCreate<number>('statusBarHeight', 0);这里的注释也写得很明确:使用普通非沉浸布局,避免内容覆盖系统状态栏。它不追求全屏沉浸效果,而是优先保障主界面稳定。
对多设备应用来说,这个选择很务实。手机、平板、2in1 小窗场景下,如果根页面还额外加很多手写状态栏高度,很容易出现双重 padding 或顶部空白。当前源码把statusBarHeight设为0,再由非全屏窗口交给系统处理顶部区域。
7. 底部避让高度写入 AppStorage
底部区域处理更复杂。源码读取导航指示区域,然后按屏幕密度换算成 vp:
try { const navArea = mainWindow.getWindowAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR); const dp: number = display.getDefaultDisplaySync().densityPixels; const density: number = dp > 0 ? dp : 3; const bottomVp: number = navArea.bottomRect.height > 0 ? Math.ceil(navArea.bottomRect.height / density) : 28; AppStorage.setOrCreate<number>('bottomBarHeight', bottomVp); } catch (e) { hilog.warn(DOMAIN, 'One9App', 'getWindowAvoidArea failed: %{public}s', JSON.stringify(e)); AppStorage.setOrCreate<number>('bottomBarHeight', 28); }这段代码解决底部 Tabs 和手势导航区域的关系。Index.ets使用:
@StorageProp('bottomBarHeight') bottomBarHeight: number = 0 Tabs({ barPosition: BarPosition.End, index: this.currentIndex, controller: this.tabController }) { // TabContent ... } .barHeight(56) .padding({ top: this.statusBarHeight, bottom: this.bottomBarHeight })Ability 负责算出避让高度,根页面负责应用 padding。这样比每个页面自己调用窗口 API 更清晰,也避免页面之间底部间距不一致。
8. 系统栏颜色要和首屏背景一致
窗口创建阶段还配置了状态栏和导航栏:
mainWindow.setWindowSystemBarProperties({ statusBarColor: '#0B1120', statusBarContentColor: '#E5F7FF', isStatusBarLightIcon: true, navigationBarColor: '#0B1120', navigationBarContentColor: '#E5F7FF', isNavigationBarLightIcon: true }).catch((err: Error) => { hilog.error(DOMAIN, 'One9App', 'set system bar properties failed: %{public}s', err.message); });这段逻辑和深色模式是同一组设计决策。启动时如果系统栏仍是浅色,而首屏背景是深色,用户会在首屏看到明显割裂;如果图标颜色没有匹配,审核和真机使用都可能出现可读性问题。
源码没有动态判断背景亮度,也没有多主题系统栏切换。它做的是固定深色系统栏,配合固定深色应用主题。
9. 首屏 Index 只管根导航
pages/Index.ets是loadContent()加载的首屏。它不是一个业务详情页,而是根 Tabs 容器:
@Entry @Component struct Index { @StorageProp('statusBarHeight') statusBarHeight: number = 36 @StorageProp('bottomBarHeight') bottomBarHeight: number = 0 @State currentIndex: number = 0 private tabController: TabsController = new TabsController() build() { Tabs({ barPosition: BarPosition.End, index: this.currentIndex, controller: this.tabController }) { TabContent() { HomePage({ onSwitchTab: (index: number) => { this.tabController.changeIndex(index) } }) } TabContent() { LabPage() } TabContent() { LearningPage() } TabContent() { MinePage() } } .barHeight(56) .padding({ top: this.statusBarHeight, bottom: this.bottomBarHeight }) } }首屏职责很清楚:组合首页、实验室、学习、我的四个一级页面,并维护当前 Tab 下标。它没有在根页面里直接处理实验运行、笔记编辑、收藏持久化等细节。
HomePage通过回调切换 Tab:
HomePage({ onSwitchTab: (index: number) => { this.tabController.changeIndex(index) } })这种方式让首页的“全部实验”“去学习”入口可以切换一级 Tab,但根 Tabs 控制权仍保留在Index。
10. 启动链路中的日志边界
当前源码使用hilog记录关键生命周期:
hilog.info(DOMAIN, 'One9App', '%{public}s', 'Ability onCreate'); hilog.info(DOMAIN, 'One9App', '%{public}s', 'Ability onWindowStageCreate'); hilog.info(DOMAIN, 'One9App', 'Succeeded in loading the content.');失败路径也有日志:
hilog.error(DOMAIN, 'One9App', 'DataStore init failed: %{public}s', err.message); hilog.error(DOMAIN, 'One9App', 'configure system bars failed: %{public}s', JSON.stringify(e)); hilog.error(DOMAIN, 'One9App', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err));这些日志覆盖了三类启动风险:
| 风险 | 对应日志 |
|---|---|
| 本地数据初始化失败 | DataStore init failed |
| 系统栏或避让区域配置失败 | configure system bars failed |
| 首屏路由加载失败 | Failed to load the content |
源码没有记录启动耗时,也没有性能采样点。如果要做冷启动优化,需要新增时间戳和分析逻辑,不能直接从现有日志推导启动性能结论。
11. 业务页面不要反向破坏启动契约
启动链路的一个重要原则是:Ability 管全局窗口,Index 管根导航,业务页只处理业务状态。细胞工坊中二级页面使用@StorageProp接收高度:
@StorageProp('statusBarHeight') statusBarHeight: number = 36 @StorageProp('bottomBarHeight') bottomBarHeight: number = 0比如记录页会在根布局上应用:
.padding({ top: this.statusBarHeight, bottom: this.bottomBarHeight })这种做法的好处是业务页不需要知道窗口 API。风险是要保持一致:如果某些页面额外写死顶部或底部安全区,可能出现间距不统一。因此启动契约一旦确定,就应该在页面层统一使用同一组 AppStorage 键。
12. 可迁移的启动骨架
如果把细胞工坊的启动链路抽成可迁移骨架,大致是这样:
export default class AppEntryAbility extends UIAbility { onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void { this.prepareAppMode() LocalStore.init(this.context).catch((err: Error) => { hilog.error(0x0000, 'App', 'LocalStore init failed: %{public}s', err.message) }) } onWindowStageCreate(windowStage: window.WindowStage): void { this.prepareWindowInsets(windowStage) windowStage.loadContent('pages/Index', (err) => { if (err.code) { hilog.error(0x0000, 'App', 'loadContent failed: %{public}s', JSON.stringify(err)) } }) } }这不是细胞工坊源码原样,但边界一致:onCreate()做应用级准备,onWindowStageCreate()做窗口级准备,最后加载根页面。不要把页面数据筛选、网络请求、Canvas 绘制、弹窗状态都塞进 Ability。
窗口避让可以单独封装:
private prepareWindowInsets(windowStage: window.WindowStage): void { const mainWindow = windowStage.getMainWindowSync() mainWindow.setWindowLayoutFullScreen(false) AppStorage.setOrCreate<number>('statusBarHeight', 0) try { const navArea = mainWindow.getWindowAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR) const density = Math.max(display.getDefaultDisplaySync().densityPixels, 1) const bottom = navArea.bottomRect.height > 0 ? Math.ceil(navArea.bottomRect.height / density) : 28 AppStorage.setOrCreate<number>('bottomBarHeight', bottom) } catch (_) { AppStorage.setOrCreate<number>('bottomBarHeight', 28) } }这段迁移代码保留了当前源码的核心逻辑:非沉浸、底部避让、默认值兜底。
13. 验证启动链路时按顺序看
启动问题要按链路排查,不要直接怀疑业务页面:
| 顺序 | 检查点 | 预期 |
|---|---|---|
| 1 | module.json5的mainElement | 指向EntryAbility |
| 2 | srcEntry | 文件路径存在 |
| 3 | main_pages.json | 包含pages/Index |
| 4 | onCreate() | DataStore 初始化失败不阻塞首屏 |
| 5 | onWindowStageCreate() | 能拿到主窗口并配置系统栏 |
| 6 | loadContent() | 成功加载pages/Index |
| 7 | Index.ets | Tabs 首屏可见并能切换 |
| 8 | 二级页 | 顶部和底部避让一致 |
如果真机出现白屏,优先查loadContent的错误日志和main_pages.json。如果首屏出来但底部被遮挡,查getWindowAvoidArea和bottomBarHeight。如果颜色割裂,查setColorMode和setWindowSystemBarProperties。
14. 常见问题和修复方向
| 问题 | 常见原因 | 修复方向 |
|---|---|---|
| 启动后白屏 | loadContent路径不在main_pages.json | 确认pages/Index注册并拼写一致 |
| 状态栏覆盖内容 | 全屏沉浸和页面 padding 重叠或缺失 | 明确是否使用setWindowLayoutFullScreen(false) |
| 底部 Tab 被手势区遮挡 | 未读取导航避让区域 | 用getWindowAvoidArea写入bottomBarHeight |
| 深色页面配浅色系统栏 | 系统栏颜色没有随主题设置 | 在 WindowStage 创建阶段配置系统栏 |
| 首页切换 Tab 失败 | 子页面直接改状态但不控制 TabsController | 由 Index 保留 TabsController,子页面通过回调请求切换 |
| 本地数据偶发为空 | 页面早于 DataStore 初始化读取 | 读取方法提供默认值,页面实现空状态 |
这些问题都和启动契约有关。只修某一个页面,往往会造成其他页面继续不一致。
15. 当前源码的边界
为了避免误读,需要把当前源码没有实现的能力列清楚:
- 没有启动耗时统计。
- 没有冷启动、热启动、温启动分类。
- 没有远端配置拉取。
- 没有启动广告或启动页调度。
- 没有多 Ability 路由编排。
- 没有根据系统主题自动切换深浅色。
- 没有全屏沉浸布局方案。
- 没有启动性能上报接口。
本文讨论的是“启动链路稳定性”,不是“启动性能专项优化”。真实源码支撑的是入口、窗口、系统栏、避让、首屏路由和根 Tabs。
16. 小结:把启动职责固定下来
细胞工坊的启动实现不复杂,但边界清楚。module.json5负责声明入口,EntryAbility.onCreate()处理应用级初始化,onWindowStageCreate()处理窗口与系统栏,loadContent('pages/Index')把首屏交给根页面,Index.ets再组合四个一级 Tab。
这种结构适合 HarmonyOS 5.0 及以上的单入口教育类应用。它不会给启动链路引入过多抽象,也避免业务页面反向控制窗口。后续如果要加启动性能采样、远端配置或主题切换,也应该沿着这条链路扩展:先明确归属层级,再让每一层只做自己该做的事。