刷新
HarmonyOS NEXT应用开发之下拉刷新与上滑加载案例

博主头像 介绍 本示例介绍使用第三方库的PullToRefresh组件实现列表的下拉刷新数据和上滑加载后续数据。 效果图预览 使用说明 进入页面,下拉列表触发刷新数据事件,等待数据刷新完成。 上滑列表到底部,触发加载更多数据事件,等待数据加载完成。 实现思路 使用第三方库pullToRefresh组件,将列表 ...

HarmonyOS NEXT应用开发之深色跑马灯案例

博主头像 介绍 本示例介绍了文本宽度过宽时,如何实现文本首尾相接循环滚动并显示在可视区,以及每循环滚动一次之后会停滞一段时间后再滚动。 效果图预览 使用说明: 1.进入页面,检票口文本处,实现文本首尾相接循环滚动,且在同一可视区,滚动完成之后,停滞一段时间后继续滚动。 实现思路 由于ArkUI中的Marque ...

HarmonyOS NEXT应用开发之深色模式适配

博主头像 介绍 本示例介绍在开发应用以适应深色模式时,对于深色和浅色模式的适配方案,采取了多种策略如下: 固定属性适配:对于部分组件的颜色属性,如背景色或字体颜色,若保持不变,可直接设定固定色值或引用固定的资源文件。 双资源目录适配:在resources目录下新增dark子目录,用于存放深色模式下的特定颜色配 ...

HarmonyOS NEXT应用开发之异常处理案例

博主头像 介绍 本示例介绍了通过应用事件打点hiAppEvent获取上一次应用异常信息的方法,主要分为应用崩溃、应用卡死以及系统查杀三种。 效果图预览 使用说明: 点击构建应用崩溃事件,3s之后应用退出,然后打开应用进入应用异常页面,隔1min左右后,显示上次异常退出信息。 点击构建应用卡死事件,需手动退出, ...

鸿蒙开发TypeScript语言:【Number】

博主头像 TypeScript 与 JavaScript 类似,支持 Number 对象。 Number 对象是原始数值的包装对象。 语法 var num = new Number(value); 注意: 如果一个参数值不能转换为一个数字将返回 NaN (非数字值)。 Number 对象属性 下表列出了 Nu ...

鸿蒙HarmonyOS实战-ArkUI动画(布局更新动画)

博主头像 前言 动画是一种通过连续展示一系列静止的图像(称为帧)来创造出运动效果的艺术形式。它可以以手绘、计算机生成或其他各种形式呈现。在动画中,每一帧都具有微小的变化,当这些帧被快速播放时,人眼会产生视觉上的错觉,认为物体在运动。动画可以用来表达故事、观念、想法、情感或其他形式的艺术创作。它在电影、电视 ...

HarmonyOS NEXT应用开发之使用AKI轻松实现跨语言调用

博主头像 介绍 针对JS与C/C++跨语言访问场景,NAPI使用比较繁琐。而AKI提供了极简语法糖使用方式,一行代码完成JS与C/C++的无障碍跨语言互调,使用方便。本示例将介绍使用AKI编写C++跨线程调用JS函数场景。通过调用C++全局函数,创建子线程来调用JS函数,实现对变量value的加10操作,为开 ...

鸿蒙HarmonyOS实战-ArkUI组件(Canvas)

博主头像 一、Canvas Canvas组件是一种图形渲染组件,它提供了一个画布(canvas),开发者可以在上面绘制各种图形、文本等。Canvas组件通常用于创建游戏、数据可视化等需要动态绘制图形的应用程序。 Canvas组件提供了多个API,开发者可以使用这些API进行绘制操作。常用的API包括绘制矩 ...

鸿蒙开发TypeScript语言:【函数】

博主头像 函数是一组一起执行一个任务的语句。 您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的,但在逻辑上,划分通常是根据每个函数执行一个特定的任务来进行的。 函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。 函数定义 函数就是包裹在花括号中的代码块,前面使 ...

HarmonyOS NEXT应用开发之Axios获取解析网络数据

博主头像 介绍 本示例介绍使用第三方库的Axios获取GBK格式的网络数据时,通过util实现GBK转换UTF-8格式。该场景多用于需要转换编码格式的应用。 效果图预览 使用说明 直接进入页面就可获取GBK格式的用户名信息并进行解码操作。 实现思路 使用第三方库Axios获取网络数据,并将获取数据类型设置为A ...

HarmonyOS NEXT应用开发之图片缩放效果实现

博主头像 介绍 图片预览在应用开发中是一种常见场景,在诸如QQ、微信、微博等应用中均被广泛使用。本模块基于Image组件实现了简单的图片预览功能。 使用说明: 双指捏合缩放图片大小 双击图片进行图片的大小切换 图片在放大模式下,滑动图片查看图片的对应位置 效果图预览 实现思路 image组件的objectFi ...

鸿蒙开发TypeScript语言:【循环】

博主头像 有的时候,我们可能需要多次执行同一块代码。一般情况下,语句是按顺序执行的:函数中的第一个语句先执行,接着是第二个语句,依此类推。 编程语言提供了更为复杂执行路径的多种控制结构。 循环语句允许我们多次执行一个语句或语句组,下面是大多数编程语言中循环语句的流程图: for 循环 TypeScript ...

鸿蒙HarmonyOS实战-ArkUI组件(Shape)

博主头像 一、Shape Shape组件是用于创建2D形状和粒子效果的组件。它可以创建包括圆形、正方形、三角形和多边形等基本形状,同时还可以自定义形状。Shape组件创建各种不同的效果,例如火花、烟雾、雨滴等。在使用Shape组件时,可以通过编辑顶点、路径和大小等属性来控制形状的外观和行为。 1.创建 ...

HarmonyOS NEXT应用开发之MpChart图表实现案例

博主头像 介绍 MpChart是一个包含各种类型图表的图表库,主要用于业务数据汇总,例如销售数据走势图,股价走势图等场景中使用,方便开发者快速实现图表UI。本示例主要介绍如何使用三方库MpChart实现柱状图UI效果。如堆叠数据类型显示,Y轴是否显示,左Y轴位置,右Y轴位置,是否显示X轴,是否绘制背景色,是否 ...

鸿蒙开发TypeScript语言:【条件语句】

博主头像 条件语句用于基于不同的条件来执行不同的动作。 TypeScript 条件语句是通过一条或多条语句的执行结果(True 或 False)来决定执行的代码块。 可以通过下图来简单了解条件语句的执行过程: 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该 ...

鸿蒙HarmonyOS实战-ArkUI组件(Image)

博主头像 一、Image 在HarmonyOS中,Image组件是用于显示图像文件的UI组件。它可以显示本地图像文件或远程URL地址的图像文件。Image组件的实现方式比较简单,只需提供图像文件路径或URL地址即可。 Image通过调用接口来创建,接口调用形式如下: Image(src: string | ...

HarmonyOS NEXT应用开发案例——列表编辑实现

博主头像 介绍 本示例介绍用过使用ListItem组件属性swipeAction实现列表左滑编辑效果的功能。 该场景多用于待办事项管理、文件管理、备忘录的记录管理等。 效果图预览 使用说明: 点击添加按钮,选择需要添加的待办事项。 长按待办事项,点击删除后,被勾选待办事项被删除。 左滑单个待办事项,点击删除按 ...

鸿蒙开发TypeScript语言:【运算符】

博主头像 运算符用于执行程序代码运算,会针对一个以上操作数项目来进行运算。 考虑以下计算: 7 + 5 = 12 以上实例中 7、5 和 12 是操作数。 运算符 + 用于加值。 运算符 = 用于赋值。 TypeScript 主要包含以下几种运算: 算术运算符 逻辑运算符 关系运算符 按位运算符 赋值运算符 ...