Spark - 创建类似于 Instagram&Spotify App 的登录界面的动态渐变背景

发布时间:2019-07-03 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Spark - 创建类似于 Instagram&Spotify App 的登录界面的动态渐变背景脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

https://github.com/TonnyL/Spark

截图

Spark - 创建类似于 Instagram&Spotify App 的登录界面的动态渐变背景

用法

PRivate lateinIT VAR mSpark: Spark

override fun onCreate(savedInstancestate: Bundle?) {
    // ...

    mSpark = Spark.Builder()
            .setView(frameLayout) // View or view group
            .setDuration(4000)
            .setAniMList(Spark.ANIM_GREEN_PURPLE)
            .build()

}

override fun onResume() {
    // ...
    mSpark.startAnimation()
}

override fun onPause() {
    // ...
    mSpark.stopAnimation()
}

安装

Gradle

  • 将下面的代码添加到根 build.gradle 文件中:
repositories {
    maven { url "https://JITpack.io" }
}
  • 将下面的代码添加到 module 的 build.gradle 文件中:
dePEndencies {
    implementation 'io.github.tonnyl:spark:x.y.z'
}

Maven

<dependency>
  <groupId>io.github.tonnyl</groupId>
  <artifactId>spark</artifactId>
  <version>x.y.z</version>
  <type>pom</type>
</dependency>

自定义渐变色列表

创建渐变 drawable

purple_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape >"http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:centerColor="#e459aa"
        android:endColor="#cd7be6"
        android:startColor="#f14589"
        android:type="linear" />

    <corners android:radius="0dp" />

</shape>

yellow_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape >"http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:centerColor="#F4A37B"
        android:endColor="#F08875"
        android:startColor="#F9CB87"
        android:type="linear"/>

    <corners android:radius="0dp" />

</shape>

创建动画列表

custom_anim_list.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list >"http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <item
        android:drawable="@drawable/yellow_drawable"
        android:duration="4500" />

    <item
        android:drawable="@drawable/purple_drawable"
        android:duration="4500" />

</animation-list>

应用动画列表

mSpark = Spark.Builder()
        // ...
        .setAnimList(R.drawable.custom_anim_list) // Your custom animation 
        // ...

致谢

Designed by Alexander Zaytsev.

Spark - 创建类似于 Instagram&Spotify App 的登录界面的动态渐变背景

许可证

MIT

脚本宝典总结

以上是脚本宝典为你收集整理的Spark - 创建类似于 Instagram&Spotify App 的登录界面的动态渐变背景全部内容,希望文章能够帮你解决Spark - 创建类似于 Instagram&Spotify App 的登录界面的动态渐变背景所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。