1# 菜单 2 3在页面范围内关闭通过[bindContextMenu](./ts-universal-attributes-menu.md#属性)属性绑定的菜单。 4 5> **说明：** 6> 7> 从API Version 8开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 8 9 10## ContextMenu.close 11 12|方法|描述| 13|----|---| 14| close(): void | 可以通过该方法在页面范围内关闭通过[bindContextMenu](./ts-universal-attributes-menu.md#属性)给组件绑定的菜单。 | 15 16 17## 示例 18 19```ts 20// xxx.ets 21@Entry 22@Component 23struct Index { 24 @Builder MenuBuilder() { 25 Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { 26 Button('Test ContextMenu1') 27 Divider().strokeWidth(2).margin(5).color(Color.Black) 28 Button('Test ContextMenu2') 29 Divider().strokeWidth(2).margin(5).color(Color.Black) 30 Button('Test ContextMenu3') 31 } 32 .width(200) 33 .height(160) 34 } 35 36 build() { 37 Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { 38 Column() { 39 Text("Test ContextMenu") 40 .fontSize(20) 41 .width('100%') 42 .height(500) 43 .backgroundColor(0xAFEEEE) 44 .textAlign(TextAlign.Center) 45 } 46 .bindContextMenu(this.MenuBuilder, ResponseType.LongPress) 47 .onDragStart(()=>{ 48 // 拖拽时关闭菜单 49 ContextMenu.close() 50 }) 51 } 52 .width('100%') 53 .height('100%') 54 } 55} 56``` 57 58
