ShortVideo App 原型设计与实现

44 阅读1分钟

HarmonyOS App 原型设计与实现 一、原型设计 1.快速实现需求设计的想法 2.提高团队沟通效率和质量 3.便捷的传达产品经理的需求 首页、导航栏、我的、等等一系列原型--初始化应用

二、应用初始化 在DEVECO中新建项目,基于emptyAbility来初始化项目,项目名称是ArkTSShortVideo。

三、短视频应用的页面切换流程 页面组成: 1.注册登录页面 2.首页 3.发布页面 4.“我”页面---用户的各种信息

页面切换流程

image.png

四、实现注册登录页面的原型设计 1.创建RegisterPage 2.注册路由

deveco--open project page目录下创建RegisterPage

有行有列--线性布局 TextInput、Button 组件

在resources/profile/main_pages.json里配置页面路径

五、实现首页、发布、"我"页面的原型设计 1.创建MainPage--设置@Priview 2.创建VideoPublishPage--设置@Preview 3.创建MePage--设置@Preview

六、实现导航栏的原型设计 1.Tabs组件实现导航栏 2.导出原型页面 3.TabContent导入原型页面 4.在Index页面里设置导航栏