canvas.Image should be Tappable

[Nazgand]

Is your feature request related to a problem? Please describe:

canvas.Image.Tapped could be set for each image and this would make games easier to make.

Is it possible to construct a solution with the existing API?

I can see from the Solitaire example that a tappable gameboard is possible yet more complicated than desired.

Describe the solution you'd like to see:

I want code like this to work:
func main() {
a := app.New()
win := a.NewWindow("Blooms")
board := canvas.NewImageFromFile("board.png")
board.Tapped = func(event *fyne.PointEvent) { fmt.Println("tap", event) }
win.SetContent(board)
win.ShowAndRun()
}

[andydotxyz]

The canvas primitives (things in the canvas package) like Image are just for drawing - interaction is not supported at that level.

To be Tappable an item would need to be a widget. It is possible that we are missing a helper construct like widget.NewSimpleWidget(fyne.CanvasObject) but I don’t know if that would help here?

[Nazgand]

If that works how I think it works, then it can produce exactly what I want (A Tappable image I could update every time it is Tapped). I confess that I still have not figured out what Solitaire is doing to act like a Tappable Image, so this would be extremely helpful.

[andydotxyz]

I created a new issue and will close this in preference to that feature request: #709

[metal3d]

I strangely made this (by error) and it worked....

image :=  canvas.NewImageFromImage(i) // this is an image.Image
image.FillMode = canvas.ImageFillContain
// This button will be placed "over" the image using a Padded box
openButton := widget.NewButton("", func(){
    fmt.Println("Image clicked...")
})
// this encapsulate the image and the button
box := container.NewPadded(image, openButton)

I'm not sure to understand why it works, but it works...

[andydotxyz]

NewPadded lays all elements out inside a container with a padding inset. NewMax would do the same with no gap around the edge. You have created a button with no content above your image.
You will be able to see the button border.

[metal3d]

Ho ! I Should test !
Anyway, there are workarounds to make image clickable 😉

[fish-hex]

type ImageButton struct {
	*canvas.Image
	OnTapped func()
}

func NewImageButtonFromFile(file string, onTapped func()) *ImageButton {
	return &ImageButton{canvas.NewImageFromFile(file), onTapped}
}

func (b *ImageButton) CreateRenderer() fyne.WidgetRenderer {
	return widget.NewSimpleRenderer(b.Image)
}

func (b *ImageButton) Tapped(ev *fyne.PointEvent) {
	b.OnTapped()
}

it works!!!