1# QRCode 2 3用于显示单个二维码的组件。 4 5> **说明：** 6> 7> 该组件从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 8> 9> 二维码组件的像素点数量与内容有关，当组件尺寸过小时，可能出现无法展示内容的情况，此时需要适当调整组件尺寸。 10 11 12## 子组件 13 14无 15 16 17## 接口 18 19QRCode(value: string) 20 21从API version 9开始，该接口支持在ArkTS卡片中使用。 22 23**参数:** 24 25| 参数名 | 参数类型 | 必填 | 参数描述 | 26| -------- | -------- | -------- | -------- | 27| value | string | 是 | 二维码内容字符串。最大支持256个字符，若超出，则截取前256个字符。<br/>**说明：** <br/>该字符串内容确保有效，不支持null、undefined以及空内容。 | 28 29## 属性 30 31除支持[通用属性](ts-universal-attributes-size.md)外，还支持以下属性。 32 33| 名称 | 参数类型 | 描述 | 34| -------- | -------- | -------- | 35| color | [ResourceColor](ts-types.md#resourcecolor) | 设置二维码颜色。<br/>默认值：Color.Black <br/>从API version 9开始，该接口支持在ArkTS卡片中使用。<br/>从API version 11开始，默认值改为'#ff182431'。| 36| backgroundColor | [ResourceColor](ts-types.md#resourcecolor) | 设置二维码背景颜色。<br/>默认值：Color.White <br/>从API version 9开始，该接口支持在ArkTS卡片中使用。<br/>从API version 11开始，默认值改为'#ffffffff'。 | 37| contentOpacity<sup>11+<sup> | number \| [Resource](ts-types.md#resource) | 设置二维码内容颜色的不透明度。不透明度最小值为0，最大值为1。<br/>默认值：1 | 38 39 40## 事件 41 42通用事件支持[点击事件](ts-universal-events-click.md)、[触摸事件](ts-universal-events-touch.md)、[挂载卸载事件](ts-universal-events-show-hide.md)。 43 44 45## 示例 46 47```ts 48// xxx.ets 49@Entry 50@Component 51struct QRCodeExample { 52 private value: string = 'hello world' 53 build() { 54 Column({ space: 5 }) { 55 Text('normal').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30) 56 QRCode(this.value).width(140).height(140) 57 58 // 设置二维码颜色 59 Text('color').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30) 60 QRCode(this.value).color(0xF7CE00).width(140).height(140) 61 62 // 设置二维码背景色 63 Text('backgroundColor').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30) 64 QRCode(this.value).width(140).height(140).backgroundColor(Color.Orange) 65 66 // 设置二维码不透明度 67 Text('contentOpacity').fontSize(9).width('90%').fontColor(0xCCCCCC).fontSize(30) 68 QRCode(this.value).width(140).height(140).color(Color.Black).contentOpacity(0.1) 69 }.width('100%').margin({ top: 5 }) 70 } 71} 72``` 73 74 75
