如何更改 UISearchController 中文本字段的背景颜色?
Posted
技术标签:
【中文标题】如何更改 UISearchController 中文本字段的背景颜色?【英文标题】:How to change background color of the text field in the UISearchController? 【发布时间】:2018-12-13 13:06:41 【问题描述】:如何更改 UISearchController 搜索文本字段的默认灰色背景?
【问题讨论】:
看到这个***.com/questions/52905371/… @wings 当 Apple 决定更改视图层次结构时会发生什么? 请看这个答案:***.com/questions/52870677/… @RakeshaShastri...我不明白:D @SagarChauhan 当 Apple 决定更改密钥时会发生什么? 【参考方案1】:这是一个关于如何设置textField
背景的示例。
class ViewController: UIViewController
let searchController = UISearchController(searchResultsController: nil)
private lazy var searchTextField: UITextField? = [unowned self] in
var textField: UITextField?
self.searchController.searchBar.subviews.forEach( view in
view.subviews.forEach( view in
if let view = view as? UITextField
textField = view
)
)
return textField
()
override func viewDidLoad()
super.viewDidLoad()
searchController.obscuresBackgroundDuringPresentation = false
searchController.searchBar.placeholder = "Search Candies"
navigationItem.searchController = searchController
definesPresentationContext = true
if let bg = self.searchTextField?.subviews.first
bg.backgroundColor = .green
bg.layer.cornerRadius = 10
bg.clipsToBounds = true
结果
【讨论】:
不是找到UITextField
的最佳方式。至少让它递归。 :(【参考方案2】:
更新 UISearchController 背景的正确方法是改变背景图片。
如果你在可视化调试器中看到 UISearchController 你会发现它的背景是 UIImageView:
所以你应该制作你的搜索栏的小图像并将其设置为 seachBar 像这样:
lazy var searchController: UISearchController =
let searchController = UISearchController(searchResultsController: nil)
searchController.searchBar.placeholder = "Search"
searchController.searchBar.tintColor = UIColor.black
searchController.searchBar.searchBarStyle = .minimal
// Set background image to searchBar so it will resize
searchController.searchBar.setSearchFieldBackgroundImage(UIImage(named: "oval_static"), for: .normal)
definesPresentationContext = true
return searchController
()
searchBar的图片(项目中我推荐使用.pdf或.png格式的图片,这里只是截图):
UISearchBar 会根据需要调整它的大小,结果是:
此外,我们可以这样做以仅在代码中创建自定义背景:
/// Just random extension to make image from UIView, you can use your own
extension UIView
func asImage() -> UIImage
let renderer = UIGraphicsImageRenderer(bounds: bounds)
return renderer.image rendererContext in
layer.render(in: rendererContext.cgContext)
lazy var searchController: UISearchController =
let searchController = UISearchController(searchResultsController: nil)
searchController.searchBar.placeholder = "Search"
searchController.searchBar.tintColor = UIColor.black
searchController.searchBar.searchBarStyle = .minimal
// Create own view with custom properties
// Default height is 36 points
let differentColorSearchBar = UIView(frame: CGRect(x: 0, y: 0, width: 10, height: 36))
differentColorSearchBar.layer.cornerRadius = 8
differentColorSearchBar.clipsToBounds = true
differentColorSearchBar.backgroundColor = UIColor.blue
searchController.searchBar.setSearchFieldBackgroundImage(differentColorSearchBar.asImage(), for: .normal)
definesPresentationContext = true
return searchController
结果是(当然你可以改变 searchBar 的另一个属性让它变得更好,但我只是告诉你如何正确改变背景):
我建议避免使用私有属性,只使用 open!希望有帮助。
【讨论】:
【参考方案3】:在 ios13 及更高版本上,searchTextField 是 UISearchBar 的成员。所以你可以使用这样的东西:
searchController.searchBar.searchTextField.backgroundColor = UIColor.blue
请注意,Apple 在 SDK 中没有适当的符号显示此属性是在 iOS 13 中引入的,因此如果您支持 iOS 12 或更早版本,它不会向您显示任何警告。确保仅针对 iOS 13 进行包装。
【讨论】:
【参考方案4】:我是这样做的,Objective-C代码:
UITextField *searchField = [_navigationSearchBar valueForKey:@"searchField"];
searchField.backgroundColor = [UIColor defaultSeacrhBarColor];
searchField.textColor = [UIColor defaultWhiteColor];
searchField.attributedPlaceholder = [[NSAttributedString alloc] initWithString:searchTitle];
UILabel *placeholderLabel = [searchField valueForKey:@"placeholderLabel"];
placeholderLabel.textColor = [UIColor lightTextColor];
UIButton *clearButton = [searchField valueForKey:@"clearButton"];
[clearButton setImage:[clearButton.imageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateNormal];
clearButton.tintColor = [UIColor defaultWhiteColor];
_navigationSearchBar.delegate = self;
[_navigationSearchBar setTranslucent:NO];
[_navigationSearchBar setBackgroundImage:nil];
[_navigationSearchBar setBarTintColor:[UIColor defaultNavigationBarColor]];
[_navigationSearchBar setBackgroundColor:[UIColor defaultNavigationBarColor]];
[_navigationSearchBar setImage:[UIImage imageNamed:@"Search_Icon"] forSearchBarIcon:UISearchBarIconSearch state:UIControlStateNormal];
_navigationSearchBar.clipsToBounds = YES;
[_navigationBar addSubview:_navigationSearchBar];
【讨论】:
【参考方案5】:最多使用下面这个函数来改变颜色。
extension UISearchBar
func setBackgroundColor()
if let view:UIView = self.subviews.first
for curr in view.subviews
guard let searchBarBackgroundClass = NSClassFromString("UISearchBarBackground") else
return
if curr.isKind(of:searchBarBackgroundClass)
if let imageView = curr as? UIImageView
imageView.backgroundColor = .red
break
将此功能与搜索栏一起使用。
searchBarController.searchBar.setBackgroundColor()
【讨论】:
【参考方案6】:Apple 有键 'searchField' 来检测 searchBar 中的文本字段。因此,首先安全地获取该文本字段并使用文本字段进行任何您想要的更改。
let searchController = UISearchController(searchResultsController: nil)
searchController.searchResultsUpdater = self
searchController.searchBar.placeholder = "Search here..."
searchController.searchBar.delegate = self
searchController.searchBar.tintColor = .white
searchController.searchBar.barTintColor = .white
searchController.hidesNavigationBarDuringPresentation = false
searchController.obscuresBackgroundDuringPresentation = false
if let textfield = searchController.searchBar.value(forKey: "searchField") as? UITextField
// Set text colour of text field
textfield.textColor = UIColor.blue
if let backgroundview = textfield.subviews.first
// Get background view and change background color
backgroundview.backgroundColor = UIColor.white
// Set rounded corner
backgroundview.layer.cornerRadius = 10
backgroundview.clipsToBounds = true
if #available(iOS 11.0, *)
self.navigationItem.searchController = searchController
else
self.tblCustomers.tableHeaderView = searchController.searchBar
这是工作代码,我已在当前项目中实现。如果您有任何疑问,请告诉我。
希望对你有帮助。
【讨论】:
当你写.value(forKey: "searchField")
时,你是在打电话给 Apple,在他们注意到时拒绝你的应用程序。此外,如果他们只是在任何新版本中重命名 searchField
属性,您的应用程序将会崩溃。
@Kamran,首先,我通过if let
的可选解包安全地获取了textField,所以它不会崩溃应用程序。第二件事,如果应用程序处于活动状态,那么它将如何崩溃。此外,我的一个应用程序已经存在于此代码可用的地方。
是的,如果.value(forKey: "searchField")
没有崩溃,可选的展开将起作用。如果它在这个方法里面崩溃了,可选的 unwrap 也救不了你。如果应用程序处于活动状态并且他们在新操作系统中重命名了该属性,那么它将开始崩溃,因为该密钥将不可用。最后,您的应用程序和许多其他应用程序都已上线,因为 Apple 没有注意到您正在访问 private
api。只要他们注意到这一点,就可以拒绝该应用。【参考方案7】:
没有任何适当/公开的方法可以更改此搜索栏的背景颜色。有一些方法可以使用私有 api,例如 @sanjayshah 的回答,但在这种情况下,苹果可能会拒绝您的申请。我认为您应该继续使用默认背景颜色。大多数应用程序使用相同。
【讨论】:
【参考方案8】:@Kamran 答案的递归版本,具有更好的最佳情况和平均运行时间。接受的版本不适用于我的 iOS 13+。
private lazy var searchTextField: UITextField? = [unowned self] in
guard let searchBar = self.searchController?.searchBar else return nil
var views = searchBar.subviews
while !views.isEmpty
guard let view = views.popLast() else break
if let textfield = view as? UITextField
return textfield
views += view.subviews
return nil
()
【讨论】:
【参考方案9】:首先检查平台,
比起修改,导致 IOS 13 不接受为 IOS 12 制作的很多技巧
if #available(iOS 13, *)
searchController.searchBar.searchTextField.backgroundColor = .white
else
for textField in searchController.searchBar.subviews.first.subviews where textField is UITextField
textField.subviews.first.backgroundColor = .white
textField.subviews.first.layer.cornerRadius = 10
textField.subviews.first.layer.masksToBounds = true
【讨论】:
【参考方案10】:在 iOS 12 及以下版本中,需要覆盖文本字段内的图像,该图像给出了我们想要更改的背景颜色。 您可以在 imageview 之后的索引 1 处添加自定义视图以实现您想要的。
if #available(iOS 13.0, *)
searchBar.searchTextField.textColor = .black
searchBar.searchTextField.backgroundColor = .red
else if let textFieldInsideSearchBar = searchBar.value(forKey: "searchField") as? UITextField
textFieldInsideSearchBar.textColor = .black
let backgroundView = UIView(frame: textFieldInsideSearchBar.bounds)
backgroundView.backgroundColor = .red
backgroundView.layer.cornerRadius = 10
backgroundView.clipsToBounds = true
textFieldInsideSearchBar.insertSubview(backgroundView, at: 1)
【讨论】:
【参考方案11】:你有没有尝试过类似的东西
searchController.searchBar.backgroundColor = UIColor.blue
【讨论】:
好的!也许您可以尝试使用 searchBar 内的子视图,如果您找到一个 UITextField 的子视图,请更改其背景颜色以上是关于如何更改 UISearchController 中文本字段的背景颜色?的主要内容,如果未能解决你的问题,请参考以下文章
如何快速更改 UISearchController 行的高度
tvOS 14.3 UISearchController:如何锁定显示
无法在使用 UISearchController 实现的搜索栏中更改 TF 的背景颜色