肤浅失眠中

通过以上步骤，我们为鸿蒙页面轻松地添加了一个 Loading 组件，让用户在数据加载时能够有良好的视觉反馈。这种方式在许多应用场景中发挥着重要作用，尤其是在需要加载大量数据或与后端进行交互时。希望这个小技巧能帮助您在鸿蒙开发中提升用户体验！如果您有更好的方法或想法，请分享您的经验！

本文将介绍鸿蒙的主要状态装饰器，并重点分析@State、@Provide等装饰器的使用，以及V1和V2状态管理的差异。鸿蒙的状态管理通过一系列装饰器如@State、@Provide、@Link等，使得开发者能够更方便地管理组件内外的状态。引入了@ProvideGlobal和@ConsumeGlobal，简化了全局状态的管理，使得状态在不同组件间的共享更加方便。下面将重点介绍两者的区别。主要通过@State、@Provide/@Consume来实现组件间的状态传递和共享，缺少全局状态管理的灵活支持。

kit.ArkUI和各有优势，前者适合轻量级的前端开发，后者则专注于系统级和分布式场景下的应用开发。在鸿蒙系统开发中，理解并合理使用这些路由模块，将有助于你构建更高效和灵活的应用程序。希望通过本文的介绍，你能更清晰地理解这两种路由的使用场景和差异。

组件化编程：两者都使用组件化的方式构建 UI，采用声明式编程范式。跨平台支持：HarmonyNext 和 Flutter 都支持。

鸿蒙操作系统中提供了多种单位用于 UI 元素的大小和布局控制，这些单位的选择直接影响应用在不同设备上的适配效果。px（像素）：适用于对精确像素控制有需求的场景，如小型控件或图标中的文本。vp（视口单位）：适合需要跨设备适配的场景，能够根据设备的屏幕密度自动调整。fp（字体像素）：推荐用于定义字体大小，确保在不同设备上字体的一致性和可读性。lpx（逻辑像素）：用于布局设计，适配不同屏幕分辨率，保证在各种设备上的一致显示。百分比100%：用于相对布局场景，特别是在响应式设计中用于控制元素的宽高。在。

我们前面介绍的三要素当中，可滚动的头部区域 以及粘性头部区域 直接使用普通组件即可，关于可滚动的内容区域 ，下面要着重做一下讲解，因为这块的滑动和CoordinatorLayout在外层的滑动存在着滑动冲突，所以我们在以下情况需要特殊处理:当外部容器未完全展开/收起时,优先处理外部容器的滚动。当外部容器已完全展开/收起时,内部列表可以正常滚动。在滚动过程中,可以平滑地过渡between外部容器和内部列表的滚动。@BuilderText(`${"测试"}${item}`)})

最近在搞鸿蒙开发，有个效果是要实现文字跑马灯效果，便记录做了一个分享。

本文将介绍如何使用鸿蒙Harmony-Next框架实现一个自定义的日历控件。我们将创建一个名为。

CircleProgressView 鸿蒙ArkTS自定义View实现圆形进度条

对于一个项目而言，在拿到我们的开发任务后，我们最重要的就是技术的选型。选型定下来了之后我们便开始脚手架的搭建，然后开始撸代码，开搞.首先我们需要对一些常见依赖库的引入 我们需要再oh-package.json5的dependencies节点下面添加我们所需要的依赖，我们添加了前端网络请求框架中比较流行的axios组件以及JavaScript 中著名的工具库lodash。

在进行网络请求的封装之前，先来分析一下我们项目所用到的接口的基本情况: 1. 在请求的接口中添加了签名。2.在非登录接口中添加了token。基于以上基本的情况。我们开始来对Axios做封装。首先我们需要在根目录的oh-package.json5文件的dependencies中添加 axios的依赖前面我们已经介绍了我们的接口请求中的2个必要因素是签名和token，现在我们开始对这2块的实现开始介绍签名的生成。

如果不存在直接跳转登录即可，如果存在的情况我们再去获取下用户的信息看看token是否过期.基于前面介绍的网络请求的封装基础之上，我们创建一个 pwdLogin的function，function中将返回一个LoginDataModel的result.登录页面的UI 很简单2个TextInput，用来输入账号密码，在Button的点击事件中获取TextInput的值作为请求参数。在LoginPage页面中doLogin的回调中在调用UserInfoViewModel的getUserInfo。

我们把这个页面进行分割，分割成不同的块然后再来逐个实现. 不难发现，我们可以将这个看到的效果简单的分割：1.首先在顶部有个banner轮播，我们称之为顶部区域。现在我们对option区域进行庖丁解牛，可以看到页面在垂直方向 先是一个年月日切换的控件，中间区域是显示当前选定的时间，紧接着底部是指标的快速定位切换。我们的页面"小而全"的鸿蒙Harmony应用开发，数据驾驶舱的相关介绍已经完毕。符号，因为我们这个数据是来自网络请求的，为了让父子组件之间能正常的传值，以及组件状态的刷新，我们边用。

接下来我将通过我最近在带的一个VUE的项目，简单实现了几个鸿蒙原生页面。包含了APP开发所有内容（控件基本使用，自定义组件实现以及父子组件传值，网络请求封装以及免密登录实现，特别针对鸿蒙生态特有的库不够丰富问题，讲述如何将JS库移植到鸿蒙生态上面）。本人从事软件开发数十载。涉猎过android Java Flutter PHP等开发技术栈，最近在倒腾鸿蒙开发有兴趣的朋友可以一起交流. 本教程后续涉及的所有代码 也将开源。本项目分为 项目的脚手架搭建，网络请求封装，登录页面实现，驾驶舱页面的实现。

最近将公司项目中VUE实现的的一个数据看板模块进行了纯血鸿蒙的实现，里面有个效果就是 数据指标上升 一个绿色箭头朝上，数据指标下降一个红色箭头向下具体的效果可以查看上图， 其中VUE中已经自带类似的组件了。仔细研究了下这其实只需要实现一个自定义颜色向上或者向下的三角形即可。于是开始翻阅鸿蒙的SDK发现有一个叫Polygon 多边形的类可以来实现这个效果.