【问题标题】:Android create edit text animation like ChromeAndroid 创建像 Chrome 一样的编辑文本动画
【发布时间】:2014-10-08 02:20:16
【问题描述】:

Chrome 最近在 Android 上进行了更新。我相信可能是 38 版?

新的标签搜索框转换为 URL 地址框。我不太确定它是如何做到的。

这是一个较旧的版本,但发现来自http://www.omgchrome.com/google-chrome-android-material-design-beta/ 的帖子描述了其背后的细节:

http://i.imgur.com/FvCJ21k.gif

任何帮助将不胜感激。而且我知道这不仅仅是 L 预览版,因为它目前是我在最新版本的 KitKat 4.4.4 上运行的 Chrome 生产版本。

【问题讨论】:

    标签: android google-chrome android-animation material-design


    【解决方案1】:

    根据我的观察,我可能只会告诉你使用什么以及关于数学的想法

    搜索 EditText 设置在 Google 徽标下方,它们都包含在一些 ScrollView 中,可能是 ObservableScrollView

    EditText 的缩小和延长是通过相对于 Google 徽标滚动的像素数量(百分比)来完成的。因此,标志是淡出/淡入的。

    延长和收缩正在改变它的right 坐标。

    当徽标视图离开屏幕时,EditText 被设置为操作栏中的自定义视图。

    如果徽标滚动 >= 50% 则返回到适当的位置可能完成它返回到ActionBar/Toolbar,否则返回到它的起始位置。

    值得一提的是EditText 在滚动过程中不可点击,所以它可能是ViewOverlay 仅用于动画目的。 我只是在这里做猜测。

    还可以阅读一些有关出于此类目的监视滚动视图的内容here

    【讨论】:

    • 太棒了。感谢您的详细回复。我会看看人们还有什么要说的。我确信使用 Material 动画它可能会成为一个简单的代码衬里,但也有兴趣看看其他方式。
    • 虽然你的答案可能有效......我认为他们这样做的真正方式是使用新的 Toolbar 类,然后在某个 scoll 点将其设置为操作栏..
    • 是的,Toolbar 将作为 EditText 的父级。编辑了答案。
    • 不接受你的答案,看看是否可以给出实际的编码方法作为答案。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-28
    • 1970-01-01
    相关资源
    最近更新 更多