华为HarmonyOS实现跨多个子系统融合的场景化服务 -- 2 选择头像Button

场景介绍

本章节将向您介绍如何使用选择头像Button功能，开发者可调用对应Button组件快速拉起头像选择页面，供用户完成华为账号头像或其他头像的选择与展示。

前提条件

参见开发前提。

效果图展示

单击头像按钮拉起半模态选择头像页面来设置头像。

开发步骤

1. 导入Scenario Fusion Kit模块以及相关公共模块。
   1. import { FunctionalButton, functionalButtonComponentManager } from '@kit.ScenarioFusionKit'
   2. import { hilog } from '@kit.PerformanceAnalysisKit';

2. 在容器中声明FunctionalButton，指定Button的openType，并设置对应的回调函数，代码如下：