将带图像的按钮添加到UISearchBar

Question

我使用自定义UISearchBar并覆盖功能＆＃34;绘制＆＃34;：

class MySearchBar: UISearchBar {
    override func draw(_ rect: CGRect) {
        if let index = indexOfSearchFieldInSubviews() {
            self.showsCancelButton = false
            searchField.clearButtonMode = .never
        }
    }

    func indexOfSearchFieldInSubviews() -> Int! {        
        var index: Int!
        let searchBarView = subviews[0]        
        for i in 0 ..< searchBarView.subviews.count {
            if searchBarView.subviews[i].isKind(of: UITextField.self) {
                index = i
                break
            }
        }

        return index
    }
}

如何在UISearchBar中添加带红色图像的按钮？

Answer 1

UISearchBar只是UIView的子类。我想你可以像添加任何其他视图一样添加UIButton。

但是，您要添加按钮的位置已有一个按钮。 UISearchBar附带一个书签按钮，您可以在其上设置自定义图像（通过调用setImage(someImage, for: .bookmark, state: .normal)）。此按钮具有UISearchBarDelegate方法，您可以从该方法响应内部触摸事件。

func searchBarBookmarkButtonClicked(_ searchBar: UISearchBar)
{
    print("The button on the right side of my search bar was pressed")
}

我发现这种方法比尝试猜测自定义按钮的适当大小和位置更清晰，“书签”用词不当。

我还建议不要覆盖draw(_ rect:)进行初始化和属性设置。覆盖它有一个性能成本，只需要定制绘图代码。

Answer 2

需要在函数 draw（_ rect：CGRect）中添加此代码：

let img = UIImage(named: "openFullList")
let imageButton = UIButton(type: .custom)
imageButton.frame = CGRect(x: self.frame.width - (img?.size.width)!, y: (self.frame.height - (img?.size.height)!)/2.0, width: (img?.size.width)!, height: (img?.size.height)!)
imageButton.setImage(img, for:UIControlState.normal)
self.addSubview(imageButton)