- 综合排序
- 最热优先
- 最新优先
- 来自专栏C++核心准则原文翻译
自学鸿蒙应用开发（5）- button组件
本文介绍在鸿蒙应用中button组件的基本用法。 增加按钮组件 如下代码中红色部分所示，在布局中增加button组件。 <?xml version="1.0" encoding="utf-8"? /> </DirectionalLayout> <Component ohos:height="0vp" ohos:weight="<em>5</em>" 增加操作事件响应代码 如下面代码中红色部分所示，为button组件增加响应代码。 onClick(Component v) { new ToastDialog(getContext()) .setText("你好，鸿蒙 按钮之后，为button组件增加了一段在画面底部显示“你好，鸿蒙!"信息的响应代码。需要注意的是id的格式：ResourceTable.Id_hello_button。 ?
1K31发布于 2020-12-31 - 来自专栏HarmonyOS点石成金
鸿蒙开发：hvigor插件实现组件化运行
前言本项目API>=13关于鸿蒙项目的组件化运行，已经分享了两种方式了，分别是IDE插件方式和node脚本方式，今天给大家带来第三种方式，Hvigor插件方式；和前两种方式不同的是，它的使用更加简单，不需要我们手动的去切换就能实现组件运行 hvigor插件依赖目前插件已经发布npm平台，版本号为1.1.8，大家可以按照如下方式进行依赖插件，在hvigor目录下的hvigor-config.json5中，找到dependencies，在里面追加 相关总结目前第一次运行的时候，会在根项目下生成一个harmonyComponent.json5文件，这个文件的主要目的，用于控制插件是否执行，默认为true，每次运行都会执行插件，false不执行插件内容 本文标签：鸿蒙开发工具/DevEco Studio
29000编辑于 2025-06-28 - 来自专栏HarmonyOS点石成金
鸿蒙开发：基于node脚本实现组件化运行
前言本项目API>=13上篇文章，我们通过DevEco Studio插件实现了单一模块运行，相对来说，还是非常的便捷，毕竟是可视化操作，不过，插件有一个潜在的问题需要告知，那就是单一模块如果没有默认的页面 今天的内容同样也是和组件化运行相关的，只不过换了一种方式，那就是通过node脚本来实现。 把内容复制进去即可，如下图所示：脚本可分为四块，node start 为前两块，为固定模式，start为你的脚步文件名字，如果你保存的不是start名字，那么就改为你的名字即可；第三块是自己想要切换的组件名字 ，也就是你想让那个模块运行，第四块是默认的页面路径，这个可以不传，默认是pages/Index，执行案例如下：node start 模块名字鸿蒙开发是需要node环境的，一般不需要我们在额外配置，在下载 本文标签：鸿蒙开发工具/DevEco Studio
30610编辑于 2025-06-28 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( Text 组件 )
文章目录 一、Text 组件 二、Module 准备 三、代码示例 四、GitHub 地址 一、Text 组件 ---- Text 组件是在 UI 界面中显示文本的组件 ; 1. setTextSize ( ) 方法设置文字大小 ; 设置文字颜色 : 调用 Text 对象的 setTextColor ( ) 方法设置文字颜色 ; 二、Module 准备 ---- 继续使用上一篇博客 【鸿蒙 HarmonyOS】界面跳转 ( Page Ability 的 action 标识 | Page Ability 之间的界面跳转及传递数据 | 鸿蒙工程下创建 Module | 代码示例 ) 的项目进行演示 ; 在欢迎界面选择左侧 Version Control 中的 Git 选项 , 登录 GitHub 账号 , 将项目拉取到本地 ; 从 GitHub 上 Clone 代码 : 参考之前的 【鸿蒙 HarmonyOS】界面跳转 ( Page Ability 的 action 标识 | Page Ability 之间的界面跳转及传递数据 | 鸿蒙工程下创建 Module | 代码示例 ) 博客 ,
1.4K00编辑于 2023-03-28 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( Button 组件 )
文章目录 一、布局文件中设置 Button 组件属性 二、代码中修改 Button 组件属性 三、Button 点击事件 四、完整代码示例 五、执行结果 六、GitHub 地址 一、布局文件中设置 Button 组件属性 ---- Button 组件是在 UI 界面中的按钮组件 , 重要的用户交互接口 ; 布局文件中设置 Button : Button 组件在布局文件中的示例 : <? : ohos:layout_alignment=“horizontal_center” , 上述配置标识组件水平居中 ; 背景设置属性 : ohos:background_element="#000000 " , 可以设置一个颜色值 ; 文本设置 : ohos:text=“你点啥” , 设置组件显示的文本为 “你点啥” ; 文本文字大小设置 : ohos:text_size=“150” 文本颜色设置 : ohos:text_color="#00FF00" , 绿色 ; 二、代码中修改 Button 组件属性 ---- 代码中设置 Button 属性 : 获取组件 : 调用 findComponentById
1.5K00编辑于 2023-03-28 鸿蒙 web组件开发
(MixedMode.All)// 允许 http/https 混合 .onPageEnd(() => { console.info('=== 页面加载完成');});}}}module.json5 8')适合做富文本邮件、协议弹窗 进度条/标题栏联动.onProgressChange(e => this.curProgress = e.newProgress)0-100，可绑 Progress 组件 五、本地 H5 “ES-Module” 跨域踩坑 & 根治现象index.html 里写<script type="module">import {a} from '. // 缓存 5 个历史cacheOpt.timeToLive = 5 * 60;// 5 分钟this.ctrl.setBackForwardCache(cacheOpt);内核级启动加速this.ctrl.setNativeOption 至此，鸿蒙 WebView（ArkWeb）开发所需 加载、通信、下载、跨域、性能 主线能力已全部覆盖，可直接搬入生产项目。祝开发顺利!
35510编辑于 2025-11-27- 来自专栏HarmonyOS点石成金
鸿蒙开发：基于DevEco Studio插件实现组件化运行
，那么基于此，我们可以通过自动化脚本，hvigor插件以及DevEco Studio插件来辅助我们快速的切换。 前两种形式，之前的文章分享过，关于重构后的使用方式，我们放到之后的文章中概述，本篇文章，我们重点概述一下利用DevEco Studio插件，来快速的实现组件化运行。 点击后就会弹出如下的窗口，非常的简洁：选择您需要执行组件化的模块，点击确定即可，它会自动把当前的模块修改为可运行状态，并且把之前的运行模块更改为共享模块。 当你切换模块之后，运行之前，请务必选择切换的模块，因为原有的模块已经改为共享包了，是无法运行的，也就是，组件化切换和运行模块需要保持一一对应。错误类型错误一： 00401021/00401022。 本文标签：鸿蒙开发工具/DevEco Studio
28710编辑于 2025-06-27 - 来自专栏HarmonyOS点石成金
鸿蒙开发：基于最新API，如何实现组件化运行
前言本项目API>=13在《鸿蒙开发：资讯项目实战之项目初始化搭建》一文中，遗留了一个问题，那就是，如何实现各个模块独立运行，其实关于组件化各模块独立运行，之前也写过三篇文章，分别探讨了运行包和共享包区别 ，nodeJs脚本实现组件化和hvigor插件形式进行组件化，奈何时间过去已久，之前的方式已不在通用，因为新的API更新迭代太快了，不知不觉API19已经到来，今年以来，已经更新了6个版本了，官方的速度如火箭一般 还是按照以往的顺序，我们从基本的运行包和共享包差异性分析，然后在着手利用脚本或插件帮我们快速实现组件化运行包切换，本篇文章，重点概述手动实现普通模块（共享包）运行。运行包和共享包什么是运行包？ 然后就是复制需要的资源信息：同样的，主模块也是按照共享包里的配置进行更改，两个都互相改完之后，单独的模块就可以独立运行了，比如资讯项目中的home模块，改为之后，点击运行后，效果如下：相关总结组件化运行目的是为了减少编译时间 手动只是让大家了解切换的原理，在实际开发中，可不推荐手动，下篇文章，我们将通过脚本或者插件，快速实现组件化模块之间的切换，实现独立运行，敬请期待！本文标签：鸿蒙新闻资讯类应用
21600编辑于 2025-06-27 鸿蒙5开发宝藏案例分享---Swiper组件性能优化实战
(targetIndex < data.length - 2) { loadImageAsync(targetIndex + 2); // 提前加载后面第2页 } })```**子组件优化 downloadImage().then(pixelMap => { this.data.pixelMap = pixelMap; }) } }}```**效果**：- 未预加载：组件构建耗时 组件复用：`@Reusable` 减少创建开销**原理**：复用滑出屏幕的组件实例，减少频繁创建/销毁。```@Reusable // 关键装饰器！ **组件要复用**：`@Reusable` + `aboutToReuse()`更新数据* * *### 最后的话这次挖到的鸿蒙性能优化案例确实让人眼前一亮！
25310编辑于 2025-06-18【鸿蒙开发】组件介绍
在鸿蒙开发中，TextInput组件可以在以下几种场景下获取焦点： 页面初始化时自动获取焦点：可以在页面加载完成后，通过调用TextInput组件的requestFocus()方法来自动获取焦点。 总的来说，TextInput组件可以在页面初始化、用户交互和编程方式等多种场景下获取焦点。 在鸿蒙开发中，TextInput组件可以在以下几种场景下获取焦点： 页面初始化时自动获取焦点：可以在页面加载完成后，通过调用TextInput组件的requestFocus()方法来自动获取焦点。 TextInput组件可以在页面初始化、用户交互和编程方式等多种场景下获取焦点。 在鸿蒙开发中，支付成功后没有收到回调可能是由于以下几个原因导致的： 没有正确配置支付回调接口：在鸿蒙开发中，支付成功后需要配置支付回调接口来接收支付结果通知。
19010编辑于 2025-08-29- 来自专栏HarmonyOS知识集合
【HarmonyOS 5】鸿蒙页面和组件生命周期函数
【HarmonyOS 5】鸿蒙页面和组件生命周期函数 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 （金融理财# 在 HarmonyOS Next 5.1 及以上版本中，生命周期体系呈现多层次结构 （@State）更新时 构建UI结构（如行情卡片、交易按钮），不可执行耗时操作 onDidBuild() build执行完毕后 初始化组件私有数据（如计算卡片尺寸适配布局 ） onReady() 组件挂载到渲染树（可获取DOM信息） 启动组件内动画（如金额数字滚动效果） onWillDestroy() 组件即将从渲染树移除前（ 适配横竖屏布局（如行情图表旋转后重绘） onTrimMemory(level) 系统内存不足时（level表示紧急程度） 释放非必要资源（如清除非核心行情缓存） 5. this.price.toFixed(2)}元/g`) .fontSize(16) .padding(10) } .backgroundColor('#f5f5f5
75810编辑于 2025-07-22 - 来自专栏TopFE
鸿蒙教程(一）： 鸿蒙组件开发环境配置
https://gitee.com/openharmony/docs/tree/master/zh-cn 本篇文章就带领大家配置开发OpenHarmony的开发环境 下载并安装开发软件 首先，要开发鸿蒙软件 ，组件，应用，必须要使用官方提供的编辑器。 我在最开始搭建开发环境的时候走了很多弯路， 一开始我以为开发一个组件还需要鸿蒙的开发板，需要进行实名认证，需要配置签名，需要开启远程虚拟设备。浪费了很多时间。看官方文档也看的云里雾绕的。 下一篇文章我给大家分享一下，鸿蒙组件的路由，状态管理。
1.2K20编辑于 2022-01-24 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 列表 ListContainer 组件 )
文章目录 一、布局中设置列表 ListContainer 组件 二、ListContainer 组件用法 三、完整代码示例 四、GitHub 地址 一、布局中设置列表 ListContainer 组件 height="match_content" ohos:width="match_parent"/> </DirectionalLayout> 二、ListContainer 组件用法 ---- ListContainer 组件涉及到如下两个问题 : ① 提供的数据源 ; ② 将数据源中的数据展示到列表中 ; 数据源是 RecycleItemProvider 类型对象 , 一般需要自定义子类继承 , 如果该参数不为空 , 直接使用该组件 , 如果该参数为空 , 就创建新的组件 ; ③ ComponentContainer componentContainer 参数 : 列表容器 ; @Override 代表每个列表项数据 */ class DataItem{ /** * 列表项字符串 */ public String text; /** * 构造函数初始化列表项
1.6K00编辑于 2023-03-28 鸿蒙应用开发从入门到入行 - 篇5:组件化开发思想开发鸿蒙案例（详解父子组件传值）
鸿蒙应用开发从入门到入行第五天 - 组件化开发思想开发鸿蒙案例（详解父子组件传值）导读：在本篇文章里，您将掌握组件化开发、组件传值等相关知识。并能彻底弄懂鸿蒙父子组件数据的同步机制。 ，不用初始化 @Link name: string build() { ....... }}虽然仅仅只是把@Prop改成了@Link，且把初始化值的部分删了，但此时已经完成了双向同步，我们来点击一下 Row测试一下效果，会发现如下图所示，子和父都变成了学鸿蒙总结@Prop与@Link相同点：都是用在子组件，用来接收父传递过来的数据，都可以实现父改变数据后同步给子不同点：初始化值不同：@Prop需要初始化值 所以鸿蒙也给了解决方案：使用@Observed加@ObjectLink来解决。但是，猫林老师这里不打算讲它。因为这个解决方案其实用起来也很麻烦繁琐，非常不人性化。 你们在此刻开始进入鸿蒙的人，都算得上是鸿蒙的元老级程序员。（毕竟现在连纯血鸿蒙的正式版都还没发布，仅仅是测试版呢），所以对你们，更是抓住风口的弄潮儿，必将成为吃到红利的一波人！
98410编辑于 2024-12-23鸿蒙5莓创仪表盘图表组件属性用法解析
大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解McGaugeChart仪表盘组件的基础属性详细用法。 grid: { left: '15%', right: '10%', top: 50, bottom: 30 }, series: [{ data: [{ name: '鸿蒙 类型：String默认：空字符串场景：结合图例组件展示多组数据时。3. radius作用：仪表盘半径，支持百分比或数值。 类型：Number默认：startAngle: -Math.PI*5/4, endAngle: Math.PI/4场景：自定义弧形范围，如半圆形或全环形。 在实际开发中，可灵活组合属性实现复杂的监控界面或数据可视化大屏。下期我们将深入讲解动态数据更新与交互事件，敬请期待！
20310编辑于 2025-06-25鸿蒙5莓创图表组件折线类型的属性讲解-yAxis
大家好，欢迎回来鸿蒙5莓创图表组件的专场，我们这一期来讲解折线图组件中xAxis属性的详细用法。xAxis是控制X轴显示和样式的重要配置对象，掌握它的各项属性对于定制化图表至关重要。 5表示5px实线5px空白的虚线xAxis: { axisLine: { show: true, lineStyle: { color: '#666', width: 设置轴标签的样式 类型：Object 默认值：见子属性 场景：自定义标签的显示和样式axisLabel子属性show 作用：是否显示标签 类型：Boolean 默认值：trueformatter 作用：标签格式化函数或字符串 Entry @Component struct Index { @State maxData: number[] = [11, 11, 15, 13, 12, 130, 10] // 初始化数据 好，这期讲到这里就结束了，希望大家通过这篇文章能够全面掌握莓创图表折线图组件中xAxis属性的各种用法，在实际开发中能够灵活运用这些属性来创建符合需求的图表效果。如果有任何问题，欢迎在评论区留言讨论。
27110编辑于 2025-06-25- 来自专栏HarmonyOS知识集合
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器
【HarmonyOS 5】鸿蒙组件&模板服务详解 - 助力高效开发的利器一、前言在移动应用开发领域，效率与质量始终是开发者追求的核心目标。 一、鸿蒙组件&模板服务：开发者的宝藏库鸿蒙组件&模板服务是鸿蒙生态为开发者精心打造的资源平台，旨在降低开发门槛、提升开发效率。鸿蒙组件涵盖了界面展示、交互操作、数据处理等多个领域。 三、安装插件：开启鸿蒙组件&模板之旅1. 5. 搜索和浏览模板在模板市场界面，同样可以通过左上角搜索框输入关键词查找模板，或者点击模板品类，筛选不同品类下的模板资源。 基于模板创建的工程，已经具备了完整的项目结构和基础功能，开发者可以在此基础上快速开发个性化应用。
43110编辑于 2025-06-15 - 来自专栏用户4773577的专栏
鸿蒙Next组件导航 (Navigation)
组件导航（Navigation）主要用于实现页面间以及组件内部的页面跳转，支持在不同组件间传递跳转参数，提供灵活的跳转栈操作，从而更便捷地实现对不同页面的访问和复用。 ohos.router)(不推荐)项目配置步骤：1.在entry项目目录resourses/base/profile下新建一个json文件：route_map.json2.在entry项目目录中module.json5添加路由表配置
27010编辑于 2025-06-28 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 多选按钮 | Checkbox 组件 )
文章目录 一、布局文件中配置 Checkbox 组件 二、代码中配置 Checkbox 组件选中事件 三、完整代码示例 四、GitHub 地址 一、布局文件中配置 Checkbox 组件 ---- Checkbox 组件就是多选按钮 ; Checkbox 多选按钮之间不存在互斥关系 , 可以 同时选择 ; 如 : 给出 3 个 Checkbox 按钮 , 可以同时选中其中的 0 个 , 1 个 , match_content" ohos:text="多选按钮 0" ohos:text_size="100"/> </DirectionalLayout> 二、代码中配置 Checkbox 组件选中事件 super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_main); // 获取文本组件 } } 运行结果 : 四、GitHub 地址 ---- GitHub 主应用 : https://github.com/han1202012/HarmonyHelloWorld CheckBox 组件示例
2.5K00编辑于 2023-03-28 - 来自专栏韩曙亮的移动开发专栏
【鸿蒙 HarmonyOS】UI 组件 ( 拖动条 Slider 组件 )
文章目录 一、布局中设置拖动条 Slider 组件 二、代码中控制拖动条 Slider 组件 一、布局中设置拖动条 Slider 组件 ---- 注意该 Slider 组件与 进度条 Progressbar 组件的区别 , Progressbar 不能拖动 , 只有显示功能 ; 布局中设置的 Slider 拖动条 : <? background_element="#000000" , 黑色 ; 设置进度条颜色 : ohos:progress_color="#00FF00" , 绿色 ; 纯布局效果展示 : 二、代码中控制拖动条 Slider 组件 ---- 代码中控制拖动条 Slider 组件 : 界面中有 Slider , Button , Text 三个组件, 点击按钮 , 将 Slider 中的进度值显示到 Text 组件中 ; package
1.5K00编辑于 2023-03-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号