如何在 Swift 的搜索栏中设置动画？

Posted 2023-02-19

【中文标题】如何在 Swift 的搜索栏中设置动画？

【英文标题】：How to animate in a search bar in Swift?

【发布时间】：2018-12-31 09:37:31

【问题描述】：

我需要一些帮助来使用 swift 动画（滑入）搜索栏，我已经尝试查找教程等，但我似乎找不到任何东西。 视觉表示将是这样的：

当我单击导航栏右侧的放大镜图标时，我希望搜索栏从左侧滑入。我找到的所有教程都是关于在导航栏或静态搜索栏下创建搜索栏等。

【参考方案1】：

您可以查看navigationItem.titleView 将搜索栏直接放在导航栏上，但是实现您想要的动画将非常棘手。另请查看this question，其中包含有关您的问题的一些提示。

【讨论】：

谢谢，我去看看！

【参考方案2】：

首先我声明搜索栏：

var searchBar: UISearchBar!

在 viewDidLoad() 函数中，我按如下方式启动了搜索栏：

self.searchBar = UISearchBar(frame: CGRect(x:300, y:0, width:300, height:20))

点击放大镜时，我运行以下代码：

UIView.animate(withDuration: 0.25) 
    self.searchBar.frame = CGRect(x:0, y:0, width:300, height:20)

希望这会有所帮助！

【参考方案3】：

您可以实现 UISearchBarDelegate 并播放某种 alpha 或大小动画，如下所示：

class MyViewController: UIViewController, UISearchBarDelegate 
    func searchBarCancelButtonClicked(_ searchBar: UISearchBar) 

        UIView.animate(withDuration: 0.6, animations:  /*animate here*/ , completion:  nil)