菜鸟教程小白 发表于 2022-12-11 19:02:49

iOS 11 在导航栏中自定义搜索栏


                                            <p><p>我想在 iOS 11 搜索栏中嵌入导航栏中时更改文本和图标的颜色。所以占位符文本、搜索文本和搜索图标。</p>

<p> <a href="/image/sDDJ0.png" rel="noreferrer noopener nofollow"><img src="/image/sDDJ0.png" alt="enter image description here"/></a> </p>

<pre><code>if #available(iOS 11.0, *) {
    navigationController?.navigationBar.prefersLargeTitles = false
    let searchController = UISearchController(searchResultsController: nil)
    navigationItem.searchController = searchController
    navigationItem.hidesSearchBarWhenScrolling = false

    searchController.searchBar.placeholder = &#34;Suchen&#34;
    searchController.searchBar.tintColor = .white
}
</code></pre>

<p>正如您在图像中看到的那样,深蓝色背景上的文本是灰色的,看起来很难看。我希望文本和图标至少是白色的。 (改变蓝色背景颜色也不是很好,见<a href="https://stackoverflow.com/questions/45997996/ios-11-uisearchbar-in-uinavigationbar" rel="noreferrer noopener nofollow">my other question</a>)</p>

<p>唯一有效的方法是更改​​闪烁光标和“取消”按钮的颜色,这是通过 .tintColor 属性完成的。</p>

<p>似乎适用于 iOS 10 及更低版本的解决方案在 iOS 11 中似乎不再适用,因此请仅发布您知道适用于 iOS 11 的解决方案。谢谢。</p>

<p>也许我错过了关于 iOS 11 中这种“自动样式”的要点。感谢任何帮助。</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我刚刚发现了如何设置它们的其余部分:(在 Brandon 的帮助下,谢谢!)</p>

<p>“取消”文本:</p>

<pre><code>searchController.searchBar.tintColor = .white
</code></pre>

<p>搜索图标:</p>

<pre><code>searchController.searchBar.setImage(UIImage(named: &#34;my_search_icon&#34;), for: UISearchBarIcon.search, state: .normal)
</code></pre>

<p>清除图标:</p>

<pre><code>searchController.searchBar.setImage(UIImage(named: &#34;my_search_icon&#34;), for: UISearchBarIcon.clear, state: .normal)
</code></pre>

<p>搜索文本:</p>

<pre><code>UITextField.appearance(whenContainedInInstancesOf: ).defaultTextAttributes =
</code></pre>

<p>感谢@Brandon 的帮助!</p>

<p> <a href="/image/QrB9B.png" rel="noreferrer noopener nofollow"><img src="/image/QrB9B.png" alt="enter image description here"/></a> </p>

<p>占位符:</p>

<pre><code>UITextField.appearance(whenContainedInInstancesOf: ).attributedPlaceholder = NSAttributedString(string: &#34;placeholder&#34;, attributes: )
</code></pre>

<p> <a href="/image/5qdvs.png" rel="noreferrer noopener nofollow"><img src="/image/5qdvs.png" alt="enter image description here"/></a> </p>

<p>白色背景:</p>

<pre><code>let searchController = UISearchController(searchResultsController: nil)
searchController.delegate = self

let searchBar = searchController.searchBar
searchBar.tintColor = UIColor.white
searchBar.barTintColor = UIColor.white

if let textfield = searchBar.value(forKey: &#34;searchField&#34;) as? UITextField {
    textfield.textColor = UIColor.blue
    if let backgroundview = textfield.subviews.first {

      // Background color
      backgroundview.backgroundColor = UIColor.white

      // Rounded corner
      backgroundview.layer.cornerRadius = 10;
      backgroundview.clipsToBounds = true;
    }
}

if let navigationbar = self.navigationController?.navigationBar {
    navigationbar.barTintColor = UIColor.blue
}

navigationItem.searchController = searchController
navigationItem.hidesSearchBarWhenScrolling = false
</code></pre>

<p> <a href="/image/vPbx7.png" rel="noreferrer noopener nofollow"><img src="/image/vPbx7.png" alt="enter image description here"/></a> </p>

<p>取自 <a href="https://stackoverflow.com/questions/45997996/ios-11-uisearchbar-in-uinavigationbar/45999985#comment79464623_45999985" rel="noreferrer noopener nofollow">here</a> .</p></p>
                                   
                                                <p style="font-size: 20px;">关于iOS 11 在导航栏中自定义搜索栏,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/46861355/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/46861355/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: iOS 11 在导航栏中自定义搜索栏