HarmonyOS viewModal demo问题

mapView 里包含地图 + 地图控制，在 mapview layer 上面是一些散碎的按钮比如放大缩小、全览切换等。

工程结构示例：

undefined /root
undefined ├── mapView # 底部地图
undefined │
undefined ├── rightBottom # 布局组件
undefined │ ├── zoom # 子组件
undefined │ ├── zoomIn # 孙组件
undefined │ ├── zoomOut # 孙组件
undefined │ └── 全览 # 子功能
undefined │

详细功能示例：

读取数据：zoom 按钮读取当前的缩放级别currentZoom。

调用方法：

a. 点击 zoom 调用 mapview 的方法：修改当前缩放级别。

b. 点击全览调用 mapview 的方法：修改当前全览状态，获取子组件位置信息传给第三方等。

其他的 ets 文件(非Component)调用 mapview 方法。

HarmonyOS

zxjiu

2024-08-27 11:32:17

浏览

回答 1

待解决

回答 1

按赞同

按时间

put_get

代码示例：

Page.ets

@Entry 
@Component 
struct Index { 
  @State viewModel: IndexModel = new IndexModel(); 
  build() { 
    Column() { 
      Text(this.viewModel.text1Value).backgroundColor("#faf").fontSize(25).onClick(() => { 
        this.viewModel.updateText1("Text1已更新") 
      }).onAreaChange((event) => { 
        console.log('text1 onAreaChange') 
      }) 
      Text(this.viewModel.text2Value).backgroundColor("#afa").fontSize(25).onClick(() => { 
        this.viewModel.updateText2("Text2已更新") 
      }).onAreaChange((event) => { 
        console.log('text2 onAreaChange') 
      }) 
    } 
    .alignItems(HorizontalAlign.Start) 
  } 
}