1# 嵌入式用户身份认证控件 2 3- [简介](#简介) 4- [目录](#目录) 5- [说明](#说明) 6 - [接口说明](#接口说明) 7- [示例](#示例) 8 9 10## 简介 11 12**嵌入式用户身份认证控件** 提供应用界面上展示的人脸、指纹认证图标，具体功能如下： 13 141、提供嵌入式人脸、指纹认证控件图标，可被应用集成。 15 162、支持自定义图标的颜色和大小，但图标样式不可变更。 17 183、点击控件图标后可拉起系统弹窗式人脸、指纹认证控件。 19 20 21## 目录 22 23```undefined 24//base/useriam/user_auth_framework/user_auth_icon 25├── library # library模块目录 26│ ├── src/main/ets/components/mainpage # 嵌入式控件实现，入口 27``` 28 29 30## 说明 31 32### **嵌入式用户身份认证控件接口说明** 33 34**表1** Icon点击事件回调接口 35 36| 接口名 | 描述 | 37| ------ | -------------------------------- | 38| onIconClick?: () => void; | 通知应用点击事件触发 | 39 40**表2** 身份认证结果通知回调接口 41 42| 接口名 | 描述 | 43| ------ | -------------------------------- | 44| onAuthResult: (result: userAuth.UserAuthResult) => void; | 通知应用身份认证结果信息 | 45 46 47## 示例 48 49```undefined 50import userAuth from '@ohos.userIAM.userAuth'; 51import UserAuthIcon from '@ohos.userIAM.userAuthIcon'; 52 53@Entry 54@Component 55struct Index { 56 authParam: userAuth.AuthParam = { 57 challenge: new Uint8Array([49, 49, 49, 49, 49, 49]), 58 authType: [userAuth.UserAuthType.FACE, userAuth.UserAuthType.PIN], 59 authTrustLevel: userAuth.AuthTrustLevel.ATL3, 60 }; 61 widgetParam: userAuth.WidgetParam = { 62 title: '请进行身份认证', 63 }; 64 65 build() { 66 Row() { 67 Column() { 68 UserAuthIcon({ 69 authParam: this.authParam, 70 widgetParam: this.widgetParam, 71 iconHeight: 200, 72 iconColor: Color.Blue, 73 onIconClick: () => { 74 console.info("The user clicked the icon."); 75 }, 76 onAuthResult: (result: userAuth.UserAuthResult) => { 77 console.info('Get user auth result, result = ' + JSON.stringify(result)); 78 }, 79 }) 80 } 81 } 82 } 83} 84``` 85