It uses 9 patch to stretch out the button background and puts the text in the middle. Since we have the font, we don't actually have to make a separate image for every button.
But what we do need is to create these buttons for various resolutions so that the border and the corners look good.
Here is how menu controls are usually done in libgdx: https://github.com/libgdx/libgdx/wiki/Skin
Here's our skin images: https://github.com/apotapov/tafl/blob/master/assets/skin/uiskin.png
It uses 9 patch to stretch out the button background and puts the text in the middle. Since we have the font, we don't actually have to make a separate image for every button.
But what we do need is to create these buttons for various resolutions so that the border and the corners look good.