Tasharen Entertainment Forum

Support => NGUI 3 Support => Topic started by: Chad Goodson on August 05, 2013, 08:18:20 PM

Title: Horizontal NGUI buttons scaling on mobile devices
Post by: Chad Goodson on August 05, 2013, 08:18:20 PM

I just purchased NGUI pro. I have read many forum posts about scaling buttons to fit different mobile displays but none that quite fix my problem. I have designed my GUI to fit vertically on a  Ipad retina display. I have looked at the tutorials and gotten the buttons to anchor and to scale but not the way I need them to. Because the buttons run horizontal along the bottom but the scale settings are calculated by vertical height, I can't get the buttons to scale so that they always touch the horizontal borders.(See attached images) How can I achieved my desired effect? Thank you to anyone that can help

Title: Re: Horizontal NGUI buttons scaling on mobile devices
Post by: ArenMook on August 05, 2013, 11:12:40 PM

There are many posts on this. Here's one for example: http://www.tasharen.com/forum/index.php?topic=2304.msg11491#msg11491

You shouldn't skew your UI as it makes it look ugly, which means you should either design it so that it extends past the narrower screen's borders, or make use of UIStretch for the backgrounds of your buttons.

Title: Re: Horizontal NGUI buttons scaling on mobile devices
Post by: Chad Goodson on August 06, 2013, 09:26:43 AM

I have explored UIRoot and I tried attaching the Ratio script that was mentioned. I am still not achieving my goal. Any thoughts?

Title: Re: Horizontal NGUI buttons scaling on mobile devices
Post by: Chad Goodson on August 06, 2013, 11:30:29 AM

I got it. I think I was expecting the script to do more than it was written to do. Thank you.