> 文档中心 > HarmonyOS版的“抖音”长啥样?有图有真相

HarmonyOS版的“抖音”长啥样?有图有真相

“鸿蒙系统实战短视频App 从0到1掌握HarmonyOS”系列课程是面向HarmonyOS实战的视频教程,该课程会通过构建一个真实的短视频App来向读者展示HarmonyOS的全过程。

本节将演示基于HarmonyOS短视频App的核心功能。通过了解该App的功能,也能初步对本课程的内容有所了解。这个短视频App是通过HarmonyOS模拟器进行运行的。

图1-1展示的是首次登录短视频App时的登录界面

HarmonyOS版的“抖音”长啥样?有图有真相

图1-2展示的是注册账号时选择的头像。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-3展示的是登录短视频App时输入账号和密码。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-4展示的是首次登录短视频App时的首页界面。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-5展示的是短视频App点赞功能。

HarmonyOS版的“抖音”长啥样?有图有真相
图1-6展示的是短视频App收藏功能。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-7展示的是短视频App滑动切换视频的功能。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-8展示的是短视频App评论功能。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-9展示的是对博主点击关注的功能。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-10展示的是短视频App视频发布界面。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-11展示的是选择待上传的视频。

HarmonyOS版的“抖音”长啥样?有图有真相
图1-12展示的是输入待上传视频的内容。

HarmonyOS版的“抖音”长啥样?有图有真相
图1-13展示的是用户已经发布的视频作品。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-14展示的是用户点赞的视频作品。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-15展示的是用户收藏的视频作品。

HarmonyOS版的“抖音”长啥样?有图有真相

图1-16展示的是用户所关注的博主。

HarmonyOS版的“抖音”长啥样?有图有真相
图1-17展示的是用户所发布、点赞或者收藏的视频的预览播放功能。

HarmonyOS版的“抖音”长啥样?有图有真相

视频

完整展示效果可见B站:

https://www.bilibili.com/video/BV1Fc411K7Uw/

示例

更多示例可以见《跟老卫学HarmonyOS开发》https://github.com/waylau/harmonyos-tutorial

素彩网