HarmonyOS 鸿蒙Next sceneMap.chooseLocation左上角关闭按钮的回调怎么写

发布于 1周前 作者 gougou168 来自 鸿蒙OS

HarmonyOS 鸿蒙Next sceneMap.chooseLocation左上角关闭按钮的回调怎么写

sceneMap.chooseLocation左上角关闭按钮的回调怎么写 

2 回复

使用sceneMap.chooseLocation打开地图选择位置时,如果需要处理左上角的关闭按钮回调,可以通过监听sceneMap.chooseLocation的cancel事件来实现。 以下是一个简单的示例代码:

// 引入地图选择组件

import sceneMap from '@system.sceneMap';

// 打开地图选择位置

sceneMap.chooseLocation({

    // 地图选择成功的回调

    success: function(res) {

        console.log('选择成功:', res);

    },

    // 地图选择取消的回调

    cancel: function() {

        console.log('用户取消选择');

        // 在这里编写取消操作的逻辑

    }

});

在上述代码中,cancel 函数将在用户点击左上角关闭按钮时被调用,你可以在这个函数中添加你需要执行的逻辑。

目前不可以监听左上角按钮的回调,不过可以关注用户左滑关闭页面事件,onbackpress当用户点击返回按钮时触发,仅@Entry装饰的自定义组件生效。返回true表示页面自己处理返回逻辑,不进行页面路由;返回false表示使用默认的路由返回逻辑,不设置返回值按照false处理。

页面和自定义组件生命周期-自定义组件-UI范式基本语法-学习ArkTS语言-基础入门 - 华为HarmonyOS开发者

可以参考demo如下:

@Builder

export function pageTwoTmp(info: Pages) {

  NavDestination() {

    Column() {

      Button('pushPathByName', { stateEffect: true, type: ButtonType.Capsule })

        .width('80%')

        .height(40)

        .margin(20)

        .onClick(() => {

          (info.values as NavPathStack).pushPathByName('pageOne', null)

        })

    }.width('100%').height('100%')

  }.title('pageTwo')

  .onBackPressed(() => {

    (info.values as NavPathStack).pop()

    return true

  })

}

参考链接:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-navigation-0000001861966509-V5#ZH-CN_TOPIC_0000001861966509__示例2

可以参考下以下代码试下:

import { sceneMap } from'@ohos/sceneMap';

let locationCallback = {

  onCancel: () => {

    console.info('sceneMap.chooseLocation onCancel');

  }

};

sceneMap.chooseLocation(locationCallback);

更多关于HarmonyOS 鸿蒙Next sceneMap.chooseLocation左上角关闭按钮的回调怎么写的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中,针对sceneMap.chooseLocation组件的左上角关闭按钮回调,可以通过设置组件的onCancel事件监听器来实现。具体实现方式如下:

首先,确保你的页面布局文件中已经正确引入了sceneMap.chooseLocation组件,并为其分配了一个ID,例如chooseLocationId

然后,在你的页面逻辑代码中,通过ID获取到这个组件的实例,并为其设置onCancel事件的回调。回调方法会在用户点击关闭按钮时被触发。

示例代码如下:

// 假设你的页面逻辑代码是用JS编写的
import chooseLocation from '@ohos.multimedia.chooseLocation';

// 获取chooseLocation组件实例
let chooseLocationElement = this.$element('chooseLocationId');

// 设置onCancel事件回调
chooseLocationElement.onCancel(() => {
    console.log('用户点击了关闭按钮');
    // 在这里添加你的处理逻辑
});

注意,上述代码中的chooseLocationElement是通过页面中的ID获取到的组件实例,onCancel方法用于设置关闭按钮的回调。

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

回到顶部