Use the new UI system, and use a slider with stretching anchors.
In fact, as I can probably tell your trying to make some sort
of HP style menu bar here, just set the colors/widths, and your set!
Remember to use the Canvas Scaler on scale with screen size mode!
Now to ANSWER your question more directly, you need to place the anchors of these UI Images closer together, the anchors indicate where on the canvas this is RELATIVE to.
So if your anchor is shaped like a rectangle, you will get MORE stretch when you resize Horizontally.
In short, place the anchors of these objects near one another. A second method to do this, is to copy the transform of one object, paste it onto the other objects transform, and just move the object slightly. This will copy any anchor information, and will help these to resize in similar fashion.
If the element does indeed need to be the same size on all screen sizes, set the anchors all to 0.5, since a "point" cannot be resized, this will give you a non-scaling object.
Good luck
PS. Dont place UI objects with scripts unless you absolutely have to! Use the UI tools, and set these within the editor.
↧