mobile development etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
mobile development etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

26 Ocak 2015 Pazartesi

Basic AutoLayout Example in iOS -2








Let's make a basic autolayout example by using two label , an imageview and a scrollview.


Firstly add an imageview the upper left corner.

height = 80
width = 80

We should add constraints for the imageview and define width and height sizes.




Secondly add a label right of imageview.
In order to add top space, we choose Top space to Top Layout Guide
In order to save space between imageview and label, we choose left space.


Add a scrollview below imageview and label.
We should add constraints for the scrollview and define width and height sizes.
In order to change size of scrollview according to iPhone sizes, we choose "Equal Widths" for its width.

Also ,we must design its height size according to iPhone sizes. Therefore we set 0 bottom space. And we set 0 left space.


Finally, let's add a label center of scrollview. We must choose "Center Horizontally in Container" and "Center Vertically in Container

Update Frames all views :)

Let's control all views for different iPhone sizes.


Result