鸿蒙HarmonyOS
文章平均质量分 74
一只小风华~
学生一枚,请多多指教
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
HarmonyOS:@State 装饰器——组件内状态
详细介绍了ArkTS中的@State装饰器特性。该装饰器用于声明组件内部具有响应式特性的状态变量,当其值变化时自动触发UI更新。原创 2025-11-13 18:52:07 · 988 阅读 · 0 评论 -
HarmonyOS:ArkTS 页导航
本文介绍了HarmonyOS中ArkTS开发的页面导航功能。主要内容包括:1)通过router模块实现页面跳转(pushUrl)和返回(back);2)使用Navigation组件作为基础布局;3)页面栈的后进先出(LIFO)工作机制;4)参数传递方式(params)及获取方法(getParams)。通过MainPage到DetailPage的示例展示具体实现,并列举了常见操作对照表和注意事项。文章强调避免频繁跳转相同页面、推荐使用相对路径等开发规范,帮助开发者掌握基于页面栈的导航实现技巧。原创 2025-11-12 22:11:15 · 274 阅读 · 0 评论 -
HarmonyOS:Navigation 和 NavDestination 组件详解
HarmonyOS导航系统采用声明式UI+集中式路由架构,核心组件包括Navigation容器、NavPathStack控制器和NavDestination页面容器。系统提供Auto/Stack/Split三种导航模式,支持动态切换和设备自适应。通过pathStack.pushPath()实现路由跳转,router_map.json配置路由映射。关键点:需在NavDestination的onReady中绑定导航栈,参数通过pushPath传递,Split模式需左侧为NavDestination组件。原创 2025-11-11 14:30:29 · 426 阅读 · 0 评论 -
HarmonyOS:Tabs组件
Tabs组件提供了灵活的多视图管理方案,支持顶部、底部和侧边导航布局。核心功能包括:1)通过tabBar和TabContent实现导航与内容联动;2)提供固定/滚动两种导航模式;3)支持自定义页签样式和交互控制;4)具备缓存管理和切换拦截机制。原创 2025-11-10 20:38:00 · 373 阅读 · 0 评论 -
HarmonyOS:ArkUI栅格布局系统(GridRow/GridCol)
本文介绍响应式栅格布局系统,包含GridRow和GridCol两个核心组件。GridRow定义容器属性,包括断点配置、列数和间距;GridCol控制子项布局,支持跨列、偏移和排序。系统提供6种默认断点(xs-xxl),支持自定义断点阈值,可根据窗口尺寸自动调整布局。典型应用场景包括电商网格、数据仪表盘等,建议采用移动优先策略,使用可整除数列,并避免过度嵌套。调试时可添加边框或监听断点变化,但不适用于需要精确动画控制的场景。原创 2025-11-10 20:29:30 · 387 阅读 · 0 评论 -
HarmonyOS:相对布局(RelativeContainer)
RelativeContainer是一种高效布局组件,通过"锚点+对齐规则"实现灵活定位,适用于复杂界面设计。核心特性包括:1)基于ID的锚点对齐规则,支持水平和垂直方向定位;2)三种链式布局模式(SPREAD/SPREAD_INSIDE/PACKED)实现自动间距分配;3)辅助线(Guideline)和屏障(Barrier)实现统一对齐和动态边界控制。原创 2025-11-10 20:23:04 · 1104 阅读 · 0 评论 -
HarmonyOS:弹性布局(Flex)
本文介绍了弹性布局(Flex)的核心概念与应用。主要内容包括:弹性布局的基本概念(主轴与交叉轴)、布局方向设置(direction)、换行方式(wrap)、主轴(justifyContent)和交叉轴(alignItems)对齐方式、多行对齐(alignContent)、以及自适应拉伸属性(flexBasis/flexGrow/flexShrink)。原创 2025-11-10 20:15:29 · 1062 阅读 · 0 评论 -
HarmonyOS:层叠布局(Stack)
StackLayout是一种容器组件,支持子元素层叠显示,后添加元素默认覆盖前者。文档详细介绍了Stack的三大核心特性:1)alignContent参数支持九宫格对齐方式;2)zIndex层级控制可调整显示顺序;3)默认按插入顺序堆叠。通过应用图标+底部导航栏的实例演示了实际应用,并给出性能优化建议:避免过度嵌套,优先使用样式属性替代容器。适用于卡片叠加、悬浮按钮等需要多层元素堆叠的场景。原创 2025-11-10 20:05:21 · 603 阅读 · 0 评论 -
HarmonyOS:线性布局(Row/Column)
线性布局(Row/Column)是UI开发的核心布局方式,通过主轴(排列方向)和交叉轴(垂直方向)实现元素有序排列。原创 2025-11-10 19:57:06 · 1102 阅读 · 0 评论 -
鸿蒙开发:Grid 布局(网格布局)
CSS Grid 是二维布局神器,通过行列自由控制,轻松构建复杂页面结构。原创 2025-05-05 19:10:24 · 711 阅读 · 0 评论 -
鸿蒙应用开发:Slider(滑动选择器)
本文详细介绍了HarmonyOS元服务开发中的Slider组件使用方法。该组件提供滑块交互功能,适用于音量控制、亮度调节等场景。文章涵盖三大核心内容:1) 组件属性配置,包括最小值/最大值设置、步长控制、颜色定制等12个参数;2) 事件处理说明,包含拖动结束(bindchange)和拖动过程(bindchanging)两个关键事件;3) 完整代码示例,展示了多种场景下的Slider实现方式,包括基本用法、样式定制和动态参数配置。通过JS逻辑层代码,还演示了如何响应滑块操作并实时更新界面状态原创 2025-06-27 14:54:59 · 455 阅读 · 0 评论 -
鸿蒙应用开发:Web组件
@ohos.web.webview组件提供了网页显示和Web控制能力,从API 8开始支持。组件支持Phone、PC、Tablet等设备,访问在线网页需网络权限。主要功能包括:加载在线/本地网页(通过$rawfile或resource协议)、隐私模式、同步渲染模式及共享渲染进程。使用时需注意:不支持转场动画,同一页面的多个Web组件需绑定不同WebviewController。示例代码展示了各种使用场景,包括基本网页加载、隐私模式设置、同步渲染和进程共享。本地资源加载时,resource协议可正确处理原创 2025-06-24 16:10:51 · 853 阅读 · 0 评论 -
鸿蒙开发:Swiper轮播图
Swiper是鸿蒙(HarmonyOS)系统中提供的一个滑动容器组件,它允许用户通过手指滑动来切换子组件(通常是页面或图片),实现轮播图、引导页、图片浏览器等常见UI效果。原创 2025-04-22 20:19:49 · 1530 阅读 · 0 评论 -
鸿蒙应用开发:如何修改APP名称与APP的图标
鸿蒙应用开发:如何修改APP名称与APP的图标原创 2025-04-22 19:00:59 · 926 阅读 · 0 评论 -
鸿蒙应用开发入门:项目初始介绍
鸿蒙应用开发入门:项目初始介绍原创 2025-04-22 18:47:38 · 240 阅读 · 0 评论
分享