37_UIDrag.lua 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. -- Urho3D UI Drag Example:
  2. -- This sample demonstrates:
  3. -- - Creating GUI elements from AngelScript
  4. -- - Loading GUI Style from xml
  5. -- - Subscribing to GUI drag events and handling them.
  6. require "LuaScripts/Utilities/Sample"
  7. VAR_BUTTONS = StringHash("BUTTONS")
  8. VAR_START = StringHash("START")
  9. VAR_DELTA = StringHash("DELTA")
  10. function Start()
  11. -- Execute base class startup
  12. SampleStart()
  13. -- Set mouse visible
  14. local platform = GetPlatform()
  15. if platform ~= "Android" and platform ~= "iOS" then
  16. input.mouseVisible = true
  17. end
  18. -- Create the UI content
  19. CreateGUI()
  20. CreateInstructions()
  21. -- Hook up to the frame update events
  22. SubscribeToEvents()
  23. end
  24. function CreateInstructions()
  25. -- Construct new Text object, set string to display and font to use
  26. local instructionText = ui.root:CreateChild("Text")
  27. instructionText:SetText("Drag on the buttons to move them around.\nTouch input allows also multi-drag.")
  28. instructionText:SetFont(cache:GetResource("Font", "Fonts/Anonymous Pro.ttf"), 15)
  29. instructionText.textAlignment = HA_CENTER
  30. -- Position the text relative to the screen center
  31. instructionText.horizontalAlignment = HA_CENTER
  32. instructionText.verticalAlignment = VA_CENTER
  33. instructionText:SetPosition(0, ui.root.height / 4)
  34. end
  35. function CreateGUI()
  36. -- Load the style sheet from xml
  37. ui.root.defaultStyle = cache:GetResource("XMLFile", "UI/DefaultStyle.xml")
  38. for i=0, 9, 1 do
  39. local b = Button:new()
  40. ui.root:AddChild(b)
  41. -- Reference a style from the style sheet loaded earlier:
  42. b:SetStyle("Button")
  43. b:SetMinSize(IntVector2(300, 100))
  44. b:SetPosition(IntVector2(50*i, 50*i))
  45. SubscribeToEvent(b, "DragMove", "HandleDragMove")
  46. SubscribeToEvent(b, "DragBegin", "HandleDragBegin")
  47. SubscribeToEvent(b, "DragCancel", "HandleDragCancel")
  48. local t = Text:new()
  49. b:AddChild(t)
  50. t:SetStyle("Text")
  51. t:SetHorizontalAlignment(HA_CENTER)
  52. t:SetVerticalAlignment(VA_CENTER)
  53. t:SetName("Text")
  54. t = Text:new()
  55. b:AddChild(t)
  56. t:SetStyle("Text")
  57. t:SetName("Event Touch")
  58. t:SetHorizontalAlignment(HA_CENTER)
  59. t:SetVerticalAlignment(VA_BOTTOM)
  60. t = Text:new()
  61. b:AddChild(t)
  62. t:SetStyle("Text")
  63. t:SetName("Num Touch")
  64. t:SetHorizontalAlignment(HA_CENTER)
  65. t:SetVerticalAlignment(VA_TOP)
  66. end
  67. for i = 0, 9, 1 do
  68. local t = Text:new()
  69. ui.root:AddChild(t)
  70. t:SetStyle("Text")
  71. t:SetName("Touch " .. i)
  72. t:SetVisible(false)
  73. end
  74. end
  75. function SubscribeToEvents()
  76. -- Subscribe HandleUpdate() function for processing update events
  77. SubscribeToEvent("Update", "HandleUpdate")
  78. end
  79. function HandleDragBegin(eventType, eventData)
  80. local element = eventData["Element"]:GetPtr("UIElement")
  81. local lx = eventData["X"]:GetInt()
  82. local ly = eventData["Y"]:GetInt()
  83. local p = element.position
  84. element:SetVar(VAR_START, Variant(p))
  85. element:SetVar(VAR_DELTA, Variant(Vector2(p.x - lx, p.y - ly)))
  86. local buttons = eventData["Buttons"]:GetInt()
  87. element:SetVar(VAR_BUTTONS, Variant(buttons))
  88. local t = tolua.cast(element:GetChild("Text"), 'Text')
  89. t:SetText("Drag Begin Buttons: " .. buttons)
  90. t = tolua.cast(element:GetChild("Num Touch"), 'Text')
  91. t:SetText("Number of buttons: " .. eventData["NumButtons"]:GetInt())
  92. end
  93. function HandleDragMove(eventType, eventData)
  94. local element = eventData["Element"]:GetPtr("UIElement")
  95. local buttons = eventData["Buttons"]:GetInt()
  96. local d = element:GetVar(VAR_DELTA):GetVector2()
  97. local X = eventData["X"]:GetInt() + d.x
  98. local Y = eventData["Y"]:GetInt() + d.y
  99. local BUTTONS = element:GetVar(VAR_BUTTONS):GetInt()
  100. local t = tolua.cast(element:GetChild("Event Touch"), 'Text')
  101. t:SetText("Drag Move Buttons: " .. buttons)
  102. element:SetPosition(IntVector2(X, Y))
  103. end
  104. function HandleDragCancel(eventType, eventData)
  105. local element = eventData["Element"]:GetPtr("UIElement")
  106. local P = element:GetVar(VAR_START):GetIntVector2()
  107. element:SetPosition(P)
  108. end
  109. function HandleUpdate(eventType, eventData)
  110. local n = input:GetNumTouches()
  111. local i = 0
  112. while i < n do
  113. local t = tolua.cast(ui.root:GetChild("Touch " .. i), 'Text')
  114. local ts = input:GetTouch(i)
  115. t:SetText("Touch " .. ts.touchID)
  116. local pos = IntVector2(ts.position)
  117. pos.y = pos.y - 30
  118. t:SetPosition(pos)
  119. t:SetVisible(true)
  120. i = i + 1
  121. end
  122. i = n
  123. while i < 10 do
  124. local t = tolua.cast(ui.root:GetChild("Touch " .. i), 'Text')
  125. t:SetVisible(false)
  126. i = i + 1
  127. end
  128. end
  129. -- Create XML patch instructions for screen joystick layout specific to this sample app
  130. function GetScreenJoystickPatchString()
  131. return "<patch>" ..
  132. " <add sel=\"/element/element[./attribute[@name='Name' and @value='Hat0']]\">" ..
  133. " <attribute name=\"Is Visible\" value=\"false\" />" ..
  134. " </add>" ..
  135. "</patch>"
  136. end