提交 66a6464a 编写于 作者: H HelloCrease

update docs

Signed-off-by: NHelloCrease <lian15@huawei.com>
上级 2569bd13
...@@ -169,7 +169,7 @@ struct FancyUse { ...@@ -169,7 +169,7 @@ struct FancyUse {
Text(`${this.label}`) Text(`${this.label}`)
.fancyText(200, Color.Pink) .fancyText(200, Color.Pink)
Text(`${this.label}`) Text(`${this.label}`)
.fancyText(200, Color.Orange) .fancyText(300, Color.Orange)
}.margin('20%') }.margin('20%')
} }
} }
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
- [栅格设置](ts-universal-attributes-grid.md) - [栅格设置](ts-universal-attributes-grid.md)
- [颜色渐变](ts-universal-attributes-gradient-color.md) - [颜色渐变](ts-universal-attributes-gradient-color.md)
- [Popup控制](ts-universal-attributes-popup.md) - [Popup控制](ts-universal-attributes-popup.md)
- [Menu控制](ts-universal-attributes-menu.md) - [菜单控制](ts-universal-attributes-menu.md)
- [焦点控制](ts-universal-attributes-focus.md) - [焦点控制](ts-universal-attributes-focus.md)
- [悬浮态效果](ts-universal-attributes-hover-effect.md) - [悬浮态效果](ts-universal-attributes-hover-effect.md)
- [组件标识](ts-universal-attributes-component-id.md) - [组件标识](ts-universal-attributes-component-id.md)
......
# Menu控制 # 菜单控制
为组件绑定弹出式菜单,弹出式菜单以垂直列表形式显示菜单项,可通过长按、点击或鼠标右键触发。 为组件绑定弹出式菜单,弹出式菜单以垂直列表形式显示菜单项,可通过长按、点击或鼠标右键触发。
...@@ -12,37 +12,37 @@ ...@@ -12,37 +12,37 @@
## 属性 ## 属性
| 名称 | 参数类型 | 描述 | | 名称 | 参数类型 | 描述 |
| ---------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | | ---------------------------- | ---------------------------------------- | ---------------------------------------- |
| bindMenu | content: Array<[MenuItem](#menuitem)&gt;&nbsp;\|&nbsp;[CustomBuilder](ts-types.md#custombuilder8),<br>options: [MenuOptions](#menuoptions10) | 给组件绑定菜单,点击后弹出菜单。弹出菜单项支持图标+文本排列和自定义两种功能。<br/>content: 必填,配置菜单项图标和文本的数组,或者自定义组件。<br/>options: 非必填,配置弹出菜单的参数。 | | bindMenu | content: Array<[MenuItem](#menuitem)&gt;&nbsp;\|&nbsp;[CustomBuilder](ts-types.md#custombuilder8),<br>options: [MenuOptions](#menuoptions10) | 给组件绑定菜单,点击后弹出菜单。弹出菜单项支持图标+文本排列和自定义两种功能。<br/>content: 必填,配置菜单项图标和文本的数组,或者自定义组件。<br/>options: 非必填,配置弹出菜单的参数。 |
| bindContextMenu<sup>8+</sup> | content:&nbsp;[CustomBuilder](ts-types.md#custombuilder8),<br>responseType:&nbsp;[ResponseType](ts-appendix-enums.md#responsetype8)<br>options: [ContextMenuOptions](#contextmenuoptions10) | 给组件绑定菜单,触发方式为长按或者右键点击,弹出菜单项需要自定义。<br/>responseType: 必填。菜单弹出条件,长按或者右键点击。<br/>options: 非必填,配置弹出菜单的参数。 | | bindContextMenu<sup>8+</sup> | content:&nbsp;[CustomBuilder](ts-types.md#custombuilder8),<br>responseType:&nbsp;[ResponseType](ts-appendix-enums.md#responsetype8)<br>options: [ContextMenuOptions](#contextmenuoptions10) | 给组件绑定菜单,触发方式为长按或者右键点击,弹出菜单项需要自定义。<br/>responseType: 必填。菜单弹出条件,长按或者右键点击。<br/>options: 非必填,配置弹出菜单的参数。 |
## MenuItem ## MenuItem
| 名称 | 类型 | 必填 | 描述 | | 名称 | 类型 | 必填 | 描述 |
| ------------------ | -------------------------------------- | ---- | ---------------------- | | ------------------ | -------------------------------------- | ---- | ----------- |
| value | string | 是 | 菜单项文本。 | | value | string | 是 | 菜单项文本。 |
| icon<sup>10+</sup> | [ResourceStr](ts-types.md#resourcestr) | 否 | 菜单项图标。 | | icon<sup>10+</sup> | [ResourceStr](ts-types.md#resourcestr) | 否 | 菜单项图标。 |
| action | ()&nbsp;=&gt;&nbsp;void | 是 | 点击菜单项的事件回调。 | | action | ()&nbsp;=&gt;&nbsp;void | 是 | 点击菜单项的事件回调。 |
## MenuOptions<sup>10+</sup> ## MenuOptions<sup>10+</sup>
| 名称 | 类型 | 必填 | 描述 | | 名称 | 类型 | 必填 | 描述 |
| ------ | -------------------------------- | ---- | ------------------------------------------------------ | | ----------- | ---------------------------------------- | ---- | ---------------------------------------- |
| title | string | 否 | 菜单标题。 | | title | string | 否 | 菜单标题。 |
| offset | [Position](ts-types.md#position8) | 否 | 菜单弹出位置的偏移量,不会导致菜单显示超出屏幕范围。 | | offset | [Position](ts-types.md#position8) | 否 | 菜单弹出位置的偏移量,不会导致菜单显示超出屏幕范围。 |
| placement | [Placement](ts-appendix-enums.md#placement8) | 否 | 菜单组件优先显示的位置,当前位置显示不下时,会自动调整位置。<br/>**说明:**<br />placement值设置为undefined、null或没有设置此选项时,按默认值[BottomLeft](ts-appendix-enums.md#placement8)处理,相对父组件区域弹出。 | | placement | [Placement](ts-appendix-enums.md#placement8) | 否 | 菜单组件优先显示的位置,当前位置显示不下时,会自动调整位置。<br/>**说明:**<br />placement值设置为undefined、null或没有设置此选项时,按默认值[BottomLeft](ts-appendix-enums.md#placement8)处理,相对父组件区域弹出。 |
| onAppear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单弹出时的事件回调。 | | onAppear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单弹出时的事件回调。 |
| onDisappear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单消失时的事件回调。 | | onDisappear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单消失时的事件回调。 |
## ContextMenuOptions<sup>10+</sup> ## ContextMenuOptions<sup>10+</sup>
| 名称 | 类型 | 必填 | 描述 | | 名称 | 类型 | 必填 | 描述 |
| ----------- | -------------------------------------------- | ---- | ------------------------------------------------------------ | | ----------- | ---------------------------------------- | ---- | ---------------------------------------- |
| offset | [Position](ts-types.md#position8) | 否 | 菜单弹出位置的偏移量,不会导致菜单显示超出屏幕范围。 | | offset | [Position](ts-types.md#position8) | 否 | 菜单弹出位置的偏移量,不会导致菜单显示超出屏幕范围。 |
| placement | [Placement](ts-appendix-enums.md#placement8) | 否 | 菜单组件优先显示的位置,当前位置显示不下时,会自动调整位置。<br/>**说明:**<br />placement值设置为undefined、null或没有设置此选项时,按未设置placement处理,菜单跟随点击位置弹出。 | | placement | [Placement](ts-appendix-enums.md#placement8) | 否 | 菜单组件优先显示的位置,当前位置显示不下时,会自动调整位置。<br/>**说明:**<br />placement值设置为undefined、null或没有设置此选项时,按未设置placement处理,菜单跟随点击位置弹出。 |
| onAppear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单弹出时的事件回调。 | | onAppear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单弹出时的事件回调。 |
| onDisappear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单消失时的事件回调。 | | onDisappear | ()&nbsp;=&gt;&nbsp;void | 否 | 菜单消失时的事件回调。 |
## 示例 ## 示例
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
前端页面和应用侧之间可以用[createWebMessagePorts()](../reference/apis/js-apis-webview.md#createwebmessageports)接口创建消息端口来实现两端的通信。 前端页面和应用侧之间可以用[createWebMessagePorts()](../reference/apis/js-apis-webview.md#createwebmessageports)接口创建消息端口来实现两端的通信。
在下面的示例中,用侧页面中通过createWebMessagePorts方法创建消息端口,再把其中一个端口通过[postMessage()](../reference/apis/js-apis-webview.md#postmessage)接口发送到前端页面,便可以在前端页面和应用侧之间互相发送消息。 在下面的示例中,用侧页面中通过createWebMessagePorts方法创建消息端口,再把其中一个端口通过[postMessage()](../reference/apis/js-apis-webview.md#postmessage)接口发送到前端页面,便可以在前端页面和应用侧之间互相发送消息。
- 应用侧代码。 - 应用侧代码。
......
...@@ -1215,7 +1215,7 @@ ...@@ -1215,7 +1215,7 @@
- [栅格设置](reference/arkui-ts/ts-universal-attributes-grid.md) - [栅格设置](reference/arkui-ts/ts-universal-attributes-grid.md)
- [颜色渐变](reference/arkui-ts/ts-universal-attributes-gradient-color.md) - [颜色渐变](reference/arkui-ts/ts-universal-attributes-gradient-color.md)
- [Popup控制](reference/arkui-ts/ts-universal-attributes-popup.md) - [Popup控制](reference/arkui-ts/ts-universal-attributes-popup.md)
- [Menu控制](reference/arkui-ts/ts-universal-attributes-menu.md) - [菜单控制](reference/arkui-ts/ts-universal-attributes-menu.md)
- [焦点控制](reference/arkui-ts/ts-universal-attributes-focus.md) - [焦点控制](reference/arkui-ts/ts-universal-attributes-focus.md)
- [悬浮态效果](reference/arkui-ts/ts-universal-attributes-hover-effect.md) - [悬浮态效果](reference/arkui-ts/ts-universal-attributes-hover-effect.md)
- [组件标识](reference/arkui-ts/ts-universal-attributes-component-id.md) - [组件标识](reference/arkui-ts/ts-universal-attributes-component-id.md)
...@@ -1230,8 +1230,8 @@ ...@@ -1230,8 +1230,8 @@
- [全屏模态转场](reference/arkui-ts/ts-universal-attributes-modal-transition.md) - [全屏模态转场](reference/arkui-ts/ts-universal-attributes-modal-transition.md)
- [半模态转场](reference/arkui-ts/ts-universal-attributes-sheet-transition.md) - [半模态转场](reference/arkui-ts/ts-universal-attributes-sheet-transition.md)
- [隐私遮罩](reference/arkui-ts/ts-universal-attributes-obscured.md) - [隐私遮罩](reference/arkui-ts/ts-universal-attributes-obscured.md)
- [文本通用属性](reference/arkui-ts/ts-universal-attributes-text-style.md) - [文本通用](reference/arkui-ts/ts-universal-attributes-text-style.md)
- [安全控件通用属性](reference/arkui-ts/ts-universal-attributes-securitycomponent.md) - [安全控件通用](reference/arkui-ts/ts-universal-attributes-securitycomponent.md)
- 手势处理 - 手势处理
- [绑定手势方法](reference/arkui-ts/ts-gesture-settings.md) - [绑定手势方法](reference/arkui-ts/ts-gesture-settings.md)
- 基础手势 - 基础手势
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册