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点击无法全屏预览
697浏览 • 1回复 待解决
HarmonyOS Image问题咨询
1042浏览 • 1回复 待解决
HarmonyOS image resizable问题咨询
1830浏览 • 1回复 待解决
HarmonyOS image组件拖拽问题
1504浏览 • 1回复 待解决
HarmonyOS 方法点击跳转问题
913浏览 • 1回复 待解决
HarmonyOS 防重复点击问题
898浏览 • 1回复 待解决
HarmonyOS image.createPixelMap使用问题
1485浏览 • 1回复 待解决
HarmonyOS 点击事件监听问题
1091浏览 • 1回复 待解决
HarmonyOS 点击事件判定问题
1183浏览 • 1回复 待解决
HarmonyOS Image 加载网络图片问题
2341浏览 • 1回复 待解决
Image组件缓存清空问题
5108浏览 • 0回复 待解决
HarmonyOS点击事件传递响应问题
867浏览 • 1回复 待解决
HarmonyOS点击文本实现问题
634浏览 • 1回复 待解决
HarmonyOS image.PixelMap保存到 相册问题
1268浏览 • 1回复 待解决
HarmonyOS Canvas绘制image的API相关问题
981浏览 • 1回复 待解决
HarmonyOS 组件叠加阻拦点击事件问题
982浏览 • 1回复 待解决
HarmonyOS 气泡点击蒙层问题
1145浏览 • 1回复 待解决
HarmonyOS Push点击冷启动跳转问题
1502浏览 • 1回复 待解决
panel组件点击区域问题
5823浏览 • 1回复 待解决
HarmonyOS 层叠布局点击事件实现问题
905浏览 • 1回复 待解决