#HarmonyOS NEXT体验官#如何使用自定义弹窗实现一个跟系统权限弹窗同步呼出的权限说明弹窗 原创

@CustomDialog
export  default  struct PermissionDialogWidget{
@State titleText:string='';
@State contentText:string='';
controller: CustomDialogController
build(){
Column(){
Text(this.titleText).margin({top:10})
Text(this.contentText).margin({top:20,bottom:10})
}.justifyContent(FlexAlign.Start).padding({left:20,right:20})
}
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

permissionController:CustomDialogController=new CustomDialogController({
builder:PermissionDialogWidget({
titleText:"权限说明",
contentText: 'XXAPP想要申请位置权限，XXAPP地址选择。同意该权限后，选择地址时会复用此权限，不会重新申请，不授权上述权限，不影响APP其他功能使用。',
}),
//这里我们需要弹窗内容在顶部显示，所以要设置DialogAlignment为Top
alignment: DialogAlignment.Top,
})
1.
2.
3.
4.
5.
6.
7.
8.

同时要在组件的生命周期将dialogController置空

aboutToDisappear() {
this.permissionController=undefined
}
1.
2.
3.
4.
5.

reqPermissionsFromUser(permissions: Array<Permissions>): void {
let context = getContext(this) as common.UIAbilityContext;
let atManager = abilityAccessCtrl.createAtManager();
atManager.requestPermissionsFromUser(context, permissions).then((data) => {
let grantStatus: Array<number> = data.authResults;
let length: number = grantStatus.length;
for (let i = 0; i < length; i++) {
if (grantStatus[i] === 0) {
this.permissionController.close()
} else {
this.permissionController.close()
return;
}
}
}).catch((err) => {
console.error(`requestPermissionsFromUser failed, code is ${err.code}, message is ${err.message}`);
})
}
```
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.

import abilityAccessCtrl, { Permissions } from '@ohos.abilityAccessCtrl';
import common from '@ohos.app.ability.common';
import geoLocationManager from '@ohos.geoLocationManager';
import dialog from '../widget/dialog/PermissionDialogWidget';
let context = getContext(this) as common.UIAbilityContext;
const permissions: Array<Permissions> = ['ohos.permission.APPROXIMATELY_LOCATION','ohos.permission.LOCATION'];
同时我们还需要实现一个初始化成功后获取经纬度的方法
initLocation():void{
let requestInfo = {'priority': 0x203, 'scenario': 0x300,'maxAccuracy': 0};
try {
geoLocationManager.getCurrentLocation(requestInfo).then((result) => {
console.log('current location: ' + JSON.stringify(result));
let jsonData=JSON.stringify(result);
let data= JSON.parse(jsonData)
let longitude= data['longitude']
let latitude= data['latitude']
//这里获取经纬度
console.log('promise, getCurrentLocation: error='+longitude+latitude);

})
.catch((error) => {
console.log('promise, getCurrentLocation: error=' + JSON.stringify(error));
});
} catch (err) {
console.error("errCode:" + err.code + ",errMessage:" + err.message);
}
}

Text("开启定位")
.padding($r('app.float.size_5'))
.fontColor(Color.Black)
.fontSize($r('app.float.size_12'))
.borderRadius($r('app.float.size_4'))
.backgroundColor($r('app.color.app_color'))
.margin({right:$r('app.float.size_10')})
.onClick(()=>{
this.reqPermissionsFromUser(permissions)
})
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.