How to create an UMG Arc Slider?

Development Programming & Scripting UI
, , , , ,
1

I need to create an arc slider, this is the normal slider:

88438-slider.jpg

and this is the one i would need:

88439-myslider.jpg

I saw this post too: https://answers.unrealengine.com/questions/24221/hud-sliders.html

Do I need to create a C++ class and a BluePrint for this, or maybe just a “skin” for the slider?

2

So this was my solution…

  1. make a canvas with the background image of the arc and the control inside
  2. set the control image anchor in the left-bottom corner ,to have a 0 → 700 in width and 0->400 in height
  3. in the touch event you just have to set the position using maths:
    x = offsetx + r * cosd(angle) ; y = offsety + r * sind(angle)
    where angle is the value of your slider from 0 to 1 multiplied by the angle of the arc : 180º and the radio is the maximum distance.