Hi,

Please help me how to properly implement mouse over in this item
I'm stuck here, i don't know where to put the hover

The hover filename is "level-on-over-vertical.png" and "level-off-over-vertical.png"
Once disabled == true, hover should not be working

Qt Code:
  1. Item
  2. {
  3. id: levelItem
  4. anchors.leftMargin: 30
  5. anchors.fill: parent
  6.  
  7. Row
  8. {
  9. id: levelRow
  10.  
  11. Repeater
  12. {
  13. id:levelRepeater
  14. model: 15
  15.  
  16. Image {
  17. source: "../images/level-" + fillSource() + "vertical.png"
  18. id: levelImg
  19. fillMode: Image.PreserveAspectFit
  20.  
  21. function fillSource() {
  22. var source
  23. if (!disabled) {
  24. source = index <= level? "on-" : "off-"
  25. } else {
  26. source = index <= level? "disabled-" : "off-"
  27. }
  28. return source
  29. }
  30. }
  31.  
  32.  
  33. }
  34. }
  35.  
  36. MouseArea
  37. {
  38. id: levelArea
  39. anchors.fill: levelRow
  40. function xToIndex(xPos) { return xPos/25 }
  41. function setDisabled(xPos){
  42. if (disabled)
  43. disabled= !disabled
  44. level= xToIndex(xPos)
  45. }
  46. onClicked: setDisabled(mouse.x)
  47. onPositionChanged: {
  48. if ((mouse.x >= 0 && mouse.x <= 375) &&
  49. (mouse.y >= 0 && mouse.y <= 55)) {
  50. level= xToIndex(mouse.x);
  51. }
  52. }
  53. }
  54.  
  55. }
To copy to clipboard, switch view to plain text mode 

Any help is greatly appreciated. TIA.