利用鸿蒙开发新闻头条_harmoney 开发 新闻模版

大家好，我是老王~
 

本来计划要做一个本地数据库存储相关的项目，但是官方的小伙伴给我说，ArkUI数据库目前不支持最新的模拟器。

所以只能另想其他的，想了大概一周，期间也在调研技术能否实现，纠结的很，想着要不断的突破自己，至少比上一次的要好！最终定了这个项目，真正的敲代码开发可能就用了一天，最难的就是想法和界面设计。

不得不感慨新框架真的方便、真的好用！期待下个版本能完善组件和API的细节。也希望鸿蒙越来越好。

一、项目说明

界面搭建基于ArkUI中TS扩展的声明式开发范式，关于语法和概念直接看官网官方文档地址：基于TS扩展的声明式开发范式1、基于TS扩展的声明式开发范式2

https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-ts-overview-0000001192705715

使用系统自带的网络请求框架，根据Tab的类型切换请求对应的数据。列表支持下拉刷新、上拉加载更多。

模拟登录效果，根据输入框来确定按钮是否启用，登录成功后，显示登录头像和用户信息。

• 数据请求：聚合免费API-新闻头条

• 网络请求：1-官方文档、2-ArkUI开发基础：网络请求

• 列表刷新：ArkUI（TS）声明式开发：列表下拉刷新、上拉加载更多

二、效果演示

在远程模拟器录制的，效果不佳 ~_~

             

三、功能解析

1、主页

主页从上至下分为三个部分：

1. 标题栏、

2. Tab标签、

3. 数据列表

• 标题栏

布局很简单，使用Row布局包裹：Image 和 Swiper（搜索框中文字上下切换）

(部分代码)

......
  // 标题栏
  @Builder CustomTitleBar() {
    Row() {
      // 头像  
      Image(this.isLogin ? $r('app.media