.toInterpolator() = PathInterpolatorCompat.create(this[0], this[1], this[2], this[3])
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/extension/ViewExtensions.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.extension
2 |
3 | import android.annotation.TargetApi
4 | import android.content.Context
5 | import android.content.res.ColorStateList
6 | import android.os.Build
7 | import android.util.DisplayMetrics
8 | import android.view.Display
9 | import android.view.View
10 | import android.view.WindowManager
11 | import android.widget.ImageView
12 | import androidx.core.widget.ImageViewCompat
13 | import com.tenclouds.fluidbottomnavigation.FluidBottomNavigation
14 |
15 | internal fun View.visible() {
16 | this.visibility = View.VISIBLE
17 | }
18 |
19 | internal fun View.invisible() {
20 | this.visibility = View.INVISIBLE
21 | }
22 |
23 | internal fun View.gone() {
24 | this.visibility = View.GONE
25 | }
26 |
27 | internal fun ImageView.setTintColor(color: Int) =
28 | ImageViewCompat.setImageTintList(
29 | this,
30 | ColorStateList.valueOf(color))
31 |
32 | @TargetApi(Build.VERSION_CODES.LOLLIPOP)
33 | internal fun FluidBottomNavigation.calculateHeight(layoutHeight: Int): Int {
34 | var navigationLayoutHeight = layoutHeight
35 | var navigationBarHeight = 0
36 |
37 | resources.getIdentifier(
38 | "navigation_bar_height",
39 | "dimen",
40 | "android"
41 | )
42 | .let {
43 | if (it > 0)
44 | navigationBarHeight = resources.getDimensionPixelSize(it)
45 | }
46 |
47 | intArrayOf(android.R.attr.windowTranslucentNavigation)
48 | .let {
49 | with(context.theme
50 | .obtainStyledAttributes(it)) {
51 | val translucentNavigation = getBoolean(0, true)
52 | if (isInImmersiveMode(context) && !translucentNavigation) {
53 | navigationLayoutHeight += navigationBarHeight
54 | }
55 | recycle()
56 | }
57 | }
58 |
59 | return navigationLayoutHeight
60 | }
61 |
62 | private fun isInImmersiveMode(context: Context) =
63 | with((context.getSystemService(Context.WINDOW_SERVICE) as WindowManager).defaultDisplay) {
64 | val realMetrics = getRealMetrics()
65 | val metrics = getMetrics()
66 | realMetrics.widthPixels > metrics.widthPixels
67 | || realMetrics.heightPixels > metrics.heightPixels
68 | }
69 |
70 | private fun Display.getMetrics() =
71 | DisplayMetrics().also { this.getMetrics(it) }
72 |
73 | private fun Display.getRealMetrics() =
74 | DisplayMetrics()
75 | .let {
76 | when {
77 | Build.VERSION.SDK_INT >= 17 -> it.also { this.getRealMetrics(it) }
78 | Build.VERSION.SDK_INT >= 15 ->
79 | try {
80 | val getRawHeight = Display::class.java.getMethod("getRawHeight")
81 | val getRawWidth = Display::class.java.getMethod("getRawWidth")
82 | DisplayMetrics()
83 | .apply {
84 | widthPixels = getRawWidth.invoke(this) as Int
85 | heightPixels = getRawHeight.invoke(this) as Int
86 | }
87 | } catch (e: Exception) {
88 | DisplayMetrics()
89 | .apply {
90 | @Suppress("DEPRECATION")
91 | widthPixels = this@getRealMetrics.width
92 | @Suppress("DEPRECATION")
93 | heightPixels = this@getRealMetrics.height
94 | }
95 | }
96 | else -> DisplayMetrics()
97 | .apply {
98 | @Suppress("DEPRECATION")
99 | widthPixels = this@getRealMetrics.width
100 | @Suppress("DEPRECATION")
101 | heightPixels = this@getRealMetrics.height
102 | }
103 | }
104 | }
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/listener/OnTabSelectedListener.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.listener
2 |
3 |
4 | interface OnTabSelectedListener {
5 |
6 | fun onTabSelected(position: Int)
7 | }
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/view/AnimatedView.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.view
2 |
3 | import android.animation.Animator
4 | import android.content.Context
5 | import com.tenclouds.fluidbottomnavigation.R
6 |
7 | internal interface AnimatedView {
8 |
9 | val selectAnimator: Animator
10 | val deselectAnimator: Animator
11 |
12 | fun getItemTransitionYValue(context: Context) =
13 | -(context.resources?.getDimension(R.dimen.fluidBottomNavigationItemTranslationY) ?: 0f)
14 |
15 | fun getItemOvershootTransitionYValue(context: Context) =
16 | getItemTransitionYValue(context) * 11 / 10
17 | }
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/view/CircleView.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.view
2 |
3 | import android.animation.AnimatorSet
4 | import android.content.Context
5 | import android.util.AttributeSet
6 | import androidx.appcompat.widget.AppCompatImageView
7 | import com.tenclouds.fluidbottomnavigation.KEY_FRAME_IN_MS
8 | import com.tenclouds.fluidbottomnavigation.extension.interpolators
9 | import com.tenclouds.fluidbottomnavigation.extension.scaleAnimator
10 | import com.tenclouds.fluidbottomnavigation.extension.translationYAnimator
11 |
12 | internal class CircleView @JvmOverloads constructor(context: Context,
13 | attrs: AttributeSet? = null,
14 | defStyleAttr: Int = 0)
15 | : AppCompatImageView(context, attrs, defStyleAttr), AnimatedView {
16 |
17 | init {
18 | scaleY = 0f
19 | scaleX = 0f
20 | }
21 |
22 | override val selectAnimator by lazy {
23 | AnimatorSet()
24 | .apply {
25 | playTogether(
26 | selectScaleAnimator,
27 | selectMoveAnimator)
28 | }
29 | }
30 |
31 | override val deselectAnimator by lazy {
32 | AnimatorSet()
33 | .apply {
34 | playTogether(
35 | deselectScaleAnimator,
36 | deselectMoveAnimator)
37 | }
38 | }
39 |
40 | private val selectScaleAnimator =
41 | AnimatorSet()
42 | .apply {
43 | playSequentially(
44 | scaleAnimator(0.0f, 1.0f, 7 * KEY_FRAME_IN_MS, interpolators[0]),
45 | scaleAnimator(1.0f, 0.33f, 4 * KEY_FRAME_IN_MS, interpolators[2]),
46 | scaleAnimator(0.33f, 1.2f, 7 * KEY_FRAME_IN_MS, interpolators[1]),
47 | scaleAnimator(1.2f, 0.8f, 3 * KEY_FRAME_IN_MS, interpolators[1]),
48 | scaleAnimator(0.8f, 1.0f, 3 * KEY_FRAME_IN_MS, interpolators[1]))
49 | }
50 |
51 | private val selectMoveAnimator =
52 | AnimatorSet()
53 | .apply {
54 | playSequentially(
55 | translationYAnimator(
56 | 0f,
57 | getItemOvershootTransitionYValue(context),
58 | 7 * KEY_FRAME_IN_MS,
59 | interpolators[0]),
60 | translationYAnimator(
61 | getItemOvershootTransitionYValue(context),
62 | getItemTransitionYValue(context),
63 | 3 * KEY_FRAME_IN_MS,
64 | interpolators[4]))
65 | startDelay = 11 * KEY_FRAME_IN_MS
66 | }
67 |
68 | private val deselectScaleAnimator =
69 | AnimatorSet()
70 | .apply {
71 | playSequentially(
72 | scaleAnimator(1.0f, 0.8f, 3 * KEY_FRAME_IN_MS, interpolators[1]),
73 | scaleAnimator(0.8f, 1.2f, 3 * KEY_FRAME_IN_MS, interpolators[1]),
74 | scaleAnimator(1.2f, 0.33f, 7 * KEY_FRAME_IN_MS, interpolators[1]),
75 | scaleAnimator(0.33f, 1.0f, 6 * KEY_FRAME_IN_MS, interpolators[2]),
76 | scaleAnimator(1.0f, 0.0f, 7 * KEY_FRAME_IN_MS, interpolators[0]))
77 | }
78 |
79 | private val deselectMoveAnimator =
80 | AnimatorSet()
81 | .apply {
82 | playSequentially(
83 | translationYAnimator(
84 | getItemTransitionYValue(context),
85 | getItemOvershootTransitionYValue(context),
86 | 3 * KEY_FRAME_IN_MS,
87 | interpolators[4]),
88 | translationYAnimator(
89 | getItemOvershootTransitionYValue(context),
90 | 0f,
91 | 7 * KEY_FRAME_IN_MS,
92 | interpolators[0]))
93 | startDelay = 6 * KEY_FRAME_IN_MS
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/view/IconView.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.view
2 |
3 | import android.animation.Animator
4 | import android.animation.AnimatorSet
5 | import android.content.Context
6 | import android.util.AttributeSet
7 | import androidx.appcompat.widget.AppCompatImageView
8 | import com.tenclouds.fluidbottomnavigation.KEY_FRAME_IN_MS
9 | import com.tenclouds.fluidbottomnavigation.extension.*
10 |
11 | internal class IconView @JvmOverloads constructor(context: Context,
12 | attrs: AttributeSet? = null,
13 | defStyleAttr: Int = 0)
14 | : AppCompatImageView(context, attrs, defStyleAttr), AnimatedView {
15 |
16 | init {
17 | scaleX = 0.9f
18 | scaleY = 0.9f
19 | }
20 |
21 | var selectColor = 0
22 | var deselectColor = 0
23 |
24 | override val selectAnimator by lazy {
25 | AnimatorSet()
26 | .apply {
27 | playTogether(
28 | selectScaleAnimator,
29 | selectMoveAnimator,
30 | selectTintAnimator)
31 | addListener(object : Animator.AnimatorListener {
32 | override fun onAnimationRepeat(animation: Animator?) = Unit
33 | override fun onAnimationEnd(animation: Animator?) = Unit
34 | override fun onAnimationCancel(animation: Animator?) = Unit
35 | override fun onAnimationStart(animation: Animator?) {
36 | deselectTintAnimator.cancel()
37 | setTintColor(selectColor)
38 | }
39 | })
40 | }
41 | }
42 |
43 | override val deselectAnimator by lazy {
44 | AnimatorSet()
45 | .apply {
46 | playTogether(
47 | deselectScaleAnimator,
48 | deselectMoveAnimator,
49 | deselectTintAnimator)
50 | }
51 | }
52 |
53 | private val selectScaleAnimator =
54 | AnimatorSet()
55 | .apply {
56 | playSequentially(
57 | scaleAnimator(0.9f, 1.1f, 7 * KEY_FRAME_IN_MS, interpolators[0]),
58 | scaleAnimator(1.1f, 0.84f, 4 * KEY_FRAME_IN_MS, interpolators[0]),
59 | scaleAnimator(0.84f, 0.9f, 4 * KEY_FRAME_IN_MS, interpolators[3]))
60 | }
61 |
62 | private val selectMoveAnimator =
63 | AnimatorSet()
64 | .apply {
65 | playSequentially(
66 | translationYAnimator(
67 | 0f,
68 | getItemOvershootTransitionYValue(context),
69 | 7 * KEY_FRAME_IN_MS,
70 | interpolators[0]),
71 | translationYAnimator(
72 | getItemOvershootTransitionYValue(context),
73 | getItemTransitionYValue(context),
74 | 3 * KEY_FRAME_IN_MS,
75 | interpolators[4]))
76 | startDelay = 11 * KEY_FRAME_IN_MS
77 | }
78 |
79 | private val selectTintAnimator by lazy {
80 | AnimatorSet()
81 | .apply {
82 | play(tintAnimator(
83 | deselectColor,
84 | selectColor,
85 | 3 * KEY_FRAME_IN_MS))
86 | }
87 | }
88 |
89 | private val deselectScaleAnimator =
90 | AnimatorSet()
91 | .apply {
92 | playSequentially(
93 | scaleAnimator(0.9f, 0.84f, 4 * KEY_FRAME_IN_MS, interpolators[3]),
94 | scaleAnimator(0.84f, 1.1f, 4 * KEY_FRAME_IN_MS, interpolators[0]),
95 | scaleAnimator(1.1f, 0.9f, 7 * KEY_FRAME_IN_MS, interpolators[0]))
96 | }
97 |
98 | private val deselectMoveAnimator =
99 | AnimatorSet()
100 | .apply {
101 | playSequentially(
102 | translationYAnimator(
103 | getItemTransitionYValue(context),
104 | getItemOvershootTransitionYValue(context),
105 | 3 * KEY_FRAME_IN_MS,
106 | interpolators[4]),
107 | translationYAnimator(
108 | getItemOvershootTransitionYValue(context),
109 | 0f,
110 | 7 * KEY_FRAME_IN_MS,
111 | interpolators[0]))
112 | startDelay = 6 * KEY_FRAME_IN_MS
113 | }
114 |
115 | private val deselectTintAnimator by lazy {
116 | AnimatorSet()
117 | .apply {
118 | play(tintAnimator(
119 | selectColor,
120 | deselectColor,
121 | 3 * KEY_FRAME_IN_MS))
122 | startDelay = 19 * KEY_FRAME_IN_MS
123 | }
124 | }
125 | }
126 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/view/RectangleView.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.view
2 |
3 | import android.animation.Animator
4 | import android.animation.AnimatorSet
5 | import android.content.Context
6 | import android.util.AttributeSet
7 | import androidx.appcompat.widget.AppCompatImageView
8 | import com.tenclouds.fluidbottomnavigation.KEY_FRAME_IN_MS
9 | import com.tenclouds.fluidbottomnavigation.extension.interpolators
10 | import com.tenclouds.fluidbottomnavigation.extension.scaleYAnimator
11 | import com.tenclouds.fluidbottomnavigation.extension.translationYAnimator
12 |
13 | internal class RectangleView @JvmOverloads constructor(context: Context,
14 | attrs: AttributeSet? = null,
15 | defStyleAttr: Int = 0)
16 | : AppCompatImageView(context, attrs, defStyleAttr), AnimatedView {
17 |
18 | init {
19 | scaleY = 0f
20 | }
21 |
22 | override val selectAnimator by lazy {
23 | AnimatorSet()
24 | .apply {
25 | playTogether(
26 | selectScaleAnimator,
27 | selectMoveAnimator)
28 | addListener(object : Animator.AnimatorListener {
29 | override fun onAnimationRepeat(animation: Animator?) = Unit
30 | override fun onAnimationEnd(animation: Animator?) = Unit
31 | override fun onAnimationCancel(animation: Animator?) = Unit
32 | override fun onAnimationStart(animation: Animator?) {
33 | deselectMoveAnimator.cancel()
34 | deselectScaleAnimator.cancel()
35 | scaleY = 0f
36 | }
37 | })
38 | }
39 | }
40 |
41 | override val deselectAnimator by lazy {
42 | AnimatorSet()
43 | .apply {
44 | playTogether(
45 | deselectScaleAnimator,
46 | deselectMoveAnimator)
47 | addListener(object : Animator.AnimatorListener {
48 | override fun onAnimationRepeat(animation: Animator?) = Unit
49 | override fun onAnimationEnd(animation: Animator?) = Unit
50 | override fun onAnimationCancel(animation: Animator?) = Unit
51 | override fun onAnimationStart(animation: Animator?) {
52 | selectAnimator.cancel()
53 | }
54 | })
55 | }
56 | }
57 |
58 | private val selectScaleAnimator =
59 | AnimatorSet()
60 | .apply {
61 | playSequentially(
62 | scaleYAnimator(0.0f, 0.8f, 3 * KEY_FRAME_IN_MS, interpolators[1]),
63 | scaleYAnimator(0.8f, 0.0f, 5 * KEY_FRAME_IN_MS, interpolators[1]))
64 | startDelay = 11 * KEY_FRAME_IN_MS
65 | }
66 |
67 | private val selectMoveAnimator =
68 | AnimatorSet()
69 | .apply {
70 | play(
71 | translationYAnimator(
72 | 0f,
73 | getItemTransitionYValue(context),
74 | 5 * KEY_FRAME_IN_MS,
75 | interpolators[1]))
76 | startDelay = 14 * KEY_FRAME_IN_MS
77 | }
78 |
79 | private val deselectScaleAnimator =
80 | AnimatorSet()
81 | .apply {
82 | playSequentially(
83 | scaleYAnimator(0.0f, 0.8f, 5 * KEY_FRAME_IN_MS, interpolators[1]),
84 | scaleYAnimator(0.8f, 0.0f, 3 * KEY_FRAME_IN_MS, interpolators[1]))
85 | startDelay = 4 * KEY_FRAME_IN_MS
86 | }
87 |
88 | private val deselectMoveAnimator =
89 | AnimatorSet()
90 | .apply {
91 | play(
92 | translationYAnimator(
93 | getItemDeselectTransitionYValue(context),
94 | 0f,
95 | 2 * KEY_FRAME_IN_MS,
96 | interpolators[1]))
97 | startDelay = 4 * KEY_FRAME_IN_MS
98 | }
99 |
100 | private fun getItemDeselectTransitionYValue(context: Context) =
101 | getItemTransitionYValue(context) * 3 / 5
102 | }
103 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/view/TitleView.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.view
2 |
3 | import android.animation.AnimatorSet
4 | import android.content.Context
5 | import android.util.AttributeSet
6 | import androidx.appcompat.widget.AppCompatTextView
7 | import androidx.interpolator.view.animation.LinearOutSlowInInterpolator
8 | import com.tenclouds.fluidbottomnavigation.KEY_FRAME_IN_MS
9 | import com.tenclouds.fluidbottomnavigation.extension.alphaAnimator
10 | import com.tenclouds.fluidbottomnavigation.extension.interpolators
11 | import com.tenclouds.fluidbottomnavigation.extension.translationYAnimator
12 |
13 | internal class TitleView @JvmOverloads constructor(context: Context,
14 | attrs: AttributeSet? = null,
15 | defStyleAttr: Int = 0)
16 | : AppCompatTextView(context, attrs, defStyleAttr), AnimatedView {
17 |
18 | override val selectAnimator by lazy {
19 | AnimatorSet()
20 | .apply {
21 | playTogether(
22 | selectMoveAnimator,
23 | selectAlphaAnimator)
24 | }
25 | }
26 |
27 | override val deselectAnimator by lazy {
28 | AnimatorSet()
29 | .apply {
30 | playTogether(
31 | deselectMoveAnimator,
32 | deselectAlphaAnimator)
33 | }
34 | }
35 |
36 | private val selectMoveAnimator =
37 | AnimatorSet()
38 | .apply {
39 | playSequentially(
40 | translationYAnimator(
41 | 0f,
42 | getItemOvershootTransitionYValue(context),
43 | 7 * KEY_FRAME_IN_MS,
44 | interpolators[0]),
45 | translationYAnimator(
46 | getItemOvershootTransitionYValue(context),
47 | getItemTransitionYValue(context),
48 | 3 * KEY_FRAME_IN_MS,
49 | interpolators[4]))
50 | startDelay = 11 * KEY_FRAME_IN_MS
51 | }
52 |
53 | private val selectAlphaAnimator =
54 | AnimatorSet()
55 | .apply {
56 | play(alphaAnimator(0f, 1f, 8 * KEY_FRAME_IN_MS, LinearOutSlowInInterpolator()))
57 | startDelay = 14 * KEY_FRAME_IN_MS
58 | }
59 |
60 |
61 | private val deselectMoveAnimator =
62 | AnimatorSet()
63 | .apply {
64 | playSequentially(
65 | translationYAnimator(
66 | getItemTransitionYValue(context),
67 | getItemOvershootTransitionYValue(context),
68 | 3 * KEY_FRAME_IN_MS,
69 | interpolators[4]),
70 | translationYAnimator(
71 | getItemOvershootTransitionYValue(context),
72 | 0f,
73 | 11 * KEY_FRAME_IN_MS,
74 | interpolators[0]))
75 | startDelay = 4 * KEY_FRAME_IN_MS
76 | }
77 |
78 | private val deselectAlphaAnimator =
79 | AnimatorSet()
80 | .apply {
81 | play(alphaAnimator(1f, 0f, 8 * KEY_FRAME_IN_MS, LinearOutSlowInInterpolator()))
82 | startDelay = 7 * KEY_FRAME_IN_MS
83 | }
84 | }
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/java/com/tenclouds/fluidbottomnavigation/view/TopContainerView.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.view
2 |
3 | import android.animation.AnimatorSet
4 | import android.content.Context
5 | import android.util.AttributeSet
6 | import androidx.appcompat.widget.AppCompatImageView
7 | import androidx.core.content.ContextCompat
8 | import com.tenclouds.fluidbottomnavigation.KEY_FRAME_IN_MS
9 | import com.tenclouds.fluidbottomnavigation.R
10 | import com.tenclouds.fluidbottomnavigation.extension.interpolators
11 | import com.tenclouds.fluidbottomnavigation.extension.scaleAnimator
12 | import com.tenclouds.fluidbottomnavigation.extension.translationYAnimator
13 |
14 | internal class TopContainerView @JvmOverloads constructor(context: Context,
15 | attrs: AttributeSet? = null,
16 | defStyleAttr: Int = 0)
17 | : AppCompatImageView(context, attrs, defStyleAttr), AnimatedView {
18 |
19 | init {
20 | setImageDrawable(ContextCompat.getDrawable(context, R.drawable.top))
21 | translationY = 100f
22 | }
23 |
24 | override val selectAnimator by lazy {
25 | AnimatorSet()
26 | .apply {
27 | playTogether(
28 | selectScaleAnimator,
29 | selectMoveAnimator)
30 | }
31 | }
32 |
33 | override val deselectAnimator by lazy {
34 | AnimatorSet()
35 | .apply {
36 | playTogether(
37 | deselectScaleAnimator,
38 | deselectMoveAnimator)
39 | }
40 | }
41 |
42 | private val selectScaleAnimator =
43 | AnimatorSet()
44 | .apply {
45 | playSequentially(
46 | scaleAnimator(1.0f, 1.25f, 6 * KEY_FRAME_IN_MS, interpolators[1]),
47 | scaleAnimator(1.25f, 0.85f, 3 * KEY_FRAME_IN_MS, interpolators[1]),
48 | scaleAnimator(0.85f, 1.0f, 3 * KEY_FRAME_IN_MS, interpolators[1]))
49 | startDelay = 11 * KEY_FRAME_IN_MS
50 | }
51 |
52 | private val selectMoveAnimator =
53 | AnimatorSet()
54 | .apply {
55 | play(translationYAnimator(
56 | 100f,
57 | getItemTransitionYValue(context),
58 | 7 * KEY_FRAME_IN_MS,
59 | interpolators[0]))
60 | startDelay = 12 * KEY_FRAME_IN_MS
61 | }
62 |
63 | private val deselectScaleAnimator =
64 | AnimatorSet()
65 | .apply {
66 | playSequentially(
67 | scaleAnimator(1.0f, 0.85f, 3 * KEY_FRAME_IN_MS, interpolators[1]),
68 | scaleAnimator(0.85f, 1.25f, 3 * KEY_FRAME_IN_MS, interpolators[1]),
69 | scaleAnimator(1.25f, 1.0f, 7 * KEY_FRAME_IN_MS, interpolators[1]))
70 | }
71 |
72 | private val deselectMoveAnimator =
73 | AnimatorSet()
74 | .apply {
75 | play(translationYAnimator(
76 | getItemTransitionYValue(context),
77 | 100f,
78 | 10 * KEY_FRAME_IN_MS,
79 | interpolators[0]))
80 | startDelay = 8 * KEY_FRAME_IN_MS
81 | }
82 |
83 | override fun getItemTransitionYValue(context: Context): Float {
84 | return -super.getItemTransitionYValue(context) * 1 / 6
85 | }
86 | }
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/drawable/circle.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
8 |
9 |
12 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/drawable/rectangle.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
8 |
9 |
11 |
12 |
15 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/drawable/top.xml:
--------------------------------------------------------------------------------
1 |
8 |
13 |
14 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/font/rubik_regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/10clouds/FluidBottomNavigation-android/5689408c71e3f24a86c06acab7cb7be923414685/fluidbottomnavigation/src/main/res/font/rubik_regular.ttf
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/layout/item.xml:
--------------------------------------------------------------------------------
1 |
2 |
10 |
11 |
21 |
22 |
32 |
33 |
43 |
44 |
54 |
55 |
65 |
66 |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/values/attrs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #303F9F
4 | #FFFFFF
5 | #303F9F
6 | #3F51B5
7 | #FFFFFF
8 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/values/dimens.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | 56dp
4 | 80dp
5 |
6 | 1dp
7 | 88dp
8 |
9 | 36dp
10 | 18dp
11 |
12 | 37dp
13 | 46dp
14 | 32dp
15 | 28dp
16 | 14dp
17 |
18 | 12sp
19 | 22dp
20 |
21 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | Items list should have minimum 3 items
3 | Items list should have maximum 5 items
4 |
5 |
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/test/java/com/tenclouds/fluidbottomnavigation/FluidBottomNavigationTest.kt:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation
2 |
3 | import android.app.Activity
4 | import com.nhaarman.mockitokotlin2.verify
5 | import com.tenclouds.fluidbottomnavigation.listener.OnTabSelectedListener
6 | import com.tenclouds.fluidbottomnavigation.util.ShadowResourcesCompat
7 | import org.junit.Assert.*
8 | import org.junit.Before
9 | import org.junit.Test
10 | import org.junit.runner.RunWith
11 | import org.mockito.Mockito.mock
12 | import org.robolectric.Robolectric
13 | import org.robolectric.RobolectricTestRunner
14 | import org.robolectric.annotation.Config
15 |
16 | @RunWith(RobolectricTestRunner::class)
17 | @Config(
18 | packageName = "com.tenclouds.fluidbottomnavigation",
19 | sdk = [21],
20 | shadows = [(ShadowResourcesCompat::class)])
21 | class FluidBottomNavigationTest {
22 |
23 | private lateinit var fluidBottomNavigation: FluidBottomNavigation
24 | private val controller = Robolectric.buildActivity(Activity::class.java).create().start()
25 | private val fluidBottomNavigationItems =
26 | listOf(
27 | FluidBottomNavigationItem("Tab1"),
28 | FluidBottomNavigationItem("Tab2"),
29 | FluidBottomNavigationItem("Tab3"))
30 | private val onTabSelectedListener = mock(OnTabSelectedListener::class.java)
31 |
32 | @Before
33 | fun setup() {
34 | fluidBottomNavigation =
35 | FluidBottomNavigation(controller.get())
36 | .apply {
37 | items = fluidBottomNavigationItems
38 | onTabSelectedListener = this@FluidBottomNavigationTest.onTabSelectedListener
39 | }
40 | }
41 |
42 | @Test
43 | fun `selected tab position and item sets after context recreate`() {
44 | fluidBottomNavigation.selectTab(1)
45 | controller.configurationChange()
46 | assertEquals(1, fluidBottomNavigation.getSelectedTabPosition())
47 | fluidBottomNavigation.selectTab(2)
48 | controller.configurationChange()
49 | assertEquals(2, fluidBottomNavigation.getSelectedTabPosition())
50 | fluidBottomNavigation.selectTab(0)
51 | controller.configurationChange()
52 | assertEquals(0, fluidBottomNavigation.getSelectedTabPosition())
53 | }
54 |
55 | @Test
56 | fun `selectTab invokes onTabSelected on OnTabSelectedListener`() {
57 | fluidBottomNavigation.selectTab(1)
58 | verify(onTabSelectedListener).onTabSelected(1)
59 | fluidBottomNavigation.selectTab(2)
60 | verify(onTabSelectedListener).onTabSelected(2)
61 | fluidBottomNavigation.selectTab(0)
62 | verify(onTabSelectedListener).onTabSelected(0)
63 | }
64 |
65 | @Test
66 | fun `selectTab changes selected tab position`() {
67 | fluidBottomNavigation.selectTab(1)
68 | assertEquals(1, fluidBottomNavigation.getSelectedTabPosition())
69 | fluidBottomNavigation.selectTab(2)
70 | assertEquals(2, fluidBottomNavigation.getSelectedTabPosition())
71 | fluidBottomNavigation.selectTab(0)
72 | assertEquals(0, fluidBottomNavigation.getSelectedTabPosition())
73 | }
74 |
75 | @Test
76 | fun `selectTab changes selected tab item`() {
77 | fluidBottomNavigation.selectTab(1)
78 | assertEquals(fluidBottomNavigationItems[1], fluidBottomNavigation.selectedTabItem)
79 | fluidBottomNavigation.selectTab(2)
80 | assertEquals(fluidBottomNavigationItems[2], fluidBottomNavigation.selectedTabItem)
81 | fluidBottomNavigation.selectTab(0)
82 | assertEquals(fluidBottomNavigationItems[0], fluidBottomNavigation.selectedTabItem)
83 | }
84 |
85 | @Test
86 | fun `hide hides navigation`() {
87 | fluidBottomNavigation.isVisible = true
88 | fluidBottomNavigation.hide()
89 | assertFalse(fluidBottomNavigation.isVisible)
90 | }
91 |
92 | @Test
93 | fun `show shows navigation`() {
94 | fluidBottomNavigation.isVisible = false
95 | fluidBottomNavigation.show()
96 | assertTrue(fluidBottomNavigation.isVisible)
97 | }
98 |
99 | @Test
100 | fun `getTabsSize returns correct items size`() {
101 | assertEquals(fluidBottomNavigationItems.size, fluidBottomNavigation.getTabsSize())
102 | }
103 | }
--------------------------------------------------------------------------------
/fluidbottomnavigation/src/test/java/com/tenclouds/fluidbottomnavigation/util/ShadowResourcesCompat.java:
--------------------------------------------------------------------------------
1 | package com.tenclouds.fluidbottomnavigation.util;
2 |
3 | import android.content.Context;
4 | import android.graphics.Typeface;
5 | import android.support.annotation.FontRes;
6 | import android.support.annotation.NonNull;
7 |
8 | import androidx.core.content.res.ResourcesCompat;
9 |
10 | import org.robolectric.annotation.Implementation;
11 | import org.robolectric.annotation.Implements;
12 |
13 | import java.util.HashMap;
14 | import java.util.Map;
15 | import java.util.function.Function;
16 |
17 | /**
18 | * Mocks out ResourcesCompat so getFont won't actually attempt to look up the FontRes as a real
19 | * resource, because of issues with Robolectric.
20 | *
21 | * See: https://github.com/robolectric/robolectric/issues/3590
22 | */
23 | @Implements(ResourcesCompat.class)
24 | public class ShadowResourcesCompat {
25 | private static Map FONT_MAP = new HashMap<>();
26 |
27 | @Implementation
28 | public static Typeface getFont(@NonNull Context context,
29 | @FontRes int id) {
30 | return FONT_MAP.computeIfAbsent(id, new Function() {
31 | @Override
32 | public Typeface apply(Integer integer) {
33 | return ShadowResourcesCompat.buildTypeface(integer);
34 | }
35 | });
36 | }
37 |
38 | private static Typeface buildTypeface(@FontRes int id) {
39 | return Typeface.DEFAULT;
40 | }
41 | }
--------------------------------------------------------------------------------
/gradle.properties:
--------------------------------------------------------------------------------
1 | android.useAndroidX=true
2 | android.enableJetifier=true
3 |
4 | org.gradle.jvmargs=-Xmx1536m
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/10clouds/FluidBottomNavigation-android/5689408c71e3f24a86c06acab7cb7be923414685/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | distributionBase=GRADLE_USER_HOME
2 | distributionPath=wrapper/dists
3 | zipStoreBase=GRADLE_USER_HOME
4 | zipStorePath=wrapper/dists
5 | distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zip
6 |
--------------------------------------------------------------------------------
/gradlew:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | ##############################################################################
4 | ##
5 | ## Gradle start up script for UN*X
6 | ##
7 | ##############################################################################
8 |
9 | # Attempt to set APP_HOME
10 | # Resolve links: $0 may be a link
11 | PRG="$0"
12 | # Need this for relative symlinks.
13 | while [ -h "$PRG" ] ; do
14 | ls=`ls -ld "$PRG"`
15 | link=`expr "$ls" : '.*-> \(.*\)$'`
16 | if expr "$link" : '/.*' > /dev/null; then
17 | PRG="$link"
18 | else
19 | PRG=`dirname "$PRG"`"/$link"
20 | fi
21 | done
22 | SAVED="`pwd`"
23 | cd "`dirname \"$PRG\"`/" >/dev/null
24 | APP_HOME="`pwd -P`"
25 | cd "$SAVED" >/dev/null
26 |
27 | APP_NAME="Gradle"
28 | APP_BASE_NAME=`basename "$0"`
29 |
30 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
31 | DEFAULT_JVM_OPTS=""
32 |
33 | # Use the maximum available, or set MAX_FD != -1 to use that value.
34 | MAX_FD="maximum"
35 |
36 | warn () {
37 | echo "$*"
38 | }
39 |
40 | die () {
41 | echo
42 | echo "$*"
43 | echo
44 | exit 1
45 | }
46 |
47 | # OS specific support (must be 'true' or 'false').
48 | cygwin=false
49 | msys=false
50 | darwin=false
51 | nonstop=false
52 | case "`uname`" in
53 | CYGWIN* )
54 | cygwin=true
55 | ;;
56 | Darwin* )
57 | darwin=true
58 | ;;
59 | MINGW* )
60 | msys=true
61 | ;;
62 | NONSTOP* )
63 | nonstop=true
64 | ;;
65 | esac
66 |
67 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
68 |
69 | # Determine the Java command to use to start the JVM.
70 | if [ -n "$JAVA_HOME" ] ; then
71 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
72 | # IBM's JDK on AIX uses strange locations for the executables
73 | JAVACMD="$JAVA_HOME/jre/sh/java"
74 | else
75 | JAVACMD="$JAVA_HOME/bin/java"
76 | fi
77 | if [ ! -x "$JAVACMD" ] ; then
78 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
79 |
80 | Please set the JAVA_HOME variable in your environment to match the
81 | location of your Java installation."
82 | fi
83 | else
84 | JAVACMD="java"
85 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
86 |
87 | Please set the JAVA_HOME variable in your environment to match the
88 | location of your Java installation."
89 | fi
90 |
91 | # Increase the maximum file descriptors if we can.
92 | if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
93 | MAX_FD_LIMIT=`ulimit -H -n`
94 | if [ $? -eq 0 ] ; then
95 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
96 | MAX_FD="$MAX_FD_LIMIT"
97 | fi
98 | ulimit -n $MAX_FD
99 | if [ $? -ne 0 ] ; then
100 | warn "Could not set maximum file descriptor limit: $MAX_FD"
101 | fi
102 | else
103 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
104 | fi
105 | fi
106 |
107 | # For Darwin, add options to specify how the application appears in the dock
108 | if $darwin; then
109 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
110 | fi
111 |
112 | # For Cygwin, switch paths to Windows format before running java
113 | if $cygwin ; then
114 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
115 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
116 | JAVACMD=`cygpath --unix "$JAVACMD"`
117 |
118 | # We build the pattern for arguments to be converted via cygpath
119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
120 | SEP=""
121 | for dir in $ROOTDIRSRAW ; do
122 | ROOTDIRS="$ROOTDIRS$SEP$dir"
123 | SEP="|"
124 | done
125 | OURCYGPATTERN="(^($ROOTDIRS))"
126 | # Add a user-defined pattern to the cygpath arguments
127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
129 | fi
130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
131 | i=0
132 | for arg in "$@" ; do
133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
135 |
136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
138 | else
139 | eval `echo args$i`="\"$arg\""
140 | fi
141 | i=$((i+1))
142 | done
143 | case $i in
144 | (0) set -- ;;
145 | (1) set -- "$args0" ;;
146 | (2) set -- "$args0" "$args1" ;;
147 | (3) set -- "$args0" "$args1" "$args2" ;;
148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
154 | esac
155 | fi
156 |
157 | # Escape application args
158 | save () {
159 | for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
160 | echo " "
161 | }
162 | APP_ARGS=$(save "$@")
163 |
164 | # Collect all arguments for the java command, following the shell quoting and substitution rules
165 | eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
166 |
167 | # by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
168 | if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
169 | cd "$(dirname "$0")"
170 | fi
171 |
172 | exec "$JAVACMD" "$@"
173 |
--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
1 | @if "%DEBUG%" == "" @echo off
2 | @rem ##########################################################################
3 | @rem
4 | @rem Gradle startup script for Windows
5 | @rem
6 | @rem ##########################################################################
7 |
8 | @rem Set local scope for the variables with windows NT shell
9 | if "%OS%"=="Windows_NT" setlocal
10 |
11 | set DIRNAME=%~dp0
12 | if "%DIRNAME%" == "" set DIRNAME=.
13 | set APP_BASE_NAME=%~n0
14 | set APP_HOME=%DIRNAME%
15 |
16 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
17 | set DEFAULT_JVM_OPTS=
18 |
19 | @rem Find java.exe
20 | if defined JAVA_HOME goto findJavaFromJavaHome
21 |
22 | set JAVA_EXE=java.exe
23 | %JAVA_EXE% -version >NUL 2>&1
24 | if "%ERRORLEVEL%" == "0" goto init
25 |
26 | echo.
27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
28 | echo.
29 | echo Please set the JAVA_HOME variable in your environment to match the
30 | echo location of your Java installation.
31 |
32 | goto fail
33 |
34 | :findJavaFromJavaHome
35 | set JAVA_HOME=%JAVA_HOME:"=%
36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
37 |
38 | if exist "%JAVA_EXE%" goto init
39 |
40 | echo.
41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
42 | echo.
43 | echo Please set the JAVA_HOME variable in your environment to match the
44 | echo location of your Java installation.
45 |
46 | goto fail
47 |
48 | :init
49 | @rem Get command-line arguments, handling Windows variants
50 |
51 | if not "%OS%" == "Windows_NT" goto win9xME_args
52 |
53 | :win9xME_args
54 | @rem Slurp the command line arguments.
55 | set CMD_LINE_ARGS=
56 | set _SKIP=2
57 |
58 | :win9xME_args_slurp
59 | if "x%~1" == "x" goto execute
60 |
61 | set CMD_LINE_ARGS=%*
62 |
63 | :execute
64 | @rem Setup the command line
65 |
66 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
67 |
68 | @rem Execute Gradle
69 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
70 |
71 | :end
72 | @rem End local scope for the variables with windows NT shell
73 | if "%ERRORLEVEL%"=="0" goto mainEnd
74 |
75 | :fail
76 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
77 | rem the _cmd.exe /c_ return code!
78 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
79 | exit /b 1
80 |
81 | :mainEnd
82 | if "%OS%"=="Windows_NT" endlocal
83 |
84 | :omega
85 |
--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':app', ':fluidbottomnavigation'
2 |
--------------------------------------------------------------------------------
/static/sample.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/10clouds/FluidBottomNavigation-android/5689408c71e3f24a86c06acab7cb7be923414685/static/sample.gif
--------------------------------------------------------------------------------
8 |