HarmonyOS 页面上创建两个button,只有一个可以收到click事件

@Entry
@Component
struct SplashScreenPage {
  @State pageShowTime: number = CommonConstants.TIME_DEFAULT_VALUE;
  @State intervalID: number = CommonConstants.INTERVAL_ID_DEFAULT;

  build() {
    Column() {
      Stack({ alignContent: Alignment.TopStart }) {
        Image($r('app.media.ic_splash_page_background'))
          .width(CommonConstants.IMAGE_WIDTH)
          .height(CommonConstants.IMAGE_HEIGHT)

        HideButton();
        SkipButton({ secondsCount: (CommonConstants.DELAY_SECONDS - this.pageShowTime) });
      }
      .layoutWeight(CommonConstants.STACK_LAYOUT_WEIGHT)
      .width(CommonConstants.STACK_WIDTH);
    }
    .alignItems(HorizontalAlign.Start)
    .width(CommonConstants.COLUMN_WIDTH)
    .height(CommonConstants.COLUMN_HEIGHT)
  }
}

//其次分别创建两个button

@Component
struct SkipButton {
  @Prop secondsCount: number = 0;

  build() {
    Flex({
      direction: FlexDirection.Row,
      justifyContent: FlexAlign.End
    }) {
      Text($r('app.string.skip', this.secondsCount))
        .onClick(() => {
          console.log("EntryAbility Skip Button is clicked");
        })
    }
  }
}

@Component
struct HideButton {
  build() {
    Flex({
      direction: FlexDirection.Row,
      justifyContent: FlexAlign.Start
    }) {
      Text($r('app.string.hide'))
        .onClick(() => {
          console.log("EntryAbility Hide Button is clicked");
        })
    }
  }
}
HarmonyOS
12h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以加入属性 .hitTestBehavior(HitTestMode.Transparent),参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5

@Component
struct SkipButton {
  @Prop secondsCount: number = 0;

  build() {
    Flex({
      direction: FlexDirection.Row,
      justifyContent: FlexAlign.End
    }) {
      Text($r('app.string.app_name', this.secondsCount))
        .onClick(() => {
          console.log("EntryAbility Skip Button is clicked");
        })
    }
    .hitTestBehavior(HitTestMode.Transparent)
  }
}
分享
微博
QQ
微信
回复
10h前
相关问题
页面导航如何实现两个页面叠层
1929浏览 • 1回复 待解决
HarmonyOS 一个Button布局的问题
384浏览 • 1回复 待解决
页面导航如何实现A B两个页面叠层
670浏览 • 1回复 待解决
两个重叠的组件如何实现事件透传
621浏览 • 1回复 待解决
HarmonyOS 两个同级的组件问题
408浏览 • 1回复 待解决
两个设备控制相关问题
9055浏览 • 3回复 已解决
如何创建一个window?
321浏览 • 1回复 待解决