【鸿蒙原生开发】自定义实现refresh组件的下拉样式

一：前言

根据研究机构Counterpoint Research发布的最新数据，2024年第一季度，鸿蒙OS份额由去年一季度的8%上涨至17%，iOS份额则从20%下降至16%。这意味着，华为鸿蒙OS在中国市场的份额超越苹果iOS，已成中国第二大操作系统。

随着鸿蒙市场份额的不断提升，相应的岗位也会迎来一个爆发式的增长。这对于想要换赛道的程序员来说是一个非常好的消息，话说大家最近有想法转型鸿蒙开发吗？

有群友在提问的时候问到了下拉刷新的样式怎么更改，刚好我又做过了这个功能，然后写一篇文章来总结一下

二：核心原理

在HarmonyOS开发中，实现自定义下拉刷新样式的关键在于使用Refresh组件。该组件支持传入一个自定义的builder，用于定义下拉刷新时的显示内容。通过利用状态变量和构建器方法，可以动态地控制和更新刷新状态的显示内容。

三：思路

●定义状态变量：

○refreshIng: 控制下拉刷新状态。
○refreshStatus: 控制刷新状态文本。
○loading 和 finished: 控制底部加载状态。

●创建刷新状态文本生成方法：

○getStatusText(): 根据不同的刷新状态返回相应的文本，如“继续下拉”、“松手加载”、“加载中”等。

●创建自定义刷新显示内容的构建器方法：

○getRefreshDisPlay(): 使用Row布局，包含进度条和状态文本，根据当前的刷新状态动态更新显示内容。

●实现主构建方法：

○使用Refresh组件，传入refreshing状态和builder方法。
○使用List组件渲染数据项和底部加载内容。
○处理onReachEnd事件，实现上拉加载功能。
○处理onStateChange事件，实现下拉刷新功能，更新刷新状态和显示内容。

四：核心api

●Refresh组件：

○用于实现下拉刷新功能，支持传入refreshing状态和自定义的builder方法。
○refreshing: 控制刷新状态。
○builder: 自定义刷新时的显示内容。

●LoadingProgress组件：

○显示加载进度条。
○color, width, height: 设置进度条的颜色和尺寸。

●Text组件：

○显示文本内容。
○fontColor, fontSize: 设置文本的颜色和字体大小。