- 博客(18)
- 收藏
- 关注
RSS订阅原创 鸿蒙应用开发 自定义扩展：AttributeModifier
ArkUI引入AttributeModifier机制增强样式复用能力 摘要： ArkUI针对原有@Styles和@Extend装饰器在跨文件复用、参数传递和业务逻辑支持等方面的不足，提出了AttributeModifier解决方案。该机制通过Modifier对象动态修改组件属性，支持跨文件导出、参数传递和多态样式设置。相比原有方案，AttributeModifier具备更全面的能力：支持通用和组件特有属性/事件设置，允许编写业务逻辑，实现动态属性修改。开发者可通过实现AttributeModifier接口定
2025-05-29 22:13:17
552
原创 鸿蒙应用开发 ArkUI 组件动画效果
ArkUI框架提供了丰富的视觉效果接口，包括模糊、阴影和色彩渐变效果，可显著提升UI界面的品质感。模糊效果通过backdropBlur、blur等接口实现，能区分元素层级并增强纵深感；阴影效果通过shadow接口添加立体感；色彩渐变则支持线性、角度和径向三种渐变模式。开发者可根据需求选择实时或静态模糊接口，并配合动画实现动态效果。这些效果接口支持参数定制，如模糊半径、渐变角度和颜色断点等，为界面设计提供高度灵活性。
2025-05-28 15:58:10
818
原创 鸿蒙应用开发 ArkUI 组件动画
ArkUI为组件提供了通用的属性动画和转场动画能力的同时，还为一些组件提供了默认的动画效果。例如， List 的滑动动效、 Button 的点击动效，是组件自带的默认动画效果。在组件默认动画效果的基础上，开发者还可以通过属性动画和转场动画对容器组件内的子组件动效进行定制。
2025-05-27 20:19:07
274
原创 鸿蒙应用开发 ArkUI 组件:模态转场
📑往期推文全新看点（附带最新·鸿蒙全栈学习笔记）模态转场是新的界面覆盖在旧的界面上，旧的界面不消失的一种转场方式。模态转场接口。
2025-05-27 14:43:14
857
原创 鸿蒙应用开发 ArkTS编译工具链(在build-profile.json5中配置arkOptions)
arkOptions中的types字段用于在模块构建配置文件中全局引入类型声明文件，避免在每个源码文件中单独引入。该字段支持填写包名、包所在相对路径或声明文件所在相对路径，仅支持当前模块内的查找。填写包名时，系统会到oh_modules/@types/目录查找声明文件；填写包所在相对路径时，系统会在基于build-profile.json5的相对路径中查找；填写声明文件所在相对路径时，系统会查找相对路径下的声明文件。若目录下存在同名文件，默认加载顺序为.d.ets > .d.ts。使用types字段时
2025-05-19 13:39:06
363
原创 鸿蒙开发 FA模型的Context
FA模型下只有一个Context。Context中的所有功能都是通过方法来提供的，它提供了一些featureAbility中不存在的方法，相当于featureAbility的一个扩展和补全。
2025-04-26 21:15:57
153
原创 鸿蒙开发 FA模型：DataAbility组件（二）
实现DataAbility中Insert、Query、Update、Delete接口的业务内容。保证能够满足数据库存储业务的基本需求。BatchInsert与ExecuteBatch接口已经在系统中实现遍历逻辑，依赖Insert、Query、Update、Delete接口逻辑，来实现数据的批量处理。启动DataAbility会获取一个工具接口类对象（DataAbilityHelper）。
2025-04-26 16:42:20
150
原创 鸿蒙开发 FA模型: ServiceAbility组件
ServiceAbility，即"基于Service模板的Ability"，主要用于后台运行任务（如执行音乐播放、文件下载等），不提供用户交互界面。ServiceAbility可由其他应用或PageAbility启动，即使用户切换到其他应用，ServiceAbility仍将在后台继续运行。
2025-04-25 22:04:59
834
原创 鸿蒙开发 FA模型开发:PageAbility组件实践（二）
当PageAbility的启动模式设置为多实例模式或为首次启动单例模式的PageAbility时（具体设置方法和典型场景示例见 PageAbility的启动模式 ），在调用方PageAbility中，通过want中的parameters参数传递要启动的指定页面的pages信息，调用startAbility()方法启动PageAbility。被调用方可以在onCreate中使用featureAbility的getWant方法获取want，再通过调用router.pushUrl实现启动指定页面。
2025-04-25 20:30:53
301
原创 鸿蒙开发 FA模型开发:PageAbility组件
PageAbility是包含UI、提供展示UI能力的应用组件，主要用于与用户交互。开发者通过DevEco Studio开发平台创建PageAbility时，DevEco Studio会自动创建相关模板代码。PageAbility相关能力通过单独的featureAbility实现，生命周期相关回调则通过app.js/app.ets中各个回调函数实现。
2025-04-25 16:16:22
687
原创 鸿蒙开发 组件:菜单（Menu）
当默认样式不满足开发需求时，可使用 @Builder 自定义菜单内容，通过bindMenu接口进行菜单的自定义。
2025-04-19 22:23:32
298
原创 鸿蒙开发 气泡提示 (Popup)
开发者可以使用构建器CustomPopupOptions创建自定义气泡，@Builder中可以放自定义的内容。除此之外，还可以通过popupColor等参数控制气泡样式。@Entry@Component// popup构造器定义弹框内容build() {Column() {})builder: this.popupBuilder, // 气泡的内容placement:Placement.Bottom, // 气泡的弹出位置popupColor:Color.Pink, // 气泡的背景色。
2025-04-19 21:19:24
470
原创 鸿蒙开发 自定义渲染 (XComponent)
XComponent组件作为一种渲染组件，可用于EGL/OpenGLES和媒体数据写入，通过使用XComponent独有的“ NativeWindow ”来渲染画面，通常用于满足开发者较为复杂的自定义渲染需求，例如相机预览流的显示和游戏画面的渲染。其可通过指定type字段来实现不同的渲染方式，分别为 XComponentType .SURFACE和XComponentType.TEXTURE。对于SURFACE类型，开发者将定制的绘制内容单独展示到屏幕上。
2025-04-19 19:37:24
699
原创 鸿蒙开发 ArkUI 组件（视频播放 (Video)）
Video组件用于播放视频文件并控制其播放状态，常用于为短视频和应用内部视频的列表页面。当视频完整出现时会自动播放，用户点击视频区域则会暂停播放，同时显示播放进度条，通过拖动播放进度条指定视频播放到具体位置。具体用法请参考 Video。
2025-04-17 21:30:31
1706
原创 鸿蒙开发 添加组件（自定义弹窗 (CustomDialog)）
使用@CustomDialog装饰器装饰自定义弹窗。@CustomDialog装饰器用于装饰自定义弹框，此装饰器内进行自定义内容（也就是弹框内容）。})build() {Column() {Text('我是内容')3. 创建构造器，与装饰器呼应相连。@Entry@Component})4. 点击与onClick事件绑定的组件使弹窗弹出。
2025-04-17 20:21:28
876
原创 鸿蒙开发 添加组件（显示图片 (Image)）
开发者经常需要在应用中显示一些图片，例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg和gif。该接口通过图片数据源获取图片，支持本地图片和网络图片的渲染展示。其中，src是图片的数据源。
2025-04-17 17:08:05
1524
1
原创 鸿蒙开发 文本输入 (TextInput/TextArea)
设置无输入时的提示文本。TextInput({placeholder:'我是提示文本'})设置输入框当前的文本内容。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})添加backgroundColor改变输入框的背景颜色。TextInput({placeholder:'我是提示文本',text:'我是当前文本内容'})
2025-04-17 15:40:02
544
原创 鸿蒙开发 文本显示 (Text/Span)组件
通过textAlign属性设置文本对齐样式。Text('左对齐')Text('中间对齐')Text('右对齐')通过textOverflow属性控制文本超长处理，textOverflow需配合maxLines一起使用（默认情况下文本自动折行）。Text('我是超长文本，超出的部分显示省略号。')Text('当文本溢出其尺寸时，文本将滚动显示。通过lineHeight属性设置文本行高。通过decoration属性设置文本装饰线样式及其颜色。})})})
2025-04-17 14:34:03
1552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人