炫酷！从未见过如此Q弹的Switcher

最新推荐文章于 2022-01-27 17:44:50 发布

依然范特稀西

最新推荐文章于 2022-01-27 17:44:50 发布

阅读量915

点赞数

分类专栏：原创博客 Android炫酷效果【含源码】文章标签： android canvas kotlin

本文链接：https://blog.csdn.net/zwluoyuxi/article/details/104824809

版权

本文介绍了如何在Android平台上实现一个精美的Switcher动画，通过自定义View，详细讲解了绘制过程和动画实现，包括圆角矩形到圆形的切换、颜色过渡以及动画的平滑效果。提供了源代码供读者参考和实践。

摘要由CSDN通过智能技术生成

前言

最近逛Dribbble的时候，看到了一个非常酷的Switcher动画，特别喜欢，本想着试着用代码在Android平台来实现一下，没想到已经有实现的版本，并且作者还写了文章分享，思路清晰，各个实现关键点都讲的特别清楚，因此就译诚中文，分享大家，正如作者最后所说，大家一定要运行试试，效果非常赞！

原作者：Alexander Kolpakov
译者：依然范特稀西
地址：http://suo.im/60UJjT

正文开始

最近，我写了一篇关于实现Dribbble上的一个漂亮设计的文章。得到了很多积极的反馈，对我来说，这给了我很大的动力。我非常高兴能获得这些反馈，同时我也很乐意分享我的经验。

在本文中，我们将尝试逐步实现由Oleg Frolov创建的另一个精美的动画。这与上一篇文章中的复杂动画UI无关，它是一个自定义小控件。但是它有着非常精美漂亮的动画设计，如下所示：

乍一看，实现这样的切换似乎并不简单，但我认为那是因为动画非常漂亮。如你所见，创建相同的动画并不难。让我们一步一步地来实现它。

第一步，我们需要自定义View,并且实现它的3个构造方法：

class Switcher @JvmOverloads constructor(
        context: Context,
        attrs: AttributeSet ? = null,
        defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {
   
      
    init {
   
        attrs?.let {
    retrieveAttributes(attrs, defStyleAttr) }
    }