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

长图自动滚动查看

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连接,有人知道
448浏览 • 1回复 待解决
有人知道如何实现图文混排
334浏览 • 1回复 待解决
如何实现翻页功能,有人知道
571浏览 • 1回复 待解决
热重载该如何实现有人知道
301浏览 • 1回复 待解决
如何实现防截屏功能,有人知道
725浏览 • 1回复 待解决
如何保存faultLogger ,有人知道
136浏览 • 1回复 待解决
有人知道JS menu如何隐藏
3079浏览 • 1回复 待解决
如何发送短信,有人知道?
547浏览 • 1回复 待解决
如何跳出ForEach,有人知道
581浏览 • 1回复 待解决
如何使用快速修复,有人知道
211浏览 • 1回复 待解决
如何定义dialog动画,有人知道?
695浏览 • 1回复 待解决
如何引用HSP库,有人知道?
544浏览 • 1回复 待解决
导航栏如何适配,有人知道?
549浏览 • 0回复 待解决
弧形进度条实现有人知道方法
312浏览 • 1回复 待解决
如何开启AOT编译模式,有人知道
628浏览 • 1回复 待解决
IP地址如何转化,有人知道
216浏览 • 1回复 待解决
如何获取系统电量,有人知道
583浏览 • 1回复 待解决
如何获取组件高度,有人知道
535浏览 • 1回复 待解决
如何跳转到app设置页,有人知道
264浏览 • 1回复 待解决
如何设置约束优先级,有人知道
364浏览 • 2回复 待解决
WebView 如何实现截图
429浏览 • 1回复 待解决
webview组件demo ,有人知道
413浏览 • 1回复 待解决