logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

HarmonyOS ArkUI训练营入门-组件掌握系列-SideBar 侧边栏容器详解-PC版本

本文详细介绍了HarmonyOS ArkUI中的SideBarContainer侧边栏组件,包括其基础用法、属性设置和事件处理。文章首先讲解了组件的基本结构和默认属性,如侧边栏宽度、拖拽区域宽度等。接着通过代码示例展示了如何动态调整侧边栏宽度、控制显示状态以及设置拖拽区域。最后提供了一个综合案例,演示了如何构建一个完整的侧边栏演示页面,包含预览、参数调节和状态切换等功能。全文内容实用,代码示例丰富

文章图片
#harmonyos#华为#鸿蒙
对 HarmonyOS 列表与懒加载ArkTS技术实现:LazyForEach 长列表优化

id: number;ListItemid:唯一编号。title:标题。desc:描述文字。tag:标签(重要/普通/新增)。本文深入讲解了 HarmonyOS 列表与懒加载技术,通过一个清新绿白风格的长列表演示页面实战演示了 List 组件、列表项构建、动态更新和悬浮按钮等核心能力。List 是列表容器,ListItem 是列表项。ForEach 一次性渲染所有项,适合小数据量。LazyForE

文章图片
#harmonyos#华为
HarmonyOS 弹窗与提示:Dialog/Toast 完整指南

controller?build() {Button('取消').close();})Button('确定').close();})自定义弹窗通过@CustomDialog 装饰:标记结构体为自定义弹窗组件。controller 属性controller?用于控制弹窗的关闭,通过.close()关闭弹窗。数据传递:使用@Prop接收外部传入的标题和内容。回调函数onConfirm是外部传入的回调,

文章图片
#harmonyos#华为#学习 +1
HarmonyOS 路由导航:页面跳转与参数传递

RouteRow接口描述路由表格中的一行数据,包含页面路径和说明。@Entry@Component{ path: 'pages/Index', desc: '首页入口' },{ path: 'pages/HttpPage', desc: '网络请求' },{ path: 'pages/AnimationPage', desc: '动画专题' },{ path: 'pages/MultimediaP

文章图片
#harmonyos#华为
HarmonyOS 并发编程:TaskPool 任务池完全指南

TaskPool(任务池)是 HarmonyOS 提供的一种任务级并发执行框架。维护一个线程池,复用线程资源。开发者提交任务(函数),框架自动调度到空闲线程执行。任务执行完成后,结果返回给调用方。TaskRowname:任务名称。status:任务状态(空闲/运行中/完成/失败)。time:任务耗时。// 计算密集型任务:必须使用 @Concurrent 导出i <= n;return sum;c

文章图片
#harmonyos#华为#学习 +1
HarmonyOS 多媒体开发:音频播放与媒体资源管理

id: number;Trackid:歌曲编号,用于标识和选中。title:歌曲名称。artist:歌手名称。duration:歌曲时长(展示用字符串)。@Entry@Component{ id: 1, title: 'HarmonyOS 序曲', artist: 'ArkTS 交响乐团', duration: '03:24' },{ id: 2, title: '状态管理蓝调', artist:

文章图片
#harmonyos#音视频#媒体 +3
HarmonyOS 动画与转场:从属性动画到关键帧

AnimRow接口描述动画 API 速查表中的一行数据,包含 API 名称和说明。@Entry@Component{ param: 'animation', value: '隐式动画,属性变化自动过渡' },{ param: 'animateTo', value: '显式动画,闭包内状态变化生效' },{ param: 'transition', value: '组件插入/移除转场' },

文章图片
#harmonyos#华为#学习 +1
HarmonyOS 自定义组件:@Builder/@Component 复用艺术

Component装饰的结构体就是一个自定义组件。状态数据(@State、@Prop 等)和build 方法(定义 UI 结构)。@Component// 状态数据// UI 结构build() {Column() {Text(`${this// 状态数据 @ Prop title : string = '';// UI 结构 build() {Column() {// 状态数据 @ Prop t

文章图片
#harmonyos#华为
HarmonyOS 状态管理:@State/@Prop/@Link 深度解析

/ 子组件:演示 @Prop 单向同步@Component@State label: string = '子组件';build() {Text(`${this// 子组件:演示 @Prop 单向同步 @ Component struct ChildCounter {@ State label : string = '子组件';

文章图片
#harmonyos#华为#学习 +1
HarmonyOS 网络请求:HTTP 客户端从入门到实战

StatusRowcode:HTTP 状态码,如 “200”、“404”。meaning:状态码含义说明。color:该状态码对应的展示颜色,用于视觉区分成功、警告、错误等不同类别。@Entry@Component{ code: '200', meaning: 'OK 请求成功', color: '#2ED573' },{ code: '301', meaning: '永久重定向', color:

文章图片
#harmonyos#http#华为 +2
    共 190 条
  • 1
  • 2
  • 3
  • 19
  • 请选择