使用小组件 > 2D > 扫描（2D）
  
扫描（2D）
这个小组件有什么功能？
允许在体验中使用条形码或二维码。
何时会用到这个小组件？
在以下情况中使用扫描小组件：
• 您希望在体验中使用条形码
• 您希望在体验中使用二维码
这个小组件中是否有专用的属性、服务、事件或操作？
若要查看小组件常用的属性、服务和事件的列表，请参阅小组件的通用属性、服务和事件。
下表列出了该小组件的专用属性。
属性
JavaScript
类型
说明
扫描的值
scannedValue
string
当绑定到包含文本的小组件时，此属性显示条形码或二维码的值。例如，如果扫描计算机上的条形码，则显示序列号。
服务
JavaScript
说明
开始扫描
startScan
调用此服务将启动照相机以扫描代码。
事件
JavaScript
说明
值已获取
startScan
在获取扫描值时触发。
用户已取消
usercanceled
当用户取消扫描时触发。
小组件的显示效果
以下是小组件的显示效果示例！
使用时的必要步骤
显示效果
1. 从移动设备或 2D 眼镜项目的 2D 工作区，将“扫描”小组件拖放到工作区上。
2. 输入要在扫描视图中显示的文本。例如，Scan the barcode on the bottom of the computer.
3. 将“按钮”小组件拖放到工作区。
4. 输入要在按钮上显示的文本。例如，Scan Code。
5. 将“按钮”的“点击”事件旁边的 图标拖放到“扫描”小组件。
6. 选择“选择绑定目标”窗口中的“开始扫描”。
7. 将“值显示”小组件拖放到工作区。
8. 对于在“标签”字段中显示的值的标签，输入相应的文本。例如，序列号。
9. 接下来，单击“扫描”小组件以显示属性详细信息。
10. 将“扫描的值”旁边的 图标拖放到“值显示”小组件上。
11. 在“选择绑定目标”窗口中选择“值”。
初始视图：
点击 Scan Code 按钮后：