ios - 在 iOS 中重现 Tumblr 标签效果

标签 ios objective-c xamarin.ios core-animation

我完全不知道该怎么做。

首先, View 看起来像这样:
Starting Image

接下来,您点击标签栏(我假设它是一个带有占位符图像的修改后的 UITextField),标签栏会动画显示到 View 的顶部。如下图所示:
Tags Tapped Image

您可以通过键入一个词或一系列词并单击键盘上的回车来添加标签。执行此操作后,一个气泡会包围标签,并且还会显示在标签栏上。

完成后,单击“完成”按钮,标签栏将向下移动到其原始位置,以及栏中的标签,如下所示:
Final Position Image

我有几个问题:

  1. 如何使标签栏和标签字段向下动画,以及如何使标签字段向上动画(我假设使用 CoreAnimation - 但我没有这方面的经验。我是将 View 组合在一起来执行此操作,还是一个接一个)
  2. 如何在 UITextView/Field 中产生这种“标记效果”?

我的一个理论是将底部的两个 View 组合在一起作为一个 UIView,并将其作为一个整体进行动画处理。然后对于标记过程,不要做气泡(我不知道如何做),但只允许单个单词标记并解析 textview 并手动将单词插入栏中。不过,我认为这可能会产生一些滞后影响。

最佳答案

我刚刚创建了一个非常通用的类,它应该可以满足您的需要。您可以在这里找到它:RoleModel/RMSTokenView .

关于ios - 在 iOS 中重现 Tumblr 标签效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16471310/

相关文章:

ios - 如何使用带有可变键的 codable 解码 JSON?

ios - Twitter API 问题 .“Authentication needed” “无法验证 oauth 签名和 token ”

iphone - 顺时针旋转 UIView 大于 180 度的角度

objective-c - 调用 NSDictionary 中所有包含 JSON 对象的 Key 时出错

xamarin.ios - 如何卸载MonoTouch框架?

xamarin.ios - 如何以编程方式关闭 Monotouch 中的键盘

iphone - UITableView 无限滚动

objective-c - 核心数据和 NSPersistentDocument : Sum of column numbers crash

sql - 无法使用 monotouch 连接到 sql azure 数据库

ios - Swift 中基本回调 block 的问题