鸿蒙（新闻阅读类）APP开发——体验流畅的首页信息流

往期推文全新看点

• 鸿蒙（HarmonyOS）北向开发知识点记录~
• 鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~
• 鸿蒙应用开发与鸿蒙系统开发哪个更有前景？
• 嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~
• 对于大前端开发来说，转鸿蒙开发究竟是福还是祸？
• 鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？
• 记录一场鸿蒙开发岗位面试经历~
• 持续更新中……

简介

本场景解决方案主要面向于新闻类页面开发人员，指导开发者从零开始构建一个新闻类的首页面。主要包含地址选择、tabs和tabContent切换的动态图标和流畅动效、下拉刷新上拉加载、首页feed流等常见功能的实现及流畅体验。

整体场景介绍

主要介绍了用户操作应用的主要流程，展示了用户进入首页通过页签切换页面内容，上拉加载和下拉刷新页面，从首页地址进入地址选择页更换地址等功能效果。

• 实现应用的主要流程图

• 运行效果图

• 操作流程

  1. 获取地理位置的权限；

  2. 点击位置信息，跳转地址页，可修改当前位置信息；

  3. 点击顶部页签或者滑动切换页面，页签同步切换；

  4. 点击底部页签切换页面，同步切换页签，触发页签切换的动画效果；

  5. 下拉刷新页面信息；

  6. 上拉加载页面信息；

  7. 点击右下角按钮回弹至顶部。

场景说明

适用范围

本场景主要适用于新闻类的应用首页，使用原生组件及三方库组件完成新闻首页与功能的实现。

场景优势

本场景可以带给用户更加流畅和便捷的首页体验。具体优势如下：

1. 导航栏点击切换动效流畅，响应时延为51ms。
2. 左右滑动切换动效流畅，响应时延为67ms。
3. 地址选择页定位精确，选择目标城市更加便捷。
4. 底部页签跳转精致流畅不丢帧，时延349ms。
5. 具有上拉加载下拉刷新页面功能，动效回弹流畅不丢帧，下拉刷新响应时延为153ms，上拉加载响应时延为150ms。

场景分析

典型场景与实现方案