
简介
该用户还未填写简介
擅长的技术栈
可提供的服务
暂无可提供的服务
阴影是 UI 设计中塑造视觉层次感的重要工具。在星办 OA 项目中,阴影设计遵循了"少即是多"的原则,在关键位置(如底部导航栏)使用阴影来提升 UI 品质感。通过shadow属性的radiuscoloroffsetXoffsetY四个参数,可以精确控制阴影的视觉效果。在星办 OA 中,使用的上浮阴影,使底部导航栏在页面内容之上形成清晰的视觉层次。阴影设计的最佳实践包括:建立明确的阴影层级体系阴影与
BorderRadius 圆角设计是星办 OA 项目 UI 系统的重要组成部分。视觉层次清晰:大圆角(18px)用于主卡片,中圆角(16px)用于标准卡片,小圆角(13px)用于内嵌元素交互暗示明确:可点击元素使用圆角,不可点击元素使用直角或小圆角品牌调性统一:圆角值与品牌色系配合,营造专业、现代、友好的形象设计一致性:相同类型的组件使用相同的圆角值,保持视觉一致性圆角虽小,却在企业级应用的视觉设
LinearGradient 渐变背景是星办 OA 项目视觉设计中的重要元素。通过135°对角线方向、三色渐变()的设计,首页头部呈现出专业的品牌调性和丰富的视觉层次。在渐变设计中,角度控制、颜色停止点设置、与品牌色的协调、以及文字对比度,都是需要仔细考量的因素。星办 OA 的渐变实践展示了如何在企业级应用中平衡视觉美观和功能实用性,为 HarmonyOS 应用的设计提供了有价值的参考。
合理的 @Trace 粒度:只追踪数组级别的变化,通过不可变更新模式触发响应式更新引用相等性优化:无变化时返回原数组引用,避免不必要的渲染批量更新:利用 ArkUI 的自动合并机制,同一事件循环中的多次更新合并为一次渲染复合 Key 策略:包含唯一标识符和状态字段的复合 Key,确保 diff 算法高效准确List 组件虚拟列表:只渲染可见区域内的列表项@Builder 内联渲染:减少组件创建开销
不可变更新是指:当状态需要更新时,不修改原始状态对象,而是创建一个包含更改的新对象或数组。// 不可变更新:创建新数组并赋值// 而不是直接修改原数组// this.approvals.push(newItem) // 不推荐不可变状态更新模式是星办 OA 项目状态管理的核心模式。可靠的响应式更新:每次数组替换都触发 UI 更新可预测的状态变化:状态变更都是显式的赋值操作避免副作用:深克隆确保修改
单向数据流:数据从顶层组件向下流动,事件从底层组件向上传播层次化通信:父子组件使用,跨层级使用,全局共享使用!!双向绑定语法糖:简化了父子组件间的数据绑定和事件注册@Builder局部数据流:在组件内部形成独立的 UI 数据流通过合理运用这些数据流机制,星办 OA 实现了组件间高效、清晰的数据通信,为构建可维护的企业级应用奠定了基础。
分层设计:全局状态(AppStorageV2)→ 页面状态(@Local)→ 组件状态(@Param),形成了清晰的状态层次单向数据流:数据从上层向下层传递,事件从下层向上层传播,保证了数据流的可预测性集中式 Store:通过实现集中式状态管理,所有数据变更通过 Store 的公共方法进行响应式同步@Trace确保状态变更自动同步到所有 UI 组件状态隔离:页面级别的临时状态使用@Local管理,
Type装饰器是 HarmonyOS ArkUI 框架中用于类型标注的装饰器,它通常与和@Trace配合使用。运行时对象创建:当属性被初始化或重置时,框架知道应该创建什么类型的实例深层响应式绑定:框架能够递归地为复杂类型中的属性建立响应式追踪类型安全校验:在开发阶段和运行时提供类型一致性保障@Type装饰器是 HarmonyOS ArkUI 状态管理体系中一个重要的组成部分,它弥补了 TypeSc
Trace装饰器是@ObservedV2响应式系统的核心,实现了对对象属性的细粒度追踪。当被追踪的属性值发生变化时,只更新依赖该属性的组件部分,而非整个组件树,从而实现了精确的变更传播和高效的组件更新。在"星办OA"项目中,@Trace被广泛应用于ApprovalStore审批状态仓库中,追踪approvals、messages、profile三个核心属性。通过"重新赋值触发变更"的模式,确保审批
Provider/@Consumer装饰器是HarmonyOS NEXT中实现跨组件通信的重要机制。通过"发布-订阅"模式,祖先组件可以发布数据,任意后代组件都可以订阅该数据,无需通过props逐层传递。在"星办OA"项目中,@Provider/@Consumer被用于实现导航栈的跨页面共享。







