HarmonyOS Image 点击问题

Image正常显示的图片A,我在点击的时候想让Image显示图片B,点击结束又显示图片A(模拟button的点击效果),这个具体怎么实现呢

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以参考此demo:

@Entry
@Component
struct ImageExample3 {
  private imageOne: Resource = $r('app.media.1');
  private imageTwo: Resource = $r('app.media.2');
  @State src: Resource = this.imageOne
  @State eventType: string = '事件'
  build(){
    Column(){
      Text(this.eventType)
        .margin(20)

      Image(this.src)
        .width(100)
        .height(100)
        .onTouch((event?: TouchEvent) => {
          if(event){
            if (event.type === TouchType.Down) {
              this.eventType = 'Down'
              this.src = this.imageTwo
            }
            if (event.type === TouchType.Up) {
              this.eventType = 'Up'
              this.src = this.imageOne
            }
          }
        })
    }.width('100%').height('100%')
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS Image问题咨询
22浏览 • 1回复 待解决
HarmonyOS image.createPixelMap使用问题
274浏览 • 1回复 待解决
HarmonyOS image resizable问题咨询
454浏览 • 1回复 待解决
HarmonyOS image组件拖拽问题
306浏览 • 1回复 待解决
HarmonyOS 点击事件判定问题
29浏览 • 1回复 待解决
HarmonyOS 点击事件监听问题
18浏览 • 1回复 待解决
HarmonyOS 防重复点击问题
33浏览 • 1回复 待解决
HarmonyOS 方法点击跳转问题
190浏览 • 1回复 待解决
HarmonyOS点击文本实现问题
26浏览 • 1回复 待解决
HarmonyOS点击事件传递响应问题
9浏览 • 1回复 待解决
Image组件缓存清空问题
4008浏览 待解决
HarmonyOS Image 加载网络图片问题
804浏览 • 1回复 待解决
HarmonyOS 组件叠加阻拦点击事件问题
50浏览 • 1回复 待解决
HarmonyOS 气泡点击蒙层问题
483浏览 • 1回复 待解决
HarmonyOS Push点击冷启动跳转问题
457浏览 • 1回复 待解决
panel组件点击区域问题
4905浏览 • 1回复 待解决
HarmonyOS Canvas绘制image的API相关问题
43浏览 • 1回复 待解决
HarmonyOS web页面点击穿透问题
23浏览 • 1回复 待解决
HarmonyOS 自定义弹窗点击跳转问题
25浏览 • 1回复 待解决