UIStretch

[ArenMook]

*** Deprecated in 3.0.7 ***

This component has been deprecated in NGUI version 3.0.7. Widgets and Panels have a new Anchor section.

Overview

UIStretch makes it possible to stretch widgets relative to other widgets or the camera's view rectangle. When used together with UIAnchor it makes it possible to create modular UIs in NGUI 3.0.6 and earlier.



Have you ever wanted to have one of your widgets automatically adjust its size to match another widget's size? Most basic example being a label inside a button. Well, you can!

Going with the button example, if you have a button's background specified by a sliced sprite, and a child label underneath it, you can put a UIStretch script on the label, choose the background as the Container, and set the Style to be "Both". Give it some Border Padding, and you're done! Now when you resize the background, the label will also be resized accordingly.

Pro-Tip

You can combine anchors with stretch scripts to create modular UIs:
http://www.youtube.com/watch?v=q1C5NwZasGs

Class Documentation

http://tasharen.com/ngui/docs/class_u_i_stretch.html

If you have a question regarding this component or would like me to clarify something, just post a reply here.

[Messu]

Hi,
I would like to have kind of pictures to show how things work with different options. I guess it would be useful for others and not only me.

[dominus85]

I import a 4:3 (1024x768) sprite and apply UIStretch to it
Style: FillKeepingRatio
The image automatically gets resized to a square and the dimensions are the same, without me being able to click snap..

The only way to keep it 4:3 and not 1:1 is to say the initial size is 4:3.. Is this normal or a bug?

Thanks

[SamK]

Hi Aren,
Whats the alternative of doing the same functionality in NGUI 3.0.7. ??
Although UIStretch is still searchable in the project window I haven't tried it after reading this.
I want to scale up/down a BG.
if i'm not wrong i think the type drop down in the anchor part has something to do with it. "unified and advanced"

Thanks

[ArenMook]

All widgets have built-in anchoring functionality now, and you should be using those instead of UIAnchor/UIStretch. The video tutorial explaining the layout system explains how to use them, so start with that.

[ababab5]

Hi,

I tried to create a chat. Each chat have - of course - a label.

My problem is I can resize the label dynamically with the option " resize height " but I want to adapt the width too, in a certain limit.


For example, I want to have a width max of 200 pixels, and if my text of longer than that (the font size is constant), the UILabel add a new line (so at this moment I get a bigger height).


If fact it's what all the chat (Facebook, whatsapp etc... ) did.

I'm sure I can do that, but I really ... Really! ... Don't understand how.


Thank you very much for your help.


Best regards,

AB

[ArenMook]

I do that in Windward for tooltips. I have the height at Resize Freely, but width changes depending on the content.

What I do is simple. I set the label's overflow method to ResizeFreely, set its text, then check its printedSize. I then make a decision for what its width should be, change its overflow method back to ResizeHeight, and set the width.

1.                                 comparisonLabel.overflowMethod = UILabel.Overflow.ResizeFreely;
2.                                 comparisonLabel.text = ttCompare;
3.                                 comparisonLabel.gameObject.SetActive(true);
4.  
5.                                 // Don't let the comparison label to get too small
6.                                 if (comparisonLabel.printedSize.x < 80f)
7.                                 {
8.                                         comparisonLabel.overflowMethod = UILabel.Overflow.ResizeHeight;
9.                                         comparisonLabel.width = 80;
10.                                 }
11.                                 else if (comparisonLabel.printedSize.x > 200f)
12.                                 {
13.                                         comparisonLabel.overflowMethod = UILabel.Overflow.ResizeHeight;
14.                                         comparisonLabel.width = 200;
15.                                 }

No UIStretch needed. Not sure why you posted here.