1# QRCode 2 3用于显示单个二维码的组件。 4 5> **说明：** 6> 7> 该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 8 9 10## 子组件 11 12无 13 14 15## 接口 16 17QRCode(value: string) 18 19从API version 9开始，该接口支持在ArkTS卡片中使用。 20 21**参数:** 22 23| 参数名 | 参数类型 | 必填 | 参数描述 | 24| -------- | -------- | -------- | -------- | 25| value | string | 是 | 二维码内容字符串。 | 26 27## 属性 28 29除支持[通用属性](ts-universal-attributes-size.md)外，还支持以下属性。 30 31| 名称 | 参数类型 | 描述 | 32| -------- | -------- | -------- | 33| color | [ResourceColor](ts-types.md#resourcecolor) | 设置二维码颜色。<br/>默认值：Color.Black <br/>从API version 9开始，该接口支持在ArkTS卡片中使用。| 34| backgroundColor | [ResourceColor](ts-types.md#resourcecolor) | 设置二维码背景颜色。<br/>默认值：Color.White <br/>从API version 9开始，该接口支持在ArkTS卡片中使用。| 35 36 37## 事件 38 39通用事件支持[点击事件](ts-universal-events-click.md)、[触摸事件](ts-universal-events-touch.md)、[挂载卸载事件](ts-universal-events-show-hide.md)。 40 41 42## 示例 43 44```ts 45// xxx.ets 46@Entry 47@Component 48struct QRCodeExample { 49 private value: string = 'hello world' 50 build() { 51 Column({ space: 5 }) { 52 Text('normal').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30) 53 QRCode(this.value).width(200).height(200) 54 55 // 设置二维码颜色 56 Text('color').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30) 57 QRCode(this.value).color(0xF7CE00).width(200).height(200) 58 59 // 设置二维码背景色 60 Text('backgroundColor').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30) 61 QRCode(this.value).width(200).height(200).backgroundColor(Color.Orange) 62 }.width('100%').margin({ top: 5 }) 63 } 64} 65``` 66 67 68
