HarmonyOS 鸿蒙Next ArkTS语言中如何实现组件内的方法重写

HarmonyOS 鸿蒙Next ArkTS语言中如何实现组件内的方法重写

问题：

在arkTS语言中，我在一个.ets文件中的一个Button组件上的onclick方法中调用了一个方法，当点击按钮时会触发这个方法。现在我在另一个.ets文件中引入了刚刚写的这个自定义组件，但是我想重写这个onclick中调用的方法。这怎么实现？

8 回复

https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/quick-start/arkts-builderparam.md

更多关于HarmonyOS 鸿蒙Next ArkTS语言中如何实现组件内的方法重写的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


这个@BuildParam只是相当于一个插槽的功能，可以在父组件中实现所要的UI，但是并不能重写方法。

@Component struct Demo { // 自定义组件 click: () => void; // 点击时触发的方法定义，如果需要参数可以在()里加上 build() { Row() { Column() { Button(‘点击’, { type: ButtonType.Normal }) .width(‘30%’) .onClick(this.click) } } .height(‘10%’) } }

@Component struct Index { click() { // 自己重写点击事件 console.info(‘index page click’) } build() { Row() { Column() { Demo({ click: this.click }) } } .height(‘100%’) } }

我随便写了下，大概是这么个意思，你可以自己润色一下

可以参考一下这个帖子：

https://developer.huawei.com/consumer/cn/forum/topic/0202998577488560444?fid=0102683795438680754

@Componentexport struct CustomTextPicker {
  @State select: number = 0
  @State ranges: string[] | Resource = undefined
  private changeCallback: (value: string, index: number) => void
  build() {
    TextPicker({
      range: this.ranges,
      selected: this.select 
    })
    .layoutWeight(1)
    .linearGradient({
      angle: 0,
      direction: GradientDirection.Top,
      colors: [
        [0xfdfdfd, 0.0],
        [0xe0e0e0, 0.5],
        [0xfdfdfd, 1]
      ]
    })
    .onChange((value: string, index: number) => {
      this.changeCallback(value, index)
    })
  }
}

有要学HarmonyOS AI的同学吗，联系我：https://www.itying.com/goods-1206.html

引用自定义组件时将重写的方法作为参数

方法能作为参数吗？你能给简单的代码实例吗，

方法能作为参数吗？你能给简单的代码实例吗，

在HarmonyOS鸿蒙系统的ArkTS语言中，组件内的方法重写可以通过定义父类组件和子类组件，并在子类组件中重新实现父类组件中的方法来实现。以下是具体步骤：

  1. 定义父类组件：在父类组件中声明需要被重写的方法。
@Entry
@Component
struct ParentComponent {
    build() {
        // 构建UI
    }

    // 需要被重写的方法
    overrideMethod() {
        console.log("ParentComponent's overrideMethod called");
    }
}
  1. 定义子类组件：在子类组件中通过extends关键字继承父类组件，并重写父类组件中的方法。
@Entry
@Component
struct ChildComponent extends ParentComponent {
    build() {
        super.build(); // 调用父类的build方法，如果需要
        // 构建子类特有的UI
    }

    // 重写父类的方法
    overrideMethod() {
        console.log("ChildComponent's overrideMethod called");
    }
}

在子类组件中，overrideMethod方法已经重写了父类组件中的同名方法。当调用ChildComponent的overrideMethod时，会执行子类中的实现。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html，

回到顶部