HarmonyOS viewModal demo问题

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

工程结构示例:

undefined /root
undefined ├── mapView # 底部地图
undefined │
undefined ├── rightBottom # 布局组件
undefined │ ├── zoom # 子组件
undefined │ ├── zoomIn # 孙组件
undefined │ ├── zoomOut # 孙组件
undefined │ └── 全览 # 子功能
undefined │
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.

详细功能示例:

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

调用方法:

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

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

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

HarmonyOS
2024-08-27 11:32:17
695浏览
收藏 0
回答 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) 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
分享
微博
QQ
微信
回复
2024-08-27 18:01:35
相关问题
HarmonyOS 矩阵变换问题demo
501浏览 • 1回复 待解决
HarmonyOS 曲线demo
742浏览 • 1回复 待解决
HarmonyOS 商城demo
608浏览 • 1回复 待解决
HarmonyOS 录制相关demo
676浏览 • 1回复 待解决
HarmonyOS 地区选择demo
640浏览 • 1回复 待解决
HarmonyOS 身份信息demo
752浏览 • 1回复 待解决
HarmonyOS socketio使用demo
780浏览 • 1回复 待解决
HarmonyOS 缓存demo验证
529浏览 • 1回复 待解决
HarmonyOS jsbridge功能demo
578浏览 • 1回复 待解决
HarmonyOS TwoDimensionList Demo答疑
891浏览 • 1回复 待解决
HarmonyOS 自动重启demo
528浏览 • 1回复 待解决
HarmonyOS wifi连接demo
926浏览 • 1回复 待解决
HarmonyOS iconfont使用demo
829浏览 • 1回复 待解决
HarmonyOS 引导页demo
884浏览 • 1回复 待解决
HarmonyOS 帧动画demo
1180浏览 • 1回复 待解决
HarmonyOS 全局弹窗demo
613浏览 • 1回复 待解决
HarmonyOS 滑动缩放demo
549浏览 • 1回复 待解决
HarmonyOS 网络框架demo
719浏览 • 1回复 待解决
HarmonyOS 滤镜实现demo
514浏览 • 1回复 待解决
HarmonyOS 心跳场景demo
740浏览 • 1回复 待解决
HarmonyOS Ble蓝牙demo
1075浏览 • 1回复 待解决
HarmonyOS Tab导航demo
646浏览 • 1回复 待解决
HarmonyOS 加解密 demo
1309浏览 • 1回复 待解决
HarmonyOS photopicker的demo
829浏览 • 1回复 待解决