diff --git a/zh-cn/application-dev/ui/arkts-common-components-richeditor.md b/zh-cn/application-dev/ui/arkts-common-components-richeditor.md index cc42080f22d9e32f8887dd39d301ffbd7958cae4..6892ee7f435a4e7e61086eb6d55fe0750c977cf4 100644 --- a/zh-cn/application-dev/ui/arkts-common-components-richeditor.md +++ b/zh-cn/application-dev/ui/arkts-common-components-richeditor.md @@ -817,7 +817,7 @@ RichEditor(this.infoShowOptions) } ``` - ![RichEditor_disable_menuItems](figures/RichEditor_disable_menuItems.gif) + ![alt text](figures/richEditor_disable_menuItems.gif) ### 默认菜单支持自定义刷新能力 diff --git a/zh-cn/application-dev/ui/arkts-common-components-symbol.md b/zh-cn/application-dev/ui/arkts-common-components-symbol.md index 147d53d7f9c1797f695e2d1f3965ec172ee36586..810df7f67138e5b739eb905cdac68da1d5721f0c 100644 --- a/zh-cn/application-dev/ui/arkts-common-components-symbol.md +++ b/zh-cn/application-dev/ui/arkts-common-components-symbol.md @@ -265,7 +265,7 @@ SymbolGlyph通过$r引用Resource资源来创建,目前仅支持系统预置 SymbolGlyph(this.replaceFlag ? $r('sys.symbol.eye_slash') : $r('sys.symbol.eye')) .fontSize(96) .renderingStrategy(this.renderMode) - .symbolEffect(new DisableSymbolEffect(EffectScope.WHOLE), this.triggerValueReplace) + .symbolEffect(new DisableSymbolEffect(EffectScope.LAYER), this.triggerValueReplace) Button('trigger').onClick(() => { this.replaceFlag = !this.replaceFlag; this.triggerValueReplace = this.triggerValueReplace + 1; diff --git a/zh-cn/application-dev/ui/arkts-common-components-text-input.md b/zh-cn/application-dev/ui/arkts-common-components-text-input.md index 2b9a2819c5c2b71f48333068e5a639fcffc75d99..24e010af8ef8168916f79130595005af27541971 100644 --- a/zh-cn/application-dev/ui/arkts-common-components-text-input.md +++ b/zh-cn/application-dev/ui/arkts-common-components-text-input.md @@ -220,6 +220,100 @@ TextArea({text : '这是一段文本,用来展示选中菜单'}) ``` ![TextArea_select_menu](figures/TextArea_select_menu.jpg) +## 禁用系统服务类菜单 + +从API version 20开始,支持使用[disableSystemServiceMenuItems](../reference/apis-arkui/js-apis-arkui-UIContext.md#disablesystemservicemenuitems20)方法屏蔽文本选择菜单中的所有系统服务菜单项。 + + ```ts + import { TextMenuController } from '@kit.ArkUI'; + + // xxx.ets + @Entry + @Component + struct Index { + aboutToAppear(): void { + // 禁用所有系统服务菜单项 + TextMenuController.disableSystemServiceMenuItems(true) + } + + aboutToDisappear(): void { + // 页面消失时恢复系统服务菜单项 + TextMenuController.disableSystemServiceMenuItems(false) + } + + build() { + Row() { + Column() { + TextInput({ text: "这是一个TextInput,长按弹出文本选择菜单" }) + .height(60) + .fontStyle(FontStyle.Italic) + .fontWeight(FontWeight.Bold) + .textAlign(TextAlign.Center) + .caretStyle({ width: '4vp' }) + .editMenuOptions({ + onCreateMenu: (menuItems: Array) => { + // menuItems不包含被屏蔽的系统菜单项 + return menuItems + }, + onMenuItemClick: (menuItem: TextMenuItem, textRange: TextRange) => { + return false + } + }) + }.width('100%') + } + .height('100%') + } + } + ``` + + ![TextInput_disable_system_service_menu_items](figures/TextInput_disable_system_service_menu_items.gif) + +从API version 20开始,支持使用[disableMenuItems](../reference/apis-arkui/js-apis-arkui-UIContext.md#disablemenuitems20)方法屏蔽文本选择菜单中指定的系统服务菜单项。 + + ```ts + import { TextMenuController } from '@kit.ArkUI'; + + // xxx.ets + @Entry + @Component + struct Index { + aboutToAppear(): void { + // 禁用搜索和翻译 + TextMenuController.disableMenuItems([TextMenuItemId.SEARCH, TextMenuItemId.TRANSLATE]) + } + + aboutToDisappear(): void { + // 页面消失时恢复系统服务菜单项 + TextMenuController.disableMenuItems([]) + } + + build() { + Row() { + Column() { + TextInput({ text: "这是一个TextInput,长按弹出文本选择菜单" }) + .height(60) + .fontStyle(FontStyle.Italic) + .fontWeight(FontWeight.Bold) + .textAlign(TextAlign.Center) + .caretStyle({ width: '4vp' }) + .editMenuOptions({ + onCreateMenu: (menuItems: Array) => { + // menuItems不包含搜索和翻译 + return menuItems; + }, + onMenuItemClick: (menuItem: TextMenuItem, textRange: TextRange) => { + return false + } + }) + }.width('100%') + } + .height('100%') + } + } + ``` + + ![Text_input_disable_menu_items](figures/Text_input_disable_menu_items.gif) + ## 自动填充 输入框可以通过[contentType](../reference/apis-arkui/arkui-ts/ts-basic-components-textinput.md#contenttype12)属性设置自动填充类型。 @@ -266,6 +360,20 @@ TextInput({ placeholder: '输入你的邮箱...' }) ``` ![TextInput_stroke](figures/TextInput_stroke.jpg) +## 设置文本行间距 + +从API version 20开始,支持通过[lineSpacing](../reference/apis-arkui/arkui-ts/ts-basic-components-text.md#linespacing20)设置文本的行间距。如果不配置[LineSpacingOptions](../reference/apis-arkui/arkui-ts/ts-text-common.md#linespacingoptions20对象说明)时,首行上方和尾行下方默认会有行间距。如果onlyBetweenLines设置为true时,行间距仅适用于行与行之间,首行上方无额外行间距。 + +```ts +TextArea({ + text: 'The line spacing of this TextArea is set to 20_px, and the spacing is effective only between the lines.' + }) + .fontSize(22) + .lineSpacing(LengthMetrics.px(20), { onlyBetweenLines: true }) +``` + +![TextInput_line_spacing](figures/TextInput_line_spacing.jpg) + ## 键盘避让 键盘抬起后,具有滚动能力的容器组件在横竖屏切换时,才会生效键盘避让,若希望无滚动能力的容器组件也生效键盘避让,建议在组件外嵌套一层具有滚动能力的容器组件,比如[Scroll](../reference/apis-arkui/arkui-ts/ts-container-scroll.md)、[List](../reference/apis-arkui/arkui-ts/ts-container-list.md)、[Grid](../reference/apis-arkui/arkui-ts/ts-container-grid.md)。 diff --git a/zh-cn/application-dev/ui/arkts-styled-string.md b/zh-cn/application-dev/ui/arkts-styled-string.md index 714422d62aae66be85402255fe5acfcac2ec71b1..3635ea2830304353aece9d266189cb9785cc68b0 100644 --- a/zh-cn/application-dev/ui/arkts-styled-string.md +++ b/zh-cn/application-dev/ui/arkts-styled-string.md @@ -138,10 +138,24 @@ mutableStyledString: MutableStyledString = new MutableStyledString("运动35分钟", [ { start: 0, - length: 3, + length: 4, styledKey: StyledStringKey.DECORATION, styledValue: new DecorationStyle({ type: TextDecorationType.LineThrough, color: Color.Red, thicknessScale: 3 }) }, + { + start: 4, + length: 2, + styledKey: StyledStringKey.DECORATION, + styledValue: new DecorationStyle( + { + type: TextDecorationType.Underline, + }, + { + // 开启多装饰线 + enableMultiType: true + } + ) + }, { start: 4, length: 2, @@ -151,6 +165,7 @@ type: TextDecorationType.LineThrough, }, { + // 开启多装饰线 enableMultiType: true } ) diff --git a/zh-cn/application-dev/ui/figures/RichEditor_disable_menuItems.gif b/zh-cn/application-dev/ui/figures/RichEditor_disable_menuItems.gif deleted file mode 100644 index 1a7b400019a7b857240107f40720b023aafdf959..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/ui/figures/RichEditor_disable_menuItems.gif and /dev/null differ diff --git a/zh-cn/application-dev/ui/figures/TextInput_disable_system_service_menu_items.gif b/zh-cn/application-dev/ui/figures/TextInput_disable_system_service_menu_items.gif new file mode 100644 index 0000000000000000000000000000000000000000..29a7e22a2718802f8d1ed56bde093150ba4544c0 Binary files /dev/null and b/zh-cn/application-dev/ui/figures/TextInput_disable_system_service_menu_items.gif differ diff --git a/zh-cn/application-dev/ui/figures/TextInput_line_spacing.jpg b/zh-cn/application-dev/ui/figures/TextInput_line_spacing.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f5d8addb6d0572f57e4ab27e9c731f64944d8720 Binary files /dev/null and b/zh-cn/application-dev/ui/figures/TextInput_line_spacing.jpg differ diff --git a/zh-cn/application-dev/ui/figures/Text_input_disable_menu_items.gif b/zh-cn/application-dev/ui/figures/Text_input_disable_menu_items.gif new file mode 100644 index 0000000000000000000000000000000000000000..bb7344f9e39e23f6e8fc4ed848b8dd09430dbbf6 Binary files /dev/null and b/zh-cn/application-dev/ui/figures/Text_input_disable_menu_items.gif differ diff --git a/zh-cn/application-dev/ui/figures/richEditor_disable_menuItems.gif b/zh-cn/application-dev/ui/figures/richEditor_disable_menuItems.gif new file mode 100644 index 0000000000000000000000000000000000000000..7736c5cdb651b72f849f83135d832d2913738846 Binary files /dev/null and b/zh-cn/application-dev/ui/figures/richEditor_disable_menuItems.gif differ diff --git a/zh-cn/application-dev/ui/figures/symbolGlyph_symbolEffect_disable.gif b/zh-cn/application-dev/ui/figures/symbolGlyph_symbolEffect_disable.gif index 47486df5f551dbec1ad9e363fe2eff45f6db4290..cc11f34ad98afa8949425e5aadf505ae84416471 100644 Binary files a/zh-cn/application-dev/ui/figures/symbolGlyph_symbolEffect_disable.gif and b/zh-cn/application-dev/ui/figures/symbolGlyph_symbolEffect_disable.gif differ