Skin font not resizing when tile resized

[krishnak]

I have modfied your stocktileskin to incorporate few changes. The UI can have dynamic number of tiles depending on data (with certain limits), Please refer to the images, when the app starts up, the tiles appear in a single column. With a slight nudge on the right corner, they appear as desired. Could you suggest what is the reason for this and how to make the UI appear uniformly in 2 columns when starting up.

When I have more number of tiles, they appear in 2 columns as designed.

As you can see in top left corner tile, there are some texts that get overlapped after resizing. When the app starts up the contents of the tile are properly aligned - however the tiles appear in a single column.

Could you suggest what am I messing in the skin. I am attaching the skin as well.


skin.txt

[HanSolo]

Well you have to scale the font and position the text in the resize() method of the skin. There is no magic behind it, you just need to figure out what you want to do and how the skin should visualize your ideas. Resizing most of the times is the hard part because you either need to restrict the size of the skin or scale and position everything according to the actual size which gets harder the more elements you have in your skin.