鸿蒙4.0开发----自定义组件

一、将自定义组件放在当前页面（仅当前页面可用，其他页面无法使用）

1. 将写好的组件用@Componet声明，放在当前页面的上面（最好），注意组件中的标题根据需要进行修改；

@Component
struct Header {
  private title: ResourceStr

  build() {
    Row() {
      Image($r("app.media.780"))
        .width(30)
        .margin({ right: 10 })
      Text(this.title)
        .fontSize(30)
        .margin({ right: 140 })
      Image($r("app.media.shuaxin"))
        .width(30)
    }
    .width("100%")
    .justifyContent(FlexAlign.Start)
    .padding({ left: 20, top: 10 })

  }
}

引入组件

效果图展示

二、定义外部组件（适合全局调用）

• 首先新建一个文件夹component存放组件
• 新建一个.ets文件存放公共组件，在组件中设置导出 export
• 在目标页面导入组件 import
• 引入组件

三、全局自定义函数（放在组件外面）

• @Builder funtion 函数名称（首字母建议大写） （参数）{    }
• 引用函数

四、局部自定义函数（放在组件里边）

• 
• 调用函数

• 

五、定义全局公共样式

1、添加@Styles注解

2、引入全局样式

六、自定义继承样式

1、继承样式只能定义中在全局

2、引用样式