ios - UISearchController 的自定义动画？

Question

我正在从嵌入导航 Controller 的 Controller 中呈现一个 UISearchController。出现默认动画，其中搜索框从导航栏顶部下拉。

在我的案例中，这不是一个好的用户体验，因为当用户点击屏幕中间的 UITextField 时，我会显示搜索。我想要做的是让 UITextField float 到顶部并变成搜索框，但我不知道该怎么做。

这是我的:

class PlacesSearchController: UISearchController, UISearchBarDelegate {

    convenience init(delegate: PlacesAutocompleteViewControllerDelegate) {

        let tableViewController = PlacesAutocompleteContainer(
            delegate: delegate
        )

        self.init(searchResultsController: tableViewController)

        self.searchResultsUpdater = tableViewController
        self.hidesNavigationBarDuringPresentation = false
        self.definesPresentationContext = true
        self.searchBar.placeholder = searchBarPlaceholder
    }
}

private extension ShowAddressViewController {

    @objc func streetAddressTextFieldEditingDidBegin() {
        present(placesSearchController, animated: true, completion: nil)
    }
}

我希望让文本字段飞到导航栏，而不是从顶部下拉搜索。我所追求的是与 iOS 11 文件应用程序相同的效果:

它在屏幕中间有一个文本字段，当您点击它时，它会动画到导航栏。但在我的例子中，文本字段在屏幕的下方，并且最初不是导航栏的一部分。

Answer 1

UISearchController

UISearchController 是一个很难自定义的组件。根据我的经验，我可以说，最好按原样使用它，不要进行任何激烈或重要的定制。否则，自定义可能会导致代码困惑、全局状态变量、UIView 层次结构的运行时技巧等。如果仍然需要特定行为，最好从头开始实现搜索 Controller 或​​使用第三方 Controller 。

默认实现

看起来 UISearchController 被设计为与安装在表头 View 中的 UITableView 和 UISearchBar 结合使用。甚至苹果官方代码示例和文档也提供了这样的用法示例(参见 UISearchController )。尝试在其他地方安装 UISearchBar 通常会导致许多丑陋的副作用，包括搜索栏框架、位置、抽动动画、方向更改等。

从 iOS 11 开始，UINavigationItem 得到了 searchController属性(property)。它允许将搜索 Controller 集成到您的导航界面中，因此搜索看起来与 iOS 文件或 iOS AppStore 应用程序完全一样。 UISearchController 的行为仍然与另一个组件耦合，但我相信它比一直与 UITableView 耦合要好。

可能的解决方案

在我看来，您的问题有多种可能的解决方案。我将按照实现所需的增加工作量的顺序提供它们:

1. 如果您仍想使用 UISearchController，请考虑按原样使用它，不要进行重大自定义。 Apple 提供示例代码，演示如何使用 UISearchController(参见 Table Search with UISearchController)。
2. 有几个第三方库可能更灵活，具有许多附加功能。例如:YNSearch , PYSearch .请看一看。
3. 与 UISearchController 演示一起，您可以尝试将 alpha 从 1 更改为 0 来向上移动 UITextField。这会让人感觉 UITextField 正在平滑地转换为 UISearchBar。 Chris Slowik 提供的文章中描述了这种方法(请参阅对原始帖子的评论)。我唯一要改进的是使用过渡协调器的动画(参见示例 here )，它将使同步时间的动画更流畅。最终实现也将更加清晰。
4. 作为一种选择，您可以尝试仅使用 UISearchBar 或什至普通的 UITextField 来设计您自己的搜索 Controller 。
5. 您可以子类化 UISearchController 并添加 UITextField 对象。 UISearchController 符合 UIViewControllerAnimatedTransitioning 和 UIViewControllerTransitioningDelegate 协议(protocol)，其中可以删除或添加 UITextFiled 以及过渡动画。

希望对您有所帮助。

更新:

我已经实现了我在第 3 点中描述的方法。这是它的工作原理:

您可以找到代码片段 here .请注意，这只是代码示例，可能存在未处理的情况。然后检查两次。