草庐IT

ios - UISearchController 的自定义动画？

coder 2023-07-16 原文

我正在从嵌入导航 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 文件应用程序相同的效果:

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

最佳答案

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 .请注意，这只是代码示例，可能存在未处理的情况。然后检查两次。

关于ios - UISearchController 的自定义动画？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48304283/

自定UISearchControllernoreferrernoopeneriosswiftcore-animation

有关ios - UISearchController 的自定义动画？的更多相关文章

  1. ruby - Facter::Util::Uptime:Module 的未定义方法 get_uptime (NoMethodError) - 2

    我正在尝试设置一个puppet节点，但ruby​​gems似乎不正常。如果我通过它自己的二进制文件(/usr/lib/ruby/gems/1.8/gems/facter-1.5.8/bin/facter)在cli上运行facter，它工作正常，但如果我通过由ruby​​gems(/usr/bin/facter)安装的二进制文件，它抛出:/usr/lib/ruby/1.8/facter/uptime.rb:11:undefinedmethod`get_uptime'forFacter::Util::Uptime:Module(NoMethodError)from/usr/lib/ruby

  2. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  3. ruby-on-rails - form_for 中不在模型中的自定义字段 - 2

    我想向我的Controller传递一个参数，它是一个简单的复选框，但我不知道如何在模型的form_for中引入它，这是我的观点:{:id=>'go_finance'}do|f|%>Transferirde:para:Entrada:"input",:placeholder=>"Quantofoiganho?"%>Saída:"output",:placeholder=>"Quantofoigasto?"%>Nota:我想做一个额外的复选框，但我该怎么做，模型中没有一个对象，而是一个要检查的对象，以便在Controller中创建一个ifelse，如果没有检查，请帮助我，非常感谢,谢谢

  4. ruby - 主要 :Object when running build from sublime 的未定义方法 `require_relative' - 2

    我已经从我的命令行中获得了一切，所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时，我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗？我正在使用OSX并安装了rvm。 最佳答案 或者，您可以只使用“require”，它应该可以正常工作。我认为“require_relative”仅适用于ruby​​1.9+ 关于ruby-主要:Objectwhenrun

  5. ruby - 在 Ruby 中有条件地定义函数 - 2

    我有一些代码在几个不同的位置之一运行:作为具有调试输出的命令行工具，作为不接受任何输出的更大程序的一部分，以及在Rails环境中。有时我需要根据代码的位置对代码进行细微的更改，我意识到以下样式似乎可行:print"Testingnestedfunctionsdefined\n"CLI=trueifCLIdeftest_printprint"CommandLineVersion\n"endelsedeftest_printprint"ReleaseVersion\n"endendtest_print()这导致:TestingnestedfunctionsdefinedCommandLin

  6. ruby - 定义方法参数的条件 - 2

    我有一个只接受一个参数的方法:defmy_method(number)end如果使用number调用方法，我该如何引发错误？？通常，我如何定义方法参数的条件？比如我想在调用的时候报错:my_method(1) 最佳答案 您可以添加guard在函数的开头，如果参数无效则引发异常。例如:defmy_method(number)failArgumentError,"Inputshouldbegreaterthanorequalto2"ifnumbereputse.messageend#=>Inputshouldbegreaterthano

  7. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

  8. ruby - 如何在 Grape 中定义哈希数组？ - 2

    我使用Ember作为我的前端和GrapeAPI来为我的API提供服务。前端发送类似:{"service"=>{"name"=>"Name","duration"=>"30","user"=>nil,"organization"=>"org","category"=>nil,"description"=>"description","disabled"=>true,"color"=>nil,"availabilities"=>[{"day"=>"Saturday","enabled"=>false,"timeSlots"=>[{"startAt"=>"09:00AM","endAt"=>

  9. ruby - 获取模块中定义的所有常量的值 - 2

    我想获取模块中定义的所有常量的值:moduleLettersA='apple'.freezeB='boy'.freezeendconstants给了我常量的名字:Letters.constants(false)#=>[:A,:B]如何获取它们的值的数组，即["apple","boy"]？ 最佳答案 为了做到这一点，请使用mapLetters.constants(false).map&Letters.method(:const_get)这将返回["a","b"]第二种方式:Letters.constants(false).map{|c

  10. Ruby 文件 IO 定界符？ - 2

    我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？ 最佳答案 接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

随机推荐