HarmonyOS next组件的相关内容

文章 2025-05-27 来自：开发者社区

HarmonyOS NEXT ArkUI生命周期终极指南 | 组件与页面的关系

HarmonyOS NEXT ArkUI生命周期终极指南 | 组件与页面的关系 🔥 附超全场景案例+隐藏技巧+避坑秘籍，看完秒变生命周期管理大师！ 🚀 组件 vs 页面：傻傻分不清楚？自定义组件页面装饰器@Component@Entry + @Componen...

文章 2025-03-31 来自：开发者社区

HarmonyOS NEXT - @Component自定义组件

在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行 UI 界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的能力。自定义组...

文章 2025-03-30 来自：开发者社区

HarmonyOS NEXT - ArkUI: Button组件

Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。 Button组件可以包含子组件。 Button(label?: ResourceStr, options?: { type?: ButtonType, stateEffect?: boolean })...

文章 2025-03-30 来自：开发者社区

HarmonyOS NEXT - ArkUI: Image组件

Image组件用来渲染展示图片，它可以让界面变得更加丰富多彩。例如：按钮中的icon、网络图片、本地图片等。在应用中显示图片需要使用Image组件实现，Image支持多种图片格式，包括png、jpg、bmp、svg、gif和heif。 Image组件数据源本地资源：存放在ets文件夹下，引用根目录ets文件夹...

文章 2025-03-30 来自：开发者社区

HarmonyOS NEXT - ArkUI: TextInput组件

TextInput组件用于输入单行文本，使用非常广泛，例如应用登录账号密码、发送消息等。 TextInput(value?:{placeholder?: ResourceStr, text?: ResourceStr, controller?: TextInputController}) placeholder：设置提示text：设置文本...

文章 2025-03-30 来自：开发者社区

HarmonyOS NEXT - ArkUI: Text组件

Text组件用于在界面上展示一段文本信息，可以包含子组件Span。文本样式包含文本元素的组件，例如Text、Span、Button、TextInput等，都可以使用文本样式。文本样式的属性如下表： .fontColor(value: ResourceColor) 设置文本颜色。 Color枚举十六进制值。参考：htt...

文章 2025-03-16 来自：开发者社区

HarmonyOS NEXT 实战系列04-组件状态

自定义组件拥有变量，变量必须被装饰器装饰才可以成为状态变量，状态变量的改变会引起UI的渲染刷新。如果不使用状态变量，UI只能在初始化时渲染，后续将不会再刷新。下图展示了State和View（UI）之间的关系。 View(UI)：UI渲染，指将build方法内的UI描述和@Bu...

文章 2025-03-12 来自：开发者社区

HarmonyOS NEXT鸿蒙实现自定义组件插槽

引言在HarmonyOS NEXT中，如何实现类似Vue-Slot或React-RenderProps的功能？即允许将UI结构的函数（被@Builder修饰的函数）作为参数传递给组件，并在组件内的指定位置渲染，可以使用@BuilderParam装饰器。 @BuilderParam装饰器 @BuilderParam装饰器用于标记指向@Builder方法的变量。在初始化自定...

文章 2025-03-04 来自：开发者社区

一文轻松拿下HarmonyOS NEXT的自定义组件

程序员Feri一名12年+的程序员,做过开发带过团队创过业,擅长Java、嵌入式、鸿蒙、人工智能等,专注于程序员成长那点儿事,希望在成长的路上有你相伴！君志所向,一往无前！1.自定义组件基础在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。相比于之前学习的轻量级 UI ...

文章 2025-02-26 来自：开发者社区

【04】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-正确安装鸿蒙SDK-结构目录介绍-路由介绍-帧动画（ohos.animator）书写介绍-能够正常使用依赖库等-ArkUI基础组件介绍-全过程实战项目分享-从零开发到上线-优雅草卓伊凡

【04】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-正确安装鸿蒙SDK-结构目录介绍-路由介绍-帧动画（ohos.animator）书写介绍-能够正常使用依赖库等-ArkUI基础组件介绍-全过程实战项目分享-从零开发到上线-优雅草卓伊凡章节设定结构目录介绍-路由介绍-帧动画（ohos.animator）书写介绍-能够正常使用依赖库等-ArkUI基础组...