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

长图自动滚动查看

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连接,有人知道
1600浏览 • 1回复 待解决
过长文字如何滚动显示,有人知道?
1914浏览 • 1回复 待解决
如何实现振动,有人知道
1102浏览 • 2回复 待解决
如何实现图片预览,有人知道
489浏览 • 1回复 待解决
如何实现翻页功能,有人知道
1866浏览 • 1回复 待解决
有人知道如何实现图文混排
676浏览 • 1回复 待解决
如何实现镂空效果,有人知道?
298浏览 • 1回复 待解决
热重载该如何实现有人知道
742浏览 • 1回复 待解决
如何实现防截屏功能,有人知道
1901浏览 • 1回复 待解决
弧形进度条实现有人知道方法
659浏览 • 1回复 待解决
如何保存faultLogger ,有人知道
546浏览 • 1回复 待解决
如何发送短信,有人知道?
1841浏览 • 1回复 待解决
如何跳出ForEach,有人知道
1949浏览 • 1回复 待解决
有人知道JS menu如何隐藏
4474浏览 • 1回复 待解决
$$语法如何使用?有人知道
528浏览 • 1回复 待解决
如何获取windowStage,有人知道
366浏览 • 1回复 待解决
如何获取wifi列表,有人知道
437浏览 • 1回复 待解决
IDE如何开启ASAN,有人知道
225浏览 • 1回复 待解决
导航栏如何适配,有人知道?
1740浏览 • 0回复 待解决
如何引用HSP库,有人知道?
1597浏览 • 1回复 待解决
如何定义dialog动画,有人知道?
1859浏览 • 1回复 待解决
如何使用快速修复,有人知道
598浏览 • 1回复 待解决
深色模式如何屏蔽?有人知道
237浏览 • 0回复 待解决