自定义弹窗，自定义弹窗的使用更加灵活，适用于更多的业务场景

import Logger from '../common/utils/Logger'; 
import HobbyBean from '../common/bean/HobbyBean'; 
import CommonUtils from '../common/utils/CommonUtils'; 
import CommonConstants from '../common/constants/CommonConstants'; 
//表示这是一个自定义弹窗 
@CustomDialog 
export default struct CustomDialogWidget { 
  //用来封装弹窗兴趣爱好列表的数据，数据类型为HobbyBean，HobbyBean为自定义的类 
  @State hobbyBeans: HobbyBean[] = []; 
  //表示弹窗数据结果 
  @Link hobbies: string; 
  private controller?: CustomDialogController; 
  aboutToAppear() { 
    let context: Context = getContext(this); 
    if (CommonUtils.isEmpty(context) || CommonUtils.isEmpty(context.resourceManager)) { 
      Logger.error(CommonConstants.TAG_CUSTOM, 'context or resourceManager is null'); 
      return; 
    } 
    let manager = context.resourceManager; 
    //资源管理对象manger获取资源，在文件中定义兴趣爱好数据 
    manager.getStringArrayValue($r('app.strarray.hobbies_data').id, (error, hobbyArray) => { 
      //将数据封装到hobbyBean对象 
      if (!CommonUtils.isEmpty(error)) { 
        Logger.error(CommonConstants.TAG_CUSTOM, 'error = ' + JSON.stringify(error)); 
      } else { 
        hobbyArray.forEach((hobbyItem: string) => { 
          let hobbyBean = new HobbyBean(); 
          hobbyBean.label = hobbyItem; 
          //默认为false 
          hobbyBean.isChecked = false; 
          this.hobbyBeans.push(hobbyBean); 
        }); 
      } 
    }); 
  } 
  setHobbiesValue(hobbyBeans: HobbyBean[]) { 
    if (CommonUtils.isEmptyArr(hobbyBeans)) { 
      Logger.error(CommonConstants.TAG_HOME, 'hobbyBeans length is 0'); 
      return; 
    } 
    let hobbiesText: string = ''; 
    hobbiesText = hobbyBeans.filter((isCheckItem: HobbyBean) => isCheckItem?.isChecked) 
      .map<string>((checkedItem: HobbyBean) => { 
        return checkedItem.label!; 
      }) 
      .join(CommonConstants.COMMA); 
    if (hobbiesText.length > 0) { 
      this.hobbies = hobbiesText; 
    } 
  } 
} 
import CommonConstants from '../common/constants/CommonConstants'; 
import TextCommonWidget from '../view/TextCommonWidget'; 
import CustomDialogWidget from '../view/CustomDialogWidget'; 
  
@Entry 
@Component 
struct HomePage { 
  @State hobbies: string = ''; 
  customDialogController: CustomDialogController = new CustomDialogController({ 
    builder: CustomDialogWidget({ 
      hobbies: $hobbies 
    }), 
    alignment: DialogAlignment.Bottom, 
    customStyle: true, 
    offset: { 
      dx: 0, 
      dy: CommonConstants.DY_OFFSET 
    } 
  }) 
}
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.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.