admin管理员组

文章数量:1660813

大家好，我是老王~
 

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

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

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

一、项目说明

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

https://developer.harmonyos/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.i

本文标签： 鸿蒙头条新闻

版权声明：本文标题：利用鸿蒙开发新闻头条 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1729882030a1216040.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。