4.7：二维码组件
生活中随处可见二维码的使用场景，比如扫码添加好友，扫码骑车，扫码支付等等，ArkUI开发框架提供了 RQCode 组件生成一个二维码，本节简单介绍一下它的使用。
4.7.1：QRCode定义介绍
interface QRCodeInterface {
(value: string): QRCodeAttribute;
}
1
2
3
简单样例如下所示：
@Entry @Component struct Index {
build() {
Column({space: 10}) {
QRCode('Hello, OpenHarmony')
.width(70)
.height(70)
}
.padding(10)
.width('100%')
.height('100%')
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
@Entry @Component class MyView {
func build() {
Column(10) {
QRCode('Hello, OpenHarmony')
.width(70)
.height(70)
}
.alignItems(HorizontalAlign.Center)
.width(100.percent)
.height((100.percent))
.padding(10)
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
运行结果如下图所示：
4.7.2：QRCode属性介绍
declare class QRCodeAttribute extends CommonMethod<QRCodeAttribute> {
color(value: ResourceColor): QRCodeAttribute;
backgroundColor(value: ResourceColor): QRCodeAttribute;
}
1
2
3
4
简单样例如下所示：
@Entry @Component struct Index {
build() {
Row({space: 10}) {
QRCode('Hello, OpenHarmony')
.width(70)
.height(70)
.color(Color.Red)
QRCode('Hello, OpenHarmony')
.width(70)
.height(70)
.color(Color.Pink)
.backgroundColor('#aabbcc')
}
.justifyContent(FlexAlign.Center)
.padding(10)
.width('100%')
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@Entry @Component class MyView {
func build() {
Row(10) {
QRCode('Hello, OpenHarmony')
.width(70)
.height(70)
.color(0xff0000)
QRCode('Hello, OpenHarmony')
.width(70)
.height(70)
.color(0xffc0cb)
.backgroundColor(0xaabbcc)
}
.justifyContent(FlexAlign.Center)
.padding(10)
.width(100.percent)
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
运行结果如下图所示：
(adsbygoogle = window.adsbygoogle || []).push({});
