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点击无法全屏预览
47浏览 • 1回复 待解决
HarmonyOS Image问题咨询
336浏览 • 1回复 待解决
HarmonyOS image resizable问题咨询
837浏览 • 1回复 待解决
HarmonyOS image组件拖拽问题
470浏览 • 1回复 待解决
HarmonyOS image.createPixelMap使用问题
384浏览 • 1回复 待解决
HarmonyOS 防重复点击问题
144浏览 • 1回复 待解决
HarmonyOS 方法点击跳转问题
307浏览 • 1回复 待解决
HarmonyOS 点击事件判定问题
211浏览 • 1回复 待解决
HarmonyOS 点击事件监听问题
231浏览 • 1回复 待解决
HarmonyOS点击事件传递响应问题
199浏览 • 1回复 待解决
HarmonyOS点击文本实现问题
117浏览 • 1回复 待解决
Image组件缓存清空问题
4183浏览 待解决
HarmonyOS Image 加载网络图片问题
1055浏览 • 1回复 待解决
HarmonyOS image.PixelMap保存到 相册问题
172浏览 • 1回复 待解决
HarmonyOS Push点击冷启动跳转问题
609浏览 • 1回复 待解决
HarmonyOS 气泡点击蒙层问题
558浏览 • 1回复 待解决
HarmonyOS 组件叠加阻拦点击事件问题
167浏览 • 1回复 待解决
panel组件点击区域问题
5078浏览 • 1回复 待解决
HarmonyOS Canvas绘制image的API相关问题
220浏览 • 1回复 待解决
HarmonyOS 层叠布局点击事件实现问题
159浏览 • 1回复 待解决