timothy1ee
commented
10 years ago OK, looks good. There are 2 options for handling view layouts: Auto Layout or manually. Auto Layout is still very new, and it's important to know how to use both methods, since both methods are in use in production apps.
Manual approach:
- Simply set the autoresizingMask of the searchBar to UIViewAutoresizingFlexibleWidth, and the search bar will automatically grow or shrink its width with the parent.
Auto Layout approach (this is the one you used):
- When you have Auto Layout enabled in the nib, you may no longer set the frame of the view. Instead, the frame is calculated based on the constraints. The exception is if you set the
translatesAutoresizingMaskIntoConstraintsproperty to YES. - Add constraints to the search bar to fix the left and right margin to 0. This will cause the search bar's width to grow and shrink with the parent. In Interface Builder, click on the search bar and click the left and right margins so they become red. See the screenshot here: http://d.pr/i/UOo4
ss-prasanth
Please review imageSearch app and share your comments /cc @nesquena @timothy1ee. How to change the width of UISearchBar when orientation changes? I did that using searchBar.frame, but the searchBar is resetting the width when we start editing.