1# 动态SymbolGlyphModifier属性设置 2 3<!--Kit: ArkUI--> 4<!--Subsystem: ArkUI--> 5<!--Owner: @hddgzw--> 6<!--Designer: @pssea--> 7<!--Tester: @jiaoaozihao--> 8<!--Adviser: @HelloCrease--> 9 10开发者可使用SymbolGlyphModifier构建组件并配置属性，通过此SymbolGlyphModifier可调用所封装组件的属性和样式接口。 11 12> **说明：** 13> 14> 从API version 12开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 15 16## SymbolGlyphModifier 17 18定义SymbolGlyphModifier。 19 20**原子化服务API：** 从API version 12开始，该接口支持在原子化服务中使用。 21 22**系统能力：** SystemCapability.ArkUI.ArkUI.Full 23 24### constructor 25 26constructor(src?: Resource) 27 28SymbolGlyphModifier的构造函数。 29 30**原子化服务API：** 从API version 12开始，该接口支持在原子化服务中使用。 31 32**系统能力：** SystemCapability.ArkUI.ArkUI.Full 33 34**参数：** 35 36| 参数名 | 类型 | 必填 | 说明 | 37| ------- | --------------------------------- | ---- | --------------------------------- | 38| src | [Resource](../../apis-localization-kit/js-apis-resource.md#resource) | 否 | 资源信息。 | 39 40### applyNormalAttribute 41 42applyNormalAttribute?(instance: SymbolGlyphAttribute): void 43 44组件普通状态时的样式。 45 46**原子化服务API：** 从API version 12开始，该接口支持在原子化服务中使用。 47 48**系统能力：** SystemCapability.ArkUI.ArkUI.Full 49 50**参数：** 51 52| 参数名 | 类型 | 必填 | 说明 | 53| ------- | --------------------------------- | ---- | --------------------------------- | 54| instance | [SymbolGlyphAttribute](ts-basic-components-symbolGlyph.md) | 是 | 动态设置SymbolGlyph组件的属性。 | 55 56## 示例 57 58该示例通过[SymbolGlyphModifier](#symbolglyphmodifier)和TextInput组件的[cancelButton](ts-basic-components-textinput.md#cancelbutton18)属性展示了自定义右侧symbol类型清除按钮样式的效果。 59 60```ts 61import { SymbolGlyphModifier } from '@kit.ArkUI'; 62 63// xxx.ets 64@Entry 65@Component 66struct Index { 67 @State text: string = ''; 68 symbolModifier: SymbolGlyphModifier = 69 new SymbolGlyphModifier($r('sys.symbol.trash')).fontColor([Color.Red]).fontSize(16).fontWeight(FontWeight.Regular); 70 71 build() { 72 Column() { 73 TextInput({ text: this.text, placeholder: 'input your word...' }) 74 .height(50) 75 .cancelButton({ 76 style: CancelButtonStyle.CONSTANT, 77 icon: this.symbolModifier // 从API version 18开始支持symbol类型 78 }) 79 }.margin(10) 80 } 81} 82``` 83 84
