长图自动滚动查看,有人知道如何实现吗?

长图自动滚动查看

HarmonyOS
2024-05-26 15:21:11
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
cbaby

本文主要将一张长图使用Image和Scroll配合定时器实现自动滚动查看。

使用的核心API

定时器

核心代码解释

1.使用Image展示图片

Image($r('app.media.img')) 
  .width(550)

2.使用Scroll实现滚动查看。

Scroll(this.scroller){ 
  Image($r('app.media.img')) 
    .width(550) 
}.width(50) 
.scrollable(ScrollDirection.Horizontal) 
.scrollBar(BarState.Off)

3.使用定时器间隔滚动:

setInterval(()=>{ 
  // 点击后滑动到指定位置,即下滑100.0vp的距离 
  let xOffset: number = this.scroller.currentOffset().xOffset; 
  if (xOffset>500) { 
    xOffset = 0 
  } 
  this.scroller.scrollTo({ xOffset: xOffset+10, yOffset: 0 }) 
},10)

适配的版本信息

  •  IDE版本:4.0.1.501
  •  SDK版本:4.0.10.8
分享
微博
QQ
微信
回复
2024-05-27 20:23:46
相关问题
如何实现http连接,有人知道
714浏览 • 1回复 待解决
如何实现振动,有人知道
755浏览 • 2回复 待解决
有人知道如何实现图文混排
396浏览 • 1回复 待解决
如何实现翻页功能,有人知道
724浏览 • 1回复 待解决
热重载该如何实现有人知道
379浏览 • 1回复 待解决
如何实现防截屏功能,有人知道
920浏览 • 1回复 待解决
如何保存faultLogger ,有人知道
187浏览 • 1回复 待解决
如何跳出ForEach,有人知道
771浏览 • 1回复 待解决
如何发送短信,有人知道?
756浏览 • 1回复 待解决
有人知道JS menu如何隐藏
3301浏览 • 1回复 待解决
$$语法如何使用?有人知道
87浏览 • 1回复 待解决
弧形进度条实现有人知道方法
364浏览 • 1回复 待解决
如何使用快速修复,有人知道
270浏览 • 1回复 待解决
如何定义dialog动画,有人知道?
857浏览 • 1回复 待解决
如何引用HSP库,有人知道?
738浏览 • 1回复 待解决
导航栏如何适配,有人知道?
746浏览 • 0回复 待解决
WebView 如何实现截图
497浏览 • 1回复 待解决
如何获取系统电量,有人知道
800浏览 • 1回复 待解决
如何获取组件高度,有人知道
725浏览 • 1回复 待解决
IP地址如何转化,有人知道
260浏览 • 1回复 待解决
ArkTS要如何使用this,有人知道
47浏览 • 1回复 待解决
如何开启AOT编译模式,有人知道
867浏览 • 1回复 待解决