ts-methods-menu.md 1.1 KB
Newer Older
L
liujinwei 已提交
1 2 3 4 5 6 7 8 9 10 11 12
# 菜单

> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 从 API Version 8 开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

## ContextMenu.close

close(): void

可以通过该方法在页面范围内关闭通过[bindContextMenu](./ts-universal-attributes-menu.md#属性)给组件绑定的菜单。

- 示例
H
geshi  
HelloCrease 已提交
13 14 15
  ```ts
// xxx.ets
@Entry
L
liujinwei 已提交
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
  @Component
  struct Index {
    @Builder MenuBuilder(){
      Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
        Text('close')
          .fontSize(30)
          .fontWeight(FontWeight.Bold)
          .onClick(() => {
            ContextMenu.close();
          })
      }.height(400)
      .backgroundColor(Color.Pink)
  
    }
    build() {
      Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.Start }) {
        Column(){
          Text("Text")
        }.bindContextMenu(this.MenuBuilder, ResponseType.LongPress)
      }
      .width('100%')
      .height('100%')
    }
  }
  ```