Is it possible to change the vertical position of cancel button in the search bar?

Question

I moved the search bar from UIView to navigationItem in UIViewController when I was updating the application from 10 to 11 iOS SDK. Further, I set to position a background image in UISearchBar with a vertical offset because the distance between the logo and searchBar was small.

searchBar.setSearchFieldBackgroundImage(searchFieldImage, for: .normal)
searchBar.searchFieldBackgroundPositionAdjustment = UIOffset(horizontal: 0, vertical: 4)

But I can't right be positioning the Cancel button on vertical. How can I set the vertical position the Cancel button in UISearchBar, or title in button?

score 4 · Accepted Answer · answered May 17 '18 at 13:22

4

Access the cancel button as follows:-

UIBarButtonItem *cancelButton = [UIBarButtonItem appearanceWhenContainedIn:[UISearchBar class], nil];

Now try to update the frame(y axis) of cancelButton.

answered May 17 '18 at 13:22

pkc456

8,350
38
53
109

Thank you!! It works, please update your answer with the swift example, and you can add cancelButton.setTitlePositionAdjustment method for more explaining answer – Vladimir Vishnyagov May 18 '18 at 05:42
Could you please be more thorough with your explanation? – bedranfleck Feb 25 '19 at 20:46

score 2 · Answer 2 · answered Mar 15 '21 at 17:08

2

let cancelButton = UIBarButtonItem.appearance(whenContainedInInstancesOf: [UISearchBar.self])
let offset = UIOffset(horizontal: 0, vertical: 7)
cancelButton.setTitlePositionAdjustment(offset, for: .default)

Also take a look at apple doc here.

answered Mar 15 '21 at 17:08

Aleksey Shevchenko

1,159
1
11
23

score 0 · Answer 3 · answered May 17 '18 at 12:10

0

You can increase searchBar Height heightAnchor.constraint to increase navigation Bar Height to fix image logo issue , check it

In IOS 11

searchController.searchBar.heightAnchor.constraint(equalToConstant: 50).isActive = true

answered May 17 '18 at 12:10

Abdelahad Darwish

5,969
1
17
35

Is it possible to change the vertical position of cancel button in the search bar?

3 Answers3