仿支付宝的刷新View--SmilingFaceView

仿支付宝的刷新View--SmilingFaceView

前言

最近我在学习自定义 View,碰巧遇上支付宝 App 大更新,UI 改了很多,其中的「生活」Tab 有一个下拉刷新的 View,如图:

Alipay

支付宝这个效果乍看之下,觉得不算复杂,按我自己目前的渣渣能力应该还是可以实现的吧,之后就着手开搞了。由于对自定义 View 还不够熟练,模仿实现的过程还是有点头疼的,幸好实现的效果还不错啦。

我这里模仿的只是它刷新时候的 View,而不是整个下拉刷新的控件。

实现的效果

SmilingFaceView

看着还是不错的,有兴趣的可以下载 Demo

项目地址:SmilingFaceView

使用

  • xml

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <me.codpoe.smilingface.ui.view.SmilingFaceView
    android:id="@+id/smiling_face_view"
    android:layout_width="30dp"
    android:layout_height="30dp"
    android:layout_marginTop="50dp"
    android:layout_gravity="center"
    app:smiling_color="@color/colorPrimary"
    app:smiling_alpha="127"
    app:smiling_width="10"
    app:smiling_duration="1500"/>
  • Java

    提供给外部调用的方法不多

    • start()

      开始刷新

    • stop()

      停止刷新

    • setColorAndAlpha(int color)

      设置颜色

    • setAlpha(int alpha)

      设置透明度

    • setDuration(int duration)

      设置动画时长

实现

推荐

GcsSloop的自定义View系列

写得真的很好,十分感谢作者(。・∀・)ノ゙