Mirror of forum.nim-lang.org

10085 :: NiGui: adding images to a layout container

• herdingSheep (orginal) [2023-04-10T01:09:08+02:00] view original

  How do I add images to a horizontal layout container using NiGui?

---

• Trustable (orginal) [2023-04-10T02:37:39+02:00] view original

  Create a control with newControl(), set onDraw and draw the image by drawImage().

---

• herdingSheep (orginal) [2023-04-10T10:02:04+02:00] view original

  Thank you, Trustable.

---

• herdingSheep (orginal) [2023-04-10T10:45:07+02:00] view original

  This is my code:

  import nigui
    
    app.init()
    
    var diceContainer = newLayoutContainer(Layout_Horizontal)
    
    for i in 1..6:
      var dieImage = newImage()
      dieImage.loadFromFile("Dice" & $i & ".png")
      var dieControl = newControl()
      dieControl.onDraw = proc (event: DrawEvent) =
        var control = event.control.canvas
        control.drawImage(dieImage)
      diceContainer.add(dieControl)
      dieControl.widthMode = WidthMode_Fill
      dieControl.heightMode = HeightMode_Fill
    
    var window = newWindow()
    window.add(diceContainer)
    diceContainer.widthMode = WidthMode_Fill
    diceContainer.heightMode = HeightMode_Fill
    
    window.show()
    
    app.run()
  Run

  The result I get is: 6, 6, 6, 6, 6, 6 But I was expecting: 1, 2, 3, 4, 5, 6

  What is wrong with my code? And is there a better way of writing this code?

---

• PMunch (orginal) [2023-04-10T11:42:59+02:00] view original

  This is simply because Nim closures capture by reference. By the time your loop is over dieImage will point to the last image for all of the callbacks. Have a look at this for a way to solve it: https://nim-lang.org/docs/sugar.html#capture.m,varargs[typed],untyped

---