harmony 鸿蒙ArkUI(方舟UI框架)
ArkUI(方舟UI框架)
- ArkUI简介
- UI开发 (ArkTS声明式开发范式)
- UI开发(ArkTS声明式开发范式)概述
- 学习UI范式基本语法
- 基本语法概述
- 声明式UI描述
- 自定义组件
- 组件扩展
- \@Styles装饰器:定义组件重用样式
- \@Extend装饰器:定义扩展组件样式
- stateStyles:多态样式
- @AnimatableExtend装饰器:定义可动画属性
- @Require装饰器:校验构造传参
- @Reusable装饰器:组件复用
- 学习UI范式状态管理
- 状态管理概述
- 状态管理(V1)
- 管理组件拥有的状态
- \@State装饰器:组件内状态
- \@Prop装饰器:父子单向同步
- \@Link装饰器:父子双向同步
- \@Provide装饰器和\@Consume装饰器:与后代组件双向同步
- \@Observed装饰器和\@ObjectLink装饰器:嵌套类对象属性变化
- 管理应用拥有的状态
- 管理应用拥有的状态概述
- LocalStorage:页面级UI状态存储
- AppStorage:应用全局的UI状态存储
- PersistentStorage:持久化存储UI状态
- Environment:设备环境查询
- 其他状态管理
- 其他状态管理概述
- \@Watch装饰器:状态变量更改通知
- $$语法:系统组件双向同步
- \@Track装饰器:class对象属性级更新
- 自定义组件冻结功能
- MVVM模式
- 状态管理优秀实践
- 状态管理合理使用开发指导
- 状态管理(V2)
- V2所属装饰器
- \@ObservedV2装饰器和\@Trace装饰器:类属性变化观测
- \@ComponentV2装饰器:自定义组件
- \@Local装饰器:组件内部状态
- \@Param装饰器:组件外部输入
- \@Once装饰器:初始化同步一次
- \@Event装饰器:组件输出
- \@Provider和\@Consumer装饰器:跨组件层级双向同步
- \@Monitor装饰器:状态变量修改监听
- \@Computed装饰器:计算属性
- \@Type装饰器: 标记类属性的类型
- \@ReusableV2装饰器:组件复用
- 其他状态管理
- AppStorageV2: 应用全局UI状态存储
- PersistenceV2: 持久化存储UI状态
- !!语法:双向绑定
- 自定义组件冻结功能
- Repeat:可复用的循环渲染
- getTarget接口:获取状态管理框架代理前的原始对象
- makeObserved接口:将非观察数据变为可观察数据
- MVVM模式(状态管理V2)
- V1V2混用和迁移指导
- 学习UI范式渲染控制
- 开发布局
- 布局概述
- 构建布局
- 添加组件
- 按钮 (Button)
- 弧形按钮 (ArcButton)(圆形屏幕推荐使用)
- 单选框 (Radio)
- 切换按钮 (Toggle)
- 进度条 (Progress)
- 显示图片 (Image)
- 视频播放 (Video)
- 自定义渲染 (XComponent)
- 设置组件导航和页面路由
- 组件导航和页面路由概述
- 组件导航 (Navigation)(推荐)
- 实现组件导航转场
- 页面路由 (@ohos.router)(不推荐)
- Router切换Navigation
- 使用文本
- 文本概述
- 文本显示 (Text/Span)
- 文本输入 (TextInput/TextArea)
- 富文本 (RichEditor)
- 图标小符号 (SymbolGlyph/SymbolSpan)
- 属性字符串 (StyledString/MutableStyledString)
- 使用弹窗
- 弹窗概述
- 使用弹出框 (Dialog)
- 弹出框概述
- 不依赖UI组件的全局自定义弹出框 (openCustomDialog) (推荐)
- 基础自定义弹出框 (CustomDialog) (不推荐)
- 固定样式弹出框
- 页面级弹出框
- 弹出框层级管理
- 弹出框控制器
- 弹出框焦点策略
- 菜单
- 菜单概述
- 菜单控制 (Menu)
- 不依赖UI组件的全局菜单 (openMenu)
- 气泡提示
- 气泡提示概述
- 气泡提示 (Popup)
- 不依赖UI组件的全局气泡提示 (openPopup)
- 绑定模态页面
- 绑定模态页面概述
- 绑定半模态页面 (bindSheet)
- 绑定全模态页面 (bindContentCover)
- 即时反馈 (Toast)
- 设置浮层 (OverlayManager)
- 显示图形
- 绘制几何图形 (Shape)
- 使用画布绘制自定义图形 (Canvas)
- 使用动画
- 动画概述
- 属性动画
- 转场动画
- 粒子动画
- 组件动画
- 动画曲线
- 动画衔接
- 动画效果
- 帧动画(ohos.animator)
- 支持交互事件
- 交互事件概述
- 使用通用事件
- 使用手势事件
- 使用自定义能力
- 自定义能力概述
- 自定义节点
- 自定义扩展
- 使用镜像能力
- 无障碍与适老化
- 支持无障碍
- 支持适老化
- 主题设置
- 应用深浅色适配
- 设置应用内主题换肤
- 使用UI上下文接口操作界面(UIContext)
- 使用组件截图(ComponentSnapshot)
- 嵌入式组件
- 全屏启动原子化服务 (FullScreenLaunchComponent)
- 同应用进程嵌入式组件 (EmbeddedComponent)
- 跨进程应用能力扩展(UIExtension,仅对系统应用开放)
- 跨线程嵌入式组件 (IsolatedComponent,仅对系统应用开放)
- 使用NDK接口构建UI
- NDK接口概述
- 接入ArkTS页面
- 添加交互事件
- 使用动画
- 构建布局
- 使用文本
- 构建弹窗
- 构建自定义组件
- 嵌入ArkTS组件
- 通过XComponent接入无障碍
- 自定义绘制
- 通过EmbeddedComponent拉起EmbeddedUIExtensionAbility
- 在NDK中保证多实例场景功能正常
- UI开发 (兼容JS的类Web开发范式)
- 窗口管理
- 屏幕管理
你可能感兴趣的鸿蒙文章
2
赞
热门推荐
-
2、 - 优质文章
-
3、 gate.io
-
8、 golang
-
9、 openharmony
-
10、 Vue中input框自动聚焦