# 4.7:二维码组件

生活中随处可见二维码的使用场景,比如扫码添加好友,扫码骑车,扫码支付等等,ArkUI开发框架提供了 RQCode 组件生成一个二维码,本节简单介绍一下它的使用。

# 4.7.1:QRCode定义介绍

interface QRCodeInterface {
  (value: string): QRCodeAttribute;
}
1
2
3
  • value:设置将要生成二维码的内容。

简单样例如下所示:

QRCode('Hello, OpenHarmony')
  .width(70)
  .height(70)
1
2
3

运行结果如下图所示:

4_7_1

# 4.7.2:QRCode属性介绍

declare class QRCodeAttribute extends CommonMethod<QRCodeAttribute> {
  color(value: ResourceColor): QRCodeAttribute;
  backgroundColor(value: ResourceColor): QRCodeAttribute;
}
1
2
3
4
  • color:设置二维码颜色,默认黑色。

  • backgroundColor:设置二维码背景色。

简单样例如下所示:

QRCode('Hello, OpenHarmony')
  .width(70)
  .height(70)
  .color(Color.Red)

QRCode('Hello, OpenHarmony')
  .width(70)
  .height(70)
  .color(Color.Pink)
  .backgroundColor('#aabbcc')
1
2
3
4
5
6
7
8
9
10

运行结果如下图所示:

4_7_2
(adsbygoogle = window.adsbygoogle || []).push({});
请作者喝杯咖啡

津公网安备 12011402001367号

津ICP备2020008934号-2

中央网信办互联网违法和不良信息举报中心

天津市互联网违法和不良信息举报中心