Uiimageview autolayout issue

Question

I have this images views:

I want that for every device that the distance between the first imageview and the left side it's the same , then the distance between the first imageview and the second image view it's the same and the distance between the second imageview and the right border it's the same. Essentially It must grow their width according to the screen size of the device , but I don't be able to do this by autolayout on storyboard.

Can you help me?

use equal width constraint for both imageview .. and it will work — Bhavin Bhadani, Oct 18 '16 at 09:14
if I set equal width for both image views I get this : https://postimg.org/image/wgqzklkwt/ — alexander, Oct 18 '16 at 09:19
http://stackoverflow.com/questions/30063548/ios-auto-layout-scale-down/30068257#30068257 — Bhavin Bhadani, Oct 18 '16 at 09:21
I get the same(maybe because the images view are , in my project , in scrollview) — alexander, Oct 18 '16 at 09:37

score 1 · Accepted Answer · answered Oct 18 '16 at 09:44

1

Try the auto layout in below mentioned way

Suppose your two image views are imageVw1 and imageVw2 Consider imageVw1 is left one.

So put following constraints for imageVw1

Leading constraint with main container view.
Vertical constraint with main container view.
Fixed height Constraint.
Horizontal constraint to imageVw2.

Similarly constraint for imageVw2

Trailing constraint with main container view.
Vertical constraint with main container view.
Fixed height Constraint.
Horizontal constraint to imageVw2.

IMPORTANT : Provide equal width constraint to both imageView. (this constraint is for assigning equal width for both the image view. Else we need to give variable width, but i guess you need both image would be of equal width. So just assign equal width constraint).

See output for 6sPlus and 5s.

Hope it helps.

Happy coding ...

answered Oct 18 '16 at 09:44

Janmenjaya

4,149
1
23
43

I did this but it doesn't work. This(https://postimg.org/image/sxofxlngd/) is the my constraints like you , van you check it? "Come-arrivare-in-treno.jpg" is the first image view(to left) – alexander Oct 18 '16 at 09:52
can you have those project? – alexander Oct 18 '16 at 09:53
Which project are you asking?? Demo project by me? – Janmenjaya Oct 18 '16 at 09:55
Ok I can, but currently on a meeting. – Janmenjaya Oct 18 '16 at 10:00
Take a look here in demo project : https://github.com/janmenjayarout/Demo – Janmenjaya Oct 18 '16 at 11:43
ok it works, thank so much. I haven't words about it. Bye and thanks again – alexander Oct 18 '16 at 16:44
You are welcome dude.. Happy to help you. Up vote the answer if it helped you. – Janmenjaya Oct 18 '16 at 21:30

score 0 · Answer 2 · answered Oct 18 '16 at 09:19

0

Make a leading connection between left image and the view, left side. Make a trailing connection between the right image an the view, right side. Make an horizontal spacing connection between the images. Make a connection over one image and select aspect ratio and repeat it in the other image. Make connections to align, y position, etc

answered Oct 18 '16 at 09:19

Spidvmp

263
1
6
16

I set your constraints like this : https://postimg.org/image/7a7z9665b/ – alexander Oct 18 '16 at 09:22

score 0 · Answer 3 · answered Oct 18 '16 at 09:26

First imageView add a leading of lets say 10. And then between the second imageView and first imageView add a spacing of 10. Add a trailing space of 10 units of the second imageView to its superView. Now set second imageView to have an equal width and equal height to first imageView.

score 0 · Answer 4 · edited May 23 '17 at 12:00

What you need here is setting equal widths property for your left and right images. This can be done by selecting two images at the same time and by checking 'Equal widths' flag. You should also pin the leading space of left image to view with 'x' offset and pin the trailing space of left image to 'x' offset to right image. Also pin the trailing space of right image to 'x' offset to the view's trailing.

If the image view's super view is a scroll view, you will have to set the content size property of the scroll view. May be you can go through this link. Adding a view to a scroll view that will stretch to fill available width

Uiimageview autolayout issue

4 Answers4