HarmonyOS鸿蒙学习笔记(3)@Component注解自定义组件简单说明

@Component注解的作用是用来构建自定义组件,具体的说明可以参考资料:@Component组件官方文档。

@Component自定义组件的简单使用

本文通过一个简单的例子来说明@Component的作用。例子代码如下: 在下面代码提供了两个组件AComponent 和BComponent ,每个组件都提供了一个Text文本组件,其中AComponent使用了BComponent组件。

@Entry@Componentstruct AComponent { //自定义组件必须定义build方法。 build() { Row() { Column() { //蓝色文字 Text(“AComponent“).fontSize(30).fontColor(Color.Blue) //红色文字 BComponent() }.width(‘50%‘) } .height(‘100%‘) }}@Componentstruct BComponent { build() { Text(“BComponent“).fontSize(30).fontColor(Color.Red) }}

运行效果如下 HarmonyOS鸿蒙学习笔记(3)@Component注解自定义组件简单说明

组件发布

当我们需要将X文件下的组件交给Y文件下的组件使用的时候,需要使用export修饰,比如我们将 FirstPage.ets文件的AComponent发布出去: HarmonyOS鸿蒙学习笔记(3)@Component注解自定义组件简单说明 那么在SecondPage.ets就可以使用了: HarmonyOS鸿蒙学习笔记(3)@Component注解自定义组件简单说明

极客网企业会员

免责声明:本网站内容主要来自原创、合作伙伴供稿和第三方自媒体作者投稿,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证有关资料的准确性及可靠性,读者在使用前请进一步核实,并对任何自主决定的行为负责。本网站对有关资料所引致的错误、不确或遗漏,概不负任何法律责任。任何单位或个人认为本网站中的网页或链接内容可能涉嫌侵犯其知识产权或存在不实内容时,应及时向本网站提出书面权利通知或不实情况说明,并提供身份证明、权属证明及详细侵权或不实情况证明。本网站在收到上述法律文件后,将会依法尽快联系相关文章源头核实,沟通删除相关内容或断开相关链接。