HarmonyOS Image 点击问题

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

HarmonyOS
2024-12-25 11:14:26
浏览
收藏 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
微信
回复
2024-12-25 14:16:01
相关问题
HarmonyOS Image点击无法全屏预览
711浏览 • 1回复 待解决
HarmonyOS Image问题咨询
1060浏览 • 1回复 待解决
HarmonyOS image组件拖拽问题
1534浏览 • 1回复 待解决
HarmonyOS image resizable问题咨询
1835浏览 • 1回复 待解决
HarmonyOS image.createPixelMap使用问题
1564浏览 • 1回复 待解决
HarmonyOS 点击事件判定问题
1189浏览 • 1回复 待解决
HarmonyOS 点击事件监听问题
1105浏览 • 1回复 待解决
HarmonyOS 防重复点击问题
942浏览 • 1回复 待解决
HarmonyOS 方法点击跳转问题
943浏览 • 1回复 待解决
HarmonyOS点击事件传递响应问题
895浏览 • 1回复 待解决
HarmonyOS点击文本实现问题
648浏览 • 1回复 待解决
Image组件缓存清空问题
5140浏览 • 0回复 待解决
HarmonyOS Image 加载网络图片问题
2385浏览 • 1回复 待解决
HarmonyOS image.PixelMap保存到 相册问题
1274浏览 • 1回复 待解决
HarmonyOS 组件叠加阻拦点击事件问题
1006浏览 • 1回复 待解决
HarmonyOS 气泡点击蒙层问题
1177浏览 • 1回复 待解决
HarmonyOS Push点击冷启动跳转问题
1633浏览 • 1回复 待解决
HarmonyOS Canvas绘制image的API相关问题
1002浏览 • 1回复 待解决
panel组件点击区域问题
5863浏览 • 1回复 待解决
HarmonyOS web页面点击穿透问题
956浏览 • 1回复 待解决