2025-03-22 16:54:33
鸿蒙5开发:Ark-TS UI 动效设计指南:让你的应用界面 “活” 起来
在鸿蒙 5 应用开发中,Ark-TS UI 不仅能让你快速构建漂亮的界面,还提供了丰富的动效功能,让界面交互更加流畅和有趣。今天咱们聊聊 Ark-TS UI 的动效设计,看看如何用几行代码实现按钮点击动画、页面过渡效果等,让你的应用 “眼前一亮”。 一、Ark-TS UI 动效的核心玩法:简单又强大 Ark-TS UI 的动效设计基于 Animator 类和..
HarmonyOS NEXT
210
0
2025-03-22 16:36:34
手把手教你用 Ark-TS UI 做一个会 “动” 的计数器:从代码到原理全解析
今天咱们用鸿蒙 5 的 Ark-TS UI 做一个简单又有趣的计数器应用。点击按钮数字就会增加,而且界面还能自动更新。通过这个案例,你能轻松理解 Ark-TS UI 的核心玩法。 一、最终效果长什么样? 打开应用,你会看到一个大按钮,上面写着 “点击加 1”。每次点击按钮,按钮上方的数字就会变大。比如第一次点击变成 “1”,第二次变成 “2”,依此类推。整个..
HarmonyOS NEXT
250
0
2025-03-22 15:48:35
harmony OS NEXT-音频录制与播放模块
HarmonyOS 音频录制与播放模块 1.模块功能概览 麦克风权限动态检测与申请 音频录制功能(支持参数配置) 音频波形实时可视化(暂时未完善,先凑合看,后续会完善) 录音文件播放功能 2.权限检测流程 1.代码实现 async checkPermission() { const manager = abilityAccessCtrl.createAtMa..
HarmonyOS NEXT
165
0
2025-03-22 15:48:00
harmony OS NEXT-Navigation的进阶知识与拦截器配置
Navigation的进阶知识与拦截器配置 写的不是很详细,后续有时间会补充,建议参考官方文档食用 1.如何配置路由信息 1.1 创建工程结构 src/main/ets ├── pages │ └── navigation │ ├── views │ │ ├── Mine.ets // 个人中心页 │ │ ├── Login.ets // 登录页 │ │ └..
HarmonyOS NEXT
194
0
2025-03-22 15:47:12
harmony OS NEXT-评论功能小demo
评论页面小demo 效果展示 [图片] 1.拆解组件,分层搭建 我们将整个评论页面拆解为三个组件,分别是头部导航,评论项,回复三个部分,然后统一在index界面导入 [图片] 2.头部导航界面搭建 [图片] @Preview @Component struct HmNavBar { // 属性:是可以被传递值进行替换的 build() { Stack({ a..
HarmonyOS NEXT
189
0
2025-03-22 15:46:30
harmony OS NEXT-Navagation基本用法
Navagation基本用法 Navigation组件是路由导航的根视图容器,一般作为Page页面的根容器使用,其内部默认包含了标题栏,内容栏和公工具栏,其中内容区默认首页显示导航内容(Navigation的子组件)或非首页显示(NavDestination的子组件),首页和非首页通过路由进行切换 使用Navigation跳转的组件不需要再使用Entry来修..
HarmonyOS NEXT
186
0
2025-03-22 15:45:53
harmony OS NEXT-启动页开发
鸿蒙启动页开发 1.1 更改应用名称和图标 1.更改应用图标 找到moudle.json5文件,找到应用启动的EntryAbility下面的icon,将原来的图标改成自己设置的即可 [图片] 2.更改应用名称 [图片] [图片] 3.效果展示 [图片] 2.1 广告页面开发 [图片] 3.1 详细介绍 3.1.1 启动页面 import { PrivacyD..
HarmonyOS NEXT
235
0
2025-03-22 15:45:10
harmony OS NEXT-通过用户首选项实现数据持久化
鸿蒙通过用户首选项实现数据持久化 1.1 场景介绍 用户首选项为应用提供Key-Value键值型的数据处理能力,支持应用持久化轻量级数据,并对其修改和查询。当用户希望有一个全局唯一存储的地方,可以采用用户首选项来进行存储。Preferences会将该数据缓存在内存中,当用户读取的时候,能够快速从内存中获取数据,当需要持久化时可以使用flush接口将内存中的数..
HarmonyOS NEXT
184
0
2025-03-22 15:44:11
harmony OS NEXT-UIAbility内状态-LocalStorage详细介绍
鸿蒙Harmony-UIAbility内状态-LocalStorage详细介绍 1.1 Localstorage的概念 LocalStorage是页面级的UI状态存储,通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例,LocalStorage也可以在UIAbility内,页面间共享状态 1.2 LocalStorage单个页..
HarmonyOS NEXT
176
0
2025-03-22 15:43:39
harmony OS NEXT-应用状态-AppStorage详细介绍
鸿蒙Harmony-应用状态-AppStorage详细介绍 1.1 概述 AppStorage是在应用启动的时候会被创建的单例。它的目的是为了提供应用状态数据的中心存储,这些状态数据在应用级别都是可访问的。AppStorage将在应用运行过程保留其属性。属性通过唯一的键字符串值访问。 AppStorage可以和UI组件同步,且可以在应用业务逻辑中被访问。 A..
HarmonyOS NEXT
207
0
2025-03-22 15:43:05
harmony OS NEXT-Refresh 容器组件
鸿蒙Harmony-Refresh 容器组件笔记 1. 组件概述 作用:用于实现下拉刷新功能,通常包裹可滚动组件(如 Scroll/List/Grid),提供数据刷新的交互体验。 核心功能:监听下拉动作、触发刷新状态、自定义刷新 UI。 2. 导入方式 import { Refresh } from '@ohos.arkui.advanced' 3. ..
HarmonyOS NEXT
176
0
2025-03-22 15:42:28
harmony OS NEXT-Progress组件概述
鸿蒙Harmony-Progress组件概述 1.1Progress组件概述 作用:显示操作或任务的进度,支持线性,环形,刻度等多种样式 适用场景:文件上传/下载、任务完成度、系统状态反馈等 2.1基础属性(参考官方文档) [https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V..
HarmonyOS NEXT
225
0
2025-03-22 15:42:01
harmony OS NEXT-双向数据绑定MVVM以及$$语法糖介绍
鸿蒙Harmony-双向数据绑定MVVM以及$$语法糖介绍 1.1 双向数据绑定概念 在鸿蒙(HarmonyOS)应用开发中,双向数据改变(或双向数据绑定)是一种让数据·模型和UI组件之间保持同步的机制,当数据发生变化时,UI自动更新;反之,当用于通过UI代码操作修改数据时,数据模型也会同步更新,这种机制简化了开发,减少了手动DOM或UI组件的代码量,举个简..
HarmonyOS NEXT
188
0
2025-03-22 15:41:31
harmony OS NEXT–状态管理器–@State详解
鸿蒙Harmony--状态管理器--@State详解 1.1 定义 @State装饰的变量,或者称为**状态变量**,一旦变量拥有了状态属性,就可以触发其直接绑定UI组件的刷新。当状态改变时,UI会发生对应的渲染变化 ,@State装饰的变量,与声明式范式中的其他被装饰变量一样,是私有的,只能从组件内部访问。在声明时候必须本地初始化 1.1.1 案例演示 代..
HarmonyOS NEXT
201
0
2025-03-22 15:41:00
harmony OS NEXT-设备开发中的核心概念
并发编程中的核心概念 1. 队列(Queue) 队列是一种先进先出(FIFO)的数据结构,用于在线程之间传递数据,确保线程安全。 特点: 线程安全:队列内部实现了线程同步,多个线程可以安全地访问。 FIFO:数据按照进入队列的顺序被处理。 应用场景: 生产者-消费者模型。 任务调度系统。 示例代码(Python): import queue # 创建队列 q..
HarmonyOS NEXT
175
0
2025-03-22 15:40:35
harmony OS NEXT-常用组件及其导航
1.任务一:构建Button组件,展示UI效果 @Entry @Component struct ButtonExample { //按钮组件(Button) 常用于相应用户的点击操作,其类型包括胶囊按钮、圆形按钮、普通按钮 //ButtonExample文件中,使用以下代码,添加按钮组件 build() { /* Button按钮组件 * 显示‘OK'文本..
HarmonyOS NEXT
177
0
2025-03-22 15:38:33
harmony OS NEXT-Image组件如何引用网络图片
1.引用网络图片资源 引入网络图片需要申请权限ohos.permission.INTERNET,此时,Image组件的src参数为网络图片的链接,为了成功加载网络图片,您需要在module.json5文件中申请网络访问权限 注意:实际可用的时候,首先需要保证网络地址可以访问,可以在浏览器中地址栏直接输如图像链接地址。同时,使用内网环境可能导致图片访问失败,可..
HarmonyOS NEXT
207
0
2025-03-22 15:37:51
harmony OS NEXT-UI开发与部分布局
UI开发 1. 布局概述 1.1 开发流程 1.先确定开发流程 -> 2.分析页面元素构成 ->3.选用合适的布局容器组件 [图片] 1.3 布局元素组成:盒模型 [图片] [图片] 2.1 布局分类 2.1 线性布局 线性布局是开发中最常用·、最基础的布局,通过线性容器Row和Column构建 [图片] 2.1.1 线性布局子元素排列方向:主轴..
HarmonyOS NEXT
161
0
2025-03-22 15:37:03
harmony OS NEXT-ArkTS组件结构和状态管理
1. 认识基本的组件结构 [图片] [图片] ArkTS通过装饰器@Component 和@Entry 装饰 struct 关键字声明的数据结构,构成一个自定义组件 自定义组件中提供了一个build函数,开发者需要在函数内以链式调用的方式进行基本的UI描述,UI描述的方法请参考UI描述规范 srtuct-自定义组件基于struct实现 要想实现一段UI描述..
HarmonyOS NEXT
202
0
2025-03-22 15:36:27
harmony OS NEXT-ArkTs面向对象编程
ArkTs面向对象编程 1.1 面向对象编程概述 1.1.1 什么是面向对象编程 面向对象编程是一种编程范式,它使用“对象”来设计软件和创建可重用的程序设计 对象是包含数据和方法的实体,可以与其他对象进行交互 面相对象编程鼓励使用已有的对象来组合或修改以适应新的需求,而不是重新编写代码 打一比方来说,比如我们洗衣服这件事,面向过程就是你需要一步一步的去操作,..
HarmonyOS NEXT
164
0
2025-03-22 15:35:35
harmony OS NEXT-基本组件结构
组件结构 1. 认识基本的组件结构 [图片] ArkTS通过装饰器@Component 和@Entry 装饰 struct 关键字声明的数据结构,构成一个自定义组件 自定义组件中提供了一个build函数,开发者需要在函数内以链式调用的方式进行基本的UI描述,UI描述的方法请参考UI描述规范 srtuct-自定义组件基于struct实现 要想实现一段UI描述..
HarmonyOS NEXT
194
0
2025-03-22 15:34:47
harmony OS NEXT-基本介绍及DevcoStudiop基本使用
#鸿蒙基本介绍及DevcoStudiop基本使用 1.认识DevcoStudiop工作区 1.1认识工作区 [图片] 开发节奏: 通过左侧目录找到对应的应用文件,在编辑区进行代码编写,在右侧看预览效果 快捷键:连按两下shift快速寻找全局内容,如文件 [图片] 1.2如何排错 写代码时,我们经常会遇到这种情况,右侧出现不能开启预览器的提示,我们需要打开预览..
HarmonyOS NEXT
185
0
2025-03-22 14:45:16
鸿蒙 5 开发工具 Ark-TS UI 到底有多好用?一篇文章讲明白
鸿蒙 5 系统越来越火,很多开发者都在学怎么用它开发应用。所以今天咱们聊聊鸿蒙 5 里特别重要的一个工具 ——Ark-TS UI。这玩意儿到底是干啥的?简单说,它就是用来做应用界面的,而且比传统方法更简单、更高效。下面咱们用大白话讲讲它的厉害之处。 一、不用纠结怎么盖房子,只需要画图纸 以前写代码做界面,就像盖房子要一块砖一块砖垒 —— 得告诉程序 “先建墙..
HarmonyOS NEXT
190
0
热门文章
仓颉编程语言已正式开源
126 浏览
0 评论
AI编程神器!Trae+Claude4.0 简单配置 让HarmonyOS开发效率飙升
125 浏览
0 评论
学着学着 我就给这个 HarmonyOS 应用增加了些新技术
132 浏览
0 评论
聚焦 AIoT 领域:openvela 开源项目正式入驻 GitCode
143 浏览
0 评论
基于Flutter 3.27.4鸿蒙版0.1.0版本(Beta)发布
161 浏览
0 评论
【HarmonyOS组件/模板集成创新活动-如何高效开发鸿蒙应用 (鸿社圈子)】
135 浏览
0 评论
【HarmonyOS】ArkUI-X 跨平台框架入门详解(一)
146 浏览
0 评论