HarmonyOS 鸿蒙Next popup显示位置优化

1、grid设置了 columnsTemplate()或rowsTemplate(’’)属性时，给grid设置maxCount属性后就可以自适应高度。因为rowsTemplate、columnsTemplate仅设置其中的一个时，以下属性都不生效maxCount、layoutDirection、minCount、cellLength，但是设置maxCount后可以达到自适应高度的目的，所以maxCount的大小可以为任意值，如maxCount(0)。 Grid组件根据rowsTemplate、columnsTemplate属性的设置情况，可分为以下三种布局模式：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-container-scrollable-common-V13#flingspeedlimit11 CustomPopup占了全屏是因为子组件grid的默认大小是全屏了，给grid的设置成自适应高度的之后就可以了

2、如果想要汽泡设置为100%完整展示，可以设置为placement: Placement.BottomLeft 具体文档可参考： 

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-universal-attributes-popup-V13#custompopupoptions8类型说明

3、位置控制可以通过offset或者targetSpace，配合placement设置的值，进行位置控制，参考说明

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ohos-arkui-advanced-popup-V13#popupoptions

参考demo:

[@Component](/user/Component)

[@Entry](/user/Entry)

struct PopupExample{

  private arr: string[] = []

  [@State](/user/State) currentMenu: string = "测试0"

  [@State](/user/State) handlePopup: boolean = false

  aboutToAppear(): void {

    for (let i = 0; i < 20; i++) {

      this.arr.push('内部测试' + i)

    }

  }

  [@Builder](/user/Builder) CustomItem(str:string){

    Column(){

      Text(str)

        .fontColor(Color.Red)

        .width(80)

        .height(50)

    }

    .width('100%')

  }

  [@Builder](/user/Builder)

  customDialogBuilder() {

    Flex({ direction: FlexDirection.Row, wrap: FlexWrap.Wrap }) {

      ForEach(this.arr, (item: string,index:number) => {

        Text(item + index).height(40).onClick(() => {

          this.currentMenu = item

          this.handlePopup = !this.handlePopup

        })

      })

    }

    .width('100%')

    .backgroundColor(Color.Gray)

    // .height('290.00vp')

  }

  build() {

    Column(){

      Column(){

        Line()

          .width('100%')

          .height(1)

          .backgroundColor(Color.Red)

          .bindPopup(this.handlePopup,{

            builder:this.customDialogBuilder(),

            enableArrow:false,//设置是否显示箭头。

            radius:0,//设置气泡圆角半径。

            width:'100%',

            targetSpace:0,

            mask:false,//设置气泡是否有遮罩层及遮罩

            onStateChange:(e)=>{//弹窗状态变化事件回调

              if (!e.isVisible) {

                this.handlePopup = false

              }

            }

          })

        Row(){

          Text('按钮')

            .onClick(()=>{

              this.handlePopup = !this.handlePopup

            })

        }

        .backgroundColor(Color.Red)

        .alignItems(VerticalAlign.Center)

        .justifyContent(FlexAlign.Center)

        .height('100%')

        .width(80)

      }

      .backgroundColor(Color.Yellow)

      .justifyContent(FlexAlign.End)

      .alignItems(HorizontalAlign.End)

      .margin({top:120})

      .width('100%')

      .height(40)

    }

    .backgroundColor(Color.White)

    .width('100%')

    .height('100%')

  }

}