基于HarmonyOS的阅读笔记助手的APP开发第一天

合集 - 鸿蒙毕设设计开发(3)

1.基于HarmonyOS的阅读笔记助手的APP开发第二天计划2024-03-28

2.基于HarmonyOS的阅读笔记助手的APP开发第一天2024-03-27

3.基于HarmonyOS的阅读笔记助手的APP今日开发计划2024-05-04

收起

1. 设计原型

使用软件：MasterGo。我发现导出jpg文件的时候，图标后会有黑色背景，所以导出的时候建议使用默认的png格式

• 书籍界面原型
  
• 书籍阅读界面原型
  
• 笔记界面原型
  
• 笔记记录界面原型
  
• 软件设置界面原型
  

2.编码实现

ArkTs的Tabs组件。

Tabs() {
  TabContent() {
    Text('首页的内容').fontSize(30)
  }
  .tabBar('首页')

  TabContent() {
    Text('推荐的内容').fontSize(30)
  }
  .tabBar('推荐')

  TabContent() {
    Text('发现的内容').fontSize(30)
  }
  .tabBar('发现')
  
  TabContent() {
    Text('我的内容').fontSize(30)
  }
  .tabBar("我的")
}

这个组件可以很简单的实现页面的切换，但是如图所示，切换的时候整个页面都切换了，这样加不了顶部的搜索栏
（图片来源鸿蒙开发官方网站）

因此参考鸿蒙开发网站的“顶部导航”的内容，只要在每个TabContent()都加上顶部的搜索栏就可以了。但这样会不会使搜索栏变得很难用？——比如分不清搜索的是哪个页面的内容。也许这个头部写在每个切换到的页面更加合适。等后续开发再改进吧。