mirror of https://codeberg.org/tom79/Fedilab
Fix issue #745 - Update library for bottom buttons.
Thomas
2 years ago
parent
d70c285bea
commit
107ac13e15
@ -0,0 +1,10 @@
|
||||
<vector xmlns:android="http://schemas.android.com/apk/res/android"
|
||||
android:width="24dp"
|
||||
android:height="24dp"
|
||||
android:tint="@color/boost_icon"
|
||||
android:viewportWidth="24"
|
||||
android:viewportHeight="24">
|
||||
<path
|
||||
android:fillColor="?attr/colorControlNormal"
|
||||
android:pathData="M7,7h10v1.79c0,0.45 0.54,0.67 0.85,0.35l2.79,-2.79c0.2,-0.2 0.2,-0.51 0,-0.71l-2.79,-2.79c-0.31,-0.31 -0.85,-0.09 -0.85,0.36L17,5L6,5c-0.55,0 -1,0.45 -1,1v4c0,0.55 0.45,1 1,1s1,-0.45 1,-1L7,7zM17,17L7,17v-1.79c0,-0.45 -0.54,-0.67 -0.85,-0.35l-2.79,2.79c-0.2,0.2 -0.2,0.51 0,0.71l2.79,2.79c0.31,0.31 0.85,0.09 0.85,-0.36L7,19h11c0.55,0 1,-0.45 1,-1v-4c0,-0.55 -0.45,-1 -1,-1s-1,0.45 -1,1v3z" />
|
||||
</vector>
|
||||
@ -0,0 +1 @@
|
||||
/build
|
||||
@ -0,0 +1,27 @@
|
||||
apply plugin: 'com.android.library'
|
||||
|
||||
group = 'com.github.tom79'
|
||||
|
||||
android {
|
||||
compileSdkVersion 33
|
||||
|
||||
defaultConfig {
|
||||
minSdkVersion 15
|
||||
targetSdkVersion 33
|
||||
versionCode 3
|
||||
versionName "1.0.12"
|
||||
}
|
||||
buildTypes {
|
||||
release {
|
||||
minifyEnabled false
|
||||
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
|
||||
}
|
||||
}
|
||||
lintOptions {
|
||||
abortOnError false
|
||||
}
|
||||
}
|
||||
dependencies {
|
||||
implementation fileTree(dir: 'libs', include: ['*.jar'])
|
||||
implementation 'androidx.appcompat:appcompat:1.6.0'
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
POM_NAME=SparkButton
|
||||
POM_ARTIFACT_ID=sparkbutton
|
||||
POM_PACKAGING=aar
|
||||
@ -0,0 +1,96 @@
|
||||
apply plugin: 'maven'
|
||||
apply plugin: 'signing'
|
||||
|
||||
def isReleaseBuild() {
|
||||
return VERSION_NAME.contains("SNAPSHOT") == false
|
||||
}
|
||||
|
||||
def getReleaseRepositoryUrl() {
|
||||
return hasProperty('RELEASE_REPOSITORY_URL') ? RELEASE_REPOSITORY_URL
|
||||
: "https://oss.sonatype.org/service/local/staging/deploy/maven2/"
|
||||
}
|
||||
|
||||
def getSnapshotRepositoryUrl() {
|
||||
return hasProperty('SNAPSHOT_REPOSITORY_URL') ? SNAPSHOT_REPOSITORY_URL
|
||||
: "https://oss.sonatype.org/content/repositories/snapshots/"
|
||||
}
|
||||
|
||||
def getRepositoryUsername() {
|
||||
return hasProperty('NEXUS_USERNAME') ? NEXUS_USERNAME : ""
|
||||
}
|
||||
|
||||
def getRepositoryPassword() {
|
||||
return hasProperty('NEXUS_PASSWORD') ? NEXUS_PASSWORD : ""
|
||||
}
|
||||
|
||||
afterEvaluate { project ->
|
||||
uploadArchives {
|
||||
repositories {
|
||||
mavenDeployer {
|
||||
beforeDeployment { MavenDeployment deployment -> signing.signPom(deployment) }
|
||||
|
||||
pom.groupId = GROUP
|
||||
pom.artifactId = POM_ARTIFACT_ID
|
||||
pom.version = VERSION_NAME
|
||||
|
||||
repository(url: getReleaseRepositoryUrl()) {
|
||||
authentication(userName: getRepositoryUsername(), password: getRepositoryPassword())
|
||||
}
|
||||
snapshotRepository(url: getSnapshotRepositoryUrl()) {
|
||||
authentication(userName: getRepositoryUsername(), password: getRepositoryPassword())
|
||||
}
|
||||
|
||||
pom.project {
|
||||
name POM_NAME
|
||||
packaging POM_PACKAGING
|
||||
description POM_DESCRIPTION
|
||||
url POM_URL
|
||||
|
||||
scm {
|
||||
url POM_SCM_URL
|
||||
connection POM_SCM_CONNECTION
|
||||
developerConnection POM_SCM_DEV_CONNECTION
|
||||
}
|
||||
|
||||
licenses {
|
||||
license {
|
||||
name POM_LICENCE_NAME
|
||||
url POM_LICENCE_URL
|
||||
distribution POM_LICENCE_DIST
|
||||
}
|
||||
}
|
||||
|
||||
developers {
|
||||
developer {
|
||||
id POM_DEVELOPER_ID
|
||||
name POM_DEVELOPER_NAME
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
signing {
|
||||
required { isReleaseBuild() && gradle.taskGraph.hasTask("uploadArchives") }
|
||||
sign configurations.archives
|
||||
}
|
||||
|
||||
//task androidJavadocs(type: Javadoc) {
|
||||
//source = android.sourceSets.main.allJava
|
||||
//}
|
||||
|
||||
//task androidJavadocsJar(type: Jar, dependsOn: androidJavadocs) {
|
||||
//classifier = 'javadoc'
|
||||
//from androidJavadocs.destinationDir
|
||||
//}
|
||||
|
||||
task androidSourcesJar(type: Jar) {
|
||||
classifier = 'sources'
|
||||
from android.sourceSets.main.java.sourceFiles
|
||||
}
|
||||
|
||||
artifacts {
|
||||
archives androidSourcesJar
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,17 @@
|
||||
# Add project specific ProGuard rules here.
|
||||
# By default, the flags in this file are appended to flags specified
|
||||
# in /android-sdk/tools/proguard/proguard-android.txt
|
||||
# You can edit the include path and order by changing the proguardFiles
|
||||
# directive in build.gradle.
|
||||
#
|
||||
# For more details, see
|
||||
# http://developer.android.com/guide/developing/tools/proguard.html
|
||||
|
||||
# Add any project specific keep options here:
|
||||
|
||||
# If your project uses WebView with JS, uncomment the following
|
||||
# and specify the fully qualified class name to the JavaScript interface
|
||||
# class:
|
||||
#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
|
||||
# public *;
|
||||
#}
|
||||
@ -0,0 +1,4 @@
|
||||
<manifest package="com.varunest.sparkbutton">
|
||||
|
||||
<application />
|
||||
</manifest>
|
||||
@ -0,0 +1,313 @@
|
||||
package com.varunest.sparkbutton;
|
||||
|
||||
import android.animation.Animator;
|
||||
import android.animation.AnimatorListenerAdapter;
|
||||
import android.animation.AnimatorSet;
|
||||
import android.animation.ObjectAnimator;
|
||||
import android.annotation.TargetApi;
|
||||
import android.content.Context;
|
||||
import android.content.res.TypedArray;
|
||||
import android.os.Build;
|
||||
import android.util.AttributeSet;
|
||||
import android.view.Gravity;
|
||||
import android.view.MotionEvent;
|
||||
import android.view.View;
|
||||
import android.view.animation.AccelerateDecelerateInterpolator;
|
||||
import android.view.animation.DecelerateInterpolator;
|
||||
import android.view.animation.OvershootInterpolator;
|
||||
import android.widget.FrameLayout;
|
||||
import android.widget.ImageView;
|
||||
|
||||
import androidx.annotation.ColorInt;
|
||||
import androidx.annotation.DrawableRes;
|
||||
import androidx.annotation.Px;
|
||||
import androidx.appcompat.widget.AppCompatImageView;
|
||||
import androidx.core.content.ContextCompat;
|
||||
|
||||
import com.varunest.sparkbutton.helpers.SparkAnimationView;
|
||||
import com.varunest.sparkbutton.helpers.Utils;
|
||||
|
||||
/**
|
||||
* @author varun 7th July 2016
|
||||
*/
|
||||
public class SparkButton extends FrameLayout implements View.OnClickListener {
|
||||
private static final DecelerateInterpolator DECELERATE_INTERPOLATOR = new DecelerateInterpolator();
|
||||
private static final AccelerateDecelerateInterpolator ACCELERATE_DECELERATE_INTERPOLATOR = new AccelerateDecelerateInterpolator();
|
||||
private static final OvershootInterpolator OVERSHOOT_INTERPOLATOR = new OvershootInterpolator(4);
|
||||
|
||||
private static final int INVALID_RESOURCE_ID = -1;
|
||||
private static final float ANIMATIONVIEW_SIZE_FACTOR = 3;
|
||||
private static final float DOTS_SIZE_FACTOR = .08f;
|
||||
int activeImageTint;
|
||||
int inActiveImageTint;
|
||||
private @DrawableRes
|
||||
int imageResourceIdActive = INVALID_RESOURCE_ID;
|
||||
private @DrawableRes
|
||||
int imageResourceIdInactive = INVALID_RESOURCE_ID;
|
||||
private @Px
|
||||
int imageSize;
|
||||
private @ColorInt
|
||||
int primaryColor;
|
||||
private @ColorInt
|
||||
int secondaryColor;
|
||||
private SparkAnimationView sparkAnimationView;
|
||||
private ImageView imageView;
|
||||
private float animationSpeed = 1;
|
||||
private boolean isChecked = false;
|
||||
private AnimatorSet animatorSet;
|
||||
private SparkEventListener listener;
|
||||
|
||||
SparkButton(Context context) {
|
||||
super(context);
|
||||
}
|
||||
|
||||
public SparkButton(Context context, AttributeSet attrs) {
|
||||
super(context, attrs);
|
||||
initFromXML(attrs);
|
||||
init();
|
||||
}
|
||||
|
||||
public SparkButton(Context context, AttributeSet attrs, int defStyleAttr) {
|
||||
super(context, attrs, defStyleAttr);
|
||||
initFromXML(attrs);
|
||||
init();
|
||||
}
|
||||
|
||||
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
|
||||
public SparkButton(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
|
||||
super(context, attrs, defStyleAttr, defStyleRes);
|
||||
initFromXML(attrs);
|
||||
init();
|
||||
}
|
||||
|
||||
|
||||
void init() {
|
||||
int animationViewSize = (int) (imageSize * ANIMATIONVIEW_SIZE_FACTOR);
|
||||
|
||||
sparkAnimationView = new SparkAnimationView(getContext());
|
||||
LayoutParams dotsViewLayoutParams = new LayoutParams(animationViewSize, animationViewSize, Gravity.CENTER);
|
||||
sparkAnimationView.setLayoutParams(dotsViewLayoutParams);
|
||||
|
||||
sparkAnimationView.setColors(secondaryColor, primaryColor);
|
||||
sparkAnimationView.setMaxDotSize((int) (imageSize * DOTS_SIZE_FACTOR));
|
||||
|
||||
addView(sparkAnimationView);
|
||||
|
||||
imageView = new AppCompatImageView(getContext());
|
||||
LayoutParams imageViewLayoutParams = new LayoutParams(imageSize, imageSize, Gravity.CENTER);
|
||||
imageView.setLayoutParams(imageViewLayoutParams);
|
||||
|
||||
addView(imageView);
|
||||
|
||||
if (imageResourceIdInactive != INVALID_RESOURCE_ID) {
|
||||
// should load inactive img first
|
||||
imageView.setImageResource(imageResourceIdInactive);
|
||||
} else if (imageResourceIdActive != INVALID_RESOURCE_ID) {
|
||||
imageView.setImageResource(imageResourceIdActive);
|
||||
} else {
|
||||
throw new IllegalArgumentException("One of Inactive/Active Image Resources is required!");
|
||||
}
|
||||
setOnTouchListener();
|
||||
setOnClickListener(this);
|
||||
}
|
||||
|
||||
/**
|
||||
* Call this function to start spark animation
|
||||
*/
|
||||
public void playAnimation() {
|
||||
if (animatorSet != null) {
|
||||
animatorSet.cancel();
|
||||
}
|
||||
|
||||
imageView.animate().cancel();
|
||||
imageView.setScaleX(0);
|
||||
imageView.setScaleY(0);
|
||||
sparkAnimationView.setInnerCircleRadiusProgress(0);
|
||||
sparkAnimationView.setOuterCircleRadiusProgress(0);
|
||||
sparkAnimationView.setCurrentProgress(0);
|
||||
|
||||
animatorSet = new AnimatorSet();
|
||||
|
||||
ObjectAnimator outerCircleAnimator = ObjectAnimator.ofFloat(sparkAnimationView, SparkAnimationView.OUTER_CIRCLE_RADIUS_PROGRESS, 0.1f, 1f);
|
||||
outerCircleAnimator.setDuration((long) (250 / animationSpeed));
|
||||
outerCircleAnimator.setInterpolator(DECELERATE_INTERPOLATOR);
|
||||
|
||||
ObjectAnimator innerCircleAnimator = ObjectAnimator.ofFloat(sparkAnimationView, SparkAnimationView.INNER_CIRCLE_RADIUS_PROGRESS, 0.1f, 1f);
|
||||
innerCircleAnimator.setDuration((long) (200 / animationSpeed));
|
||||
innerCircleAnimator.setStartDelay((long) (200 / animationSpeed));
|
||||
innerCircleAnimator.setInterpolator(DECELERATE_INTERPOLATOR);
|
||||
|
||||
ObjectAnimator starScaleYAnimator = ObjectAnimator.ofFloat(imageView, ImageView.SCALE_Y, 0.2f, 1f);
|
||||
starScaleYAnimator.setDuration((long) (350 / animationSpeed));
|
||||
starScaleYAnimator.setStartDelay((long) (250 / animationSpeed));
|
||||
starScaleYAnimator.setInterpolator(OVERSHOOT_INTERPOLATOR);
|
||||
|
||||
ObjectAnimator starScaleXAnimator = ObjectAnimator.ofFloat(imageView, ImageView.SCALE_X, 0.2f, 1f);
|
||||
starScaleXAnimator.setDuration((long) (350 / animationSpeed));
|
||||
starScaleXAnimator.setStartDelay((long) (250 / animationSpeed));
|
||||
starScaleXAnimator.setInterpolator(OVERSHOOT_INTERPOLATOR);
|
||||
|
||||
ObjectAnimator dotsAnimator = ObjectAnimator.ofFloat(sparkAnimationView, SparkAnimationView.DOTS_PROGRESS, 0, 1f);
|
||||
dotsAnimator.setDuration((long) (900 / animationSpeed));
|
||||
dotsAnimator.setStartDelay((long) (50 / animationSpeed));
|
||||
dotsAnimator.setInterpolator(ACCELERATE_DECELERATE_INTERPOLATOR);
|
||||
|
||||
animatorSet.playTogether(
|
||||
outerCircleAnimator,
|
||||
innerCircleAnimator,
|
||||
starScaleYAnimator,
|
||||
starScaleXAnimator,
|
||||
dotsAnimator
|
||||
);
|
||||
|
||||
animatorSet.addListener(new AnimatorListenerAdapter() {
|
||||
@Override
|
||||
public void onAnimationCancel(Animator animation) {
|
||||
sparkAnimationView.setInnerCircleRadiusProgress(0);
|
||||
sparkAnimationView.setOuterCircleRadiusProgress(0);
|
||||
sparkAnimationView.setCurrentProgress(0);
|
||||
imageView.setScaleX(1);
|
||||
imageView.setScaleY(1);
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onAnimationEnd(Animator animation) {
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onAnimationStart(Animator animation) {
|
||||
}
|
||||
});
|
||||
|
||||
animatorSet.start();
|
||||
}
|
||||
|
||||
|
||||
public @Px
|
||||
int getImageSize() {
|
||||
return imageSize;
|
||||
}
|
||||
|
||||
public void setImageSize(@Px int imageSize) {
|
||||
this.imageSize = imageSize;
|
||||
}
|
||||
|
||||
public @ColorInt
|
||||
int getPrimaryColor() {
|
||||
return primaryColor;
|
||||
}
|
||||
|
||||
public void setPrimaryColor(@ColorInt int primaryColor) {
|
||||
this.primaryColor = primaryColor;
|
||||
}
|
||||
|
||||
public @ColorInt
|
||||
int getSecondaryColor() {
|
||||
return secondaryColor;
|
||||
}
|
||||
|
||||
public void setSecondaryColor(@ColorInt int secondaryColor) {
|
||||
this.secondaryColor = secondaryColor;
|
||||
}
|
||||
|
||||
public void setAnimationSpeed(float animationSpeed) {
|
||||
this.animationSpeed = animationSpeed;
|
||||
}
|
||||
|
||||
/**
|
||||
* @return Returns whether the button is checked (Active) or not.
|
||||
*/
|
||||
public boolean isChecked() {
|
||||
return isChecked;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change Button State (Works only if both active and disabled image resource is defined)
|
||||
*
|
||||
* @param flag desired checked state of the button
|
||||
*/
|
||||
public void setChecked(boolean flag) {
|
||||
isChecked = flag;
|
||||
imageView.setImageResource(isChecked ? imageResourceIdActive : imageResourceIdInactive);
|
||||
}
|
||||
|
||||
public void setInactiveImage(int inactiveResource) {
|
||||
this.imageResourceIdInactive = inactiveResource;
|
||||
imageView.setImageResource(isChecked ? imageResourceIdActive : imageResourceIdInactive);
|
||||
}
|
||||
|
||||
public void setActiveImage(int activeResource) {
|
||||
this.imageResourceIdActive = activeResource;
|
||||
imageView.setImageResource(isChecked ? imageResourceIdActive : imageResourceIdInactive);
|
||||
}
|
||||
|
||||
@Override
|
||||
public void onClick(View v) {
|
||||
boolean shouldPlayAnimation = listener == null || listener.onEvent(this, isChecked);
|
||||
|
||||
if (shouldPlayAnimation) {
|
||||
if (imageResourceIdInactive != INVALID_RESOURCE_ID) {
|
||||
isChecked = !isChecked;
|
||||
|
||||
imageView.setImageResource(isChecked ? imageResourceIdActive : imageResourceIdInactive);
|
||||
|
||||
if (animatorSet != null) {
|
||||
animatorSet.cancel();
|
||||
}
|
||||
if (isChecked) {
|
||||
sparkAnimationView.setVisibility(VISIBLE);
|
||||
playAnimation();
|
||||
} else {
|
||||
sparkAnimationView.setVisibility(INVISIBLE);
|
||||
}
|
||||
} else {
|
||||
playAnimation();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
private void setOnTouchListener() {
|
||||
setOnTouchListener((v, event) -> {
|
||||
switch (event.getAction()) {
|
||||
case MotionEvent.ACTION_DOWN:
|
||||
imageView.animate().scaleX(0.8f).scaleY(0.8f).setDuration(150).setInterpolator(DECELERATE_INTERPOLATOR);
|
||||
setPressed(true);
|
||||
break;
|
||||
|
||||
case MotionEvent.ACTION_MOVE:
|
||||
break;
|
||||
|
||||
case MotionEvent.ACTION_UP:
|
||||
imageView.animate().scaleX(1).scaleY(1).setInterpolator(DECELERATE_INTERPOLATOR);
|
||||
if (isPressed()) {
|
||||
performClick();
|
||||
setPressed(false);
|
||||
}
|
||||
break;
|
||||
|
||||
case MotionEvent.ACTION_CANCEL:
|
||||
imageView.animate().scaleX(1).scaleY(1).setInterpolator(DECELERATE_INTERPOLATOR);
|
||||
break;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
}
|
||||
|
||||
private int getColor(int id) {
|
||||
return ContextCompat.getColor(getContext(), id);
|
||||
}
|
||||
|
||||
|
||||
private void initFromXML(AttributeSet attr) {
|
||||
TypedArray a = getContext().obtainStyledAttributes(attr, R.styleable.SparkButton);
|
||||
imageSize = a.getDimensionPixelOffset(R.styleable.SparkButton_iconSize, Utils.dpToPx(getContext(), 50));
|
||||
imageResourceIdActive = a.getResourceId(R.styleable.SparkButton_activeImage, INVALID_RESOURCE_ID);
|
||||
imageResourceIdInactive = a.getResourceId(R.styleable.SparkButton_inactiveImage, INVALID_RESOURCE_ID);
|
||||
primaryColor = ContextCompat.getColor(getContext(), a.getResourceId(R.styleable.SparkButton_primaryColor, R.color.spark_primary_color));
|
||||
secondaryColor = ContextCompat.getColor(getContext(), a.getResourceId(R.styleable.SparkButton_secondaryColor, R.color.spark_secondary_color));
|
||||
animationSpeed = a.getFloat(R.styleable.SparkButton_animationSpeed, 1);
|
||||
// recycle typedArray
|
||||
a.recycle();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
package com.varunest.sparkbutton;
|
||||
|
||||
import android.content.Context;
|
||||
|
||||
import androidx.annotation.ColorInt;
|
||||
import androidx.annotation.DrawableRes;
|
||||
|
||||
import com.varunest.sparkbutton.helpers.Utils;
|
||||
|
||||
/**
|
||||
* @author varun on 07/07/16.
|
||||
*/
|
||||
public class SparkButtonBuilder {
|
||||
private final SparkButton sparkButton;
|
||||
private final Context context;
|
||||
|
||||
public SparkButtonBuilder(Context context) {
|
||||
this.context = context;
|
||||
sparkButton = new SparkButton(context);
|
||||
}
|
||||
|
||||
public SparkButtonBuilder setActiveImage(@DrawableRes int resourceId) {
|
||||
sparkButton.setActiveImage(resourceId);
|
||||
return this;
|
||||
}
|
||||
|
||||
public SparkButtonBuilder setInactiveImage(@DrawableRes int resourceId) {
|
||||
sparkButton.setInactiveImage(resourceId);
|
||||
return this;
|
||||
}
|
||||
|
||||
public SparkButtonBuilder setPrimaryColor(@ColorInt int color) {
|
||||
sparkButton.setPrimaryColor(color);
|
||||
return this;
|
||||
}
|
||||
|
||||
public SparkButtonBuilder setSecondaryColor(int color) {
|
||||
sparkButton.setSecondaryColor(color);
|
||||
return this;
|
||||
}
|
||||
|
||||
public SparkButtonBuilder setImageSizePx(int px) {
|
||||
sparkButton.setImageSize(px);
|
||||
return this;
|
||||
}
|
||||
|
||||
public SparkButtonBuilder setImageSizeDp(int dp) {
|
||||
sparkButton.setImageSize(Utils.dpToPx(context, dp));
|
||||
return this;
|
||||
}
|
||||
|
||||
public SparkButtonBuilder setAnimationSpeed(float speed) {
|
||||
sparkButton.setAnimationSpeed(speed);
|
||||
return this;
|
||||
}
|
||||
|
||||
public SparkButton build() {
|
||||
sparkButton.init();
|
||||
return sparkButton;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,10 @@
|
||||
package com.varunest.sparkbutton;
|
||||
|
||||
import androidx.annotation.NonNull;
|
||||
|
||||
/**
|
||||
* @author varun on 07/07/16.
|
||||
*/
|
||||
public interface SparkEventListener {
|
||||
boolean onEvent(@NonNull SparkButton button, boolean buttonState);
|
||||
}
|
||||
@ -0,0 +1,249 @@
|
||||
package com.varunest.sparkbutton.helpers;
|
||||
|
||||
import android.animation.ArgbEvaluator;
|
||||
import android.annotation.TargetApi;
|
||||
import android.content.Context;
|
||||
import android.graphics.Canvas;
|
||||
import android.graphics.Paint;
|
||||
import android.graphics.PorterDuff;
|
||||
import android.graphics.PorterDuffXfermode;
|
||||
import android.os.Build;
|
||||
import android.util.AttributeSet;
|
||||
import android.util.Property;
|
||||
import android.view.View;
|
||||
|
||||
|
||||
public class SparkAnimationView extends View {
|
||||
public static final Property<SparkAnimationView, Float> INNER_CIRCLE_RADIUS_PROGRESS =
|
||||
new Property<SparkAnimationView, Float>(Float.class, "innerCircleRadiusProgress") {
|
||||
@Override
|
||||
public Float get(SparkAnimationView object) {
|
||||
return object.getInnerCircleRadiusProgress();
|
||||
}
|
||||
|
||||
@Override
|
||||
public void set(SparkAnimationView object, Float value) {
|
||||
object.setInnerCircleRadiusProgress(value);
|
||||
}
|
||||
};
|
||||
private static final int DOTS_COUNT = 12;
|
||||
private static final int OUTER_DOTS_POSITION_ANGLE = 360 / DOTS_COUNT;
|
||||
private static final ArgbEvaluator argbEvaluator = new ArgbEvaluator();
|
||||
public static final Property<SparkAnimationView, Float> DOTS_PROGRESS = new Property<SparkAnimationView, Float>(Float.class, "dotsProgress") {
|
||||
@Override
|
||||
public Float get(SparkAnimationView object) {
|
||||
return object.getCurrentProgress();
|
||||
}
|
||||
|
||||
@Override
|
||||
public void set(SparkAnimationView object, Float value) {
|
||||
object.setCurrentProgress(value);
|
||||
}
|
||||
};
|
||||
public static final Property<SparkAnimationView, Float> OUTER_CIRCLE_RADIUS_PROGRESS =
|
||||
new Property<SparkAnimationView, Float>(Float.class, "outerCircleRadiusProgress") {
|
||||
@Override
|
||||
public Float get(SparkAnimationView object) {
|
||||
return object.getOuterCircleRadiusProgress();
|
||||
}
|
||||
|
||||
@Override
|
||||
public void set(SparkAnimationView object, Float value) {
|
||||
object.setOuterCircleRadiusProgress(value);
|
||||
}
|
||||
};
|
||||
private final Paint[] dotsPaints = new Paint[4];
|
||||
private final Paint circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
|
||||
private final Paint maskPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
|
||||
private int primaryColor = 0xFFFFC107;
|
||||
private int primaryColorDark = 0xFFFF9800;
|
||||
private int secondaryColor = 0xFFFF5722;
|
||||
private int secondaryColorDark = 0xFFF44336;
|
||||
private int centerX;
|
||||
private int centerY;
|
||||
private float maxOuterDotsRadius;
|
||||
private float maxInnerDotsRadius;
|
||||
private float maxDotSize;
|
||||
private float currentProgress = 0;
|
||||
private float currentRadius1 = 0;
|
||||
private float currentDotSize1 = 0;
|
||||
private float currentDotSize2 = 0;
|
||||
private float currentRadius2 = 0;
|
||||
private float outerCircleRadiusProgress = 0f;
|
||||
private float innerCircleRadiusProgress = 0f;
|
||||
private float maxCircleSize;
|
||||
|
||||
public SparkAnimationView(Context context) {
|
||||
super(context);
|
||||
init();
|
||||
}
|
||||
|
||||
public SparkAnimationView(Context context, AttributeSet attrs) {
|
||||
super(context, attrs);
|
||||
init();
|
||||
}
|
||||
|
||||
public SparkAnimationView(Context context, AttributeSet attrs, int defStyleAttr) {
|
||||
super(context, attrs, defStyleAttr);
|
||||
init();
|
||||
}
|
||||
|
||||
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
|
||||
public SparkAnimationView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
|
||||
super(context, attrs, defStyleAttr, defStyleRes);
|
||||
init();
|
||||
}
|
||||
|
||||
private void init() {
|
||||
setLayerType(View.LAYER_TYPE_HARDWARE, null);
|
||||
|
||||
maxDotSize = Utils.dpToPx(getContext(), 4);
|
||||
for (int i = 0; i < dotsPaints.length; i++) {
|
||||
dotsPaints[i] = new Paint(Paint.ANTI_ALIAS_FLAG);
|
||||
}
|
||||
|
||||
maskPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
|
||||
}
|
||||
|
||||
@Override
|
||||
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
|
||||
centerX = w / 2;
|
||||
centerY = h / 2;
|
||||
maxOuterDotsRadius = w / 2 - maxDotSize * 2;
|
||||
maxInnerDotsRadius = 0.8f * maxOuterDotsRadius;
|
||||
maxCircleSize = w / 4.3f;
|
||||
|
||||
}
|
||||
|
||||
@Override
|
||||
protected void onDraw(Canvas canvas) {
|
||||
drawOuterDotsFrame(canvas);
|
||||
drawInnerDotsFrame(canvas);
|
||||
|
||||
canvas.drawCircle(getWidth() / 2, getHeight() / 2, outerCircleRadiusProgress * maxCircleSize, circlePaint);
|
||||
canvas.drawCircle(getWidth() / 2, getHeight() / 2, innerCircleRadiusProgress * (maxCircleSize + 1), maskPaint);
|
||||
}
|
||||
|
||||
public void setMaxDotSize(int pxUnits) {
|
||||
maxDotSize = pxUnits;
|
||||
}
|
||||
|
||||
private void drawOuterDotsFrame(Canvas canvas) {
|
||||
for (int i = 0; i < DOTS_COUNT; i++) {
|
||||
int cX = (int) (centerX + currentRadius1 * Math.cos(i * OUTER_DOTS_POSITION_ANGLE * Math.PI / 180));
|
||||
int cY = (int) (centerY + currentRadius1 * Math.sin(i * OUTER_DOTS_POSITION_ANGLE * Math.PI / 180));
|
||||
canvas.drawCircle(cX, cY, currentDotSize1, dotsPaints[i % dotsPaints.length]);
|
||||
}
|
||||
}
|
||||
|
||||
private void drawInnerDotsFrame(Canvas canvas) {
|
||||
for (int i = 0; i < DOTS_COUNT; i++) {
|
||||
int cX = (int) (centerX + currentRadius2 * Math.cos((i * OUTER_DOTS_POSITION_ANGLE - 10) * Math.PI / 180));
|
||||
int cY = (int) (centerY + currentRadius2 * Math.sin((i * OUTER_DOTS_POSITION_ANGLE - 10) * Math.PI / 180));
|
||||
canvas.drawCircle(cX, cY, currentDotSize2, dotsPaints[(i + 1) % dotsPaints.length]);
|
||||
}
|
||||
}
|
||||
|
||||
public float getCurrentProgress() {
|
||||
return currentProgress;
|
||||
}
|
||||
|
||||
public void setCurrentProgress(float currentProgress) {
|
||||
this.currentProgress = currentProgress;
|
||||
|
||||
updateInnerDotsPosition();
|
||||
updateOuterDotsPosition();
|
||||
updateDotsPaints();
|
||||
updateDotsAlpha();
|
||||
|
||||
postInvalidate();
|
||||
}
|
||||
|
||||
private void updateInnerDotsPosition() {
|
||||
if (currentProgress < 0.3f) {
|
||||
this.currentRadius2 = (float) Utils.mapValueFromRangeToRange(currentProgress, 0, 0.3f, 0.f, maxInnerDotsRadius);
|
||||
} else {
|
||||
this.currentRadius2 = maxInnerDotsRadius;
|
||||
}
|
||||
|
||||
if (currentProgress < 0.2) {
|
||||
this.currentDotSize2 = maxDotSize;
|
||||
} else if (currentProgress < 0.5) {
|
||||
this.currentDotSize2 = (float) Utils.mapValueFromRangeToRange(currentProgress, 0.2f, 0.5f, maxDotSize, 0.3 * maxDotSize);
|
||||
} else {
|
||||
this.currentDotSize2 = (float) Utils.mapValueFromRangeToRange(currentProgress, 0.5f, 1f, maxDotSize * 0.3f, 0);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
private void updateOuterDotsPosition() {
|
||||
if (currentProgress < 0.3f) {
|
||||
this.currentRadius1 = (float) Utils.mapValueFromRangeToRange(currentProgress, 0.0f, 0.3f, 0, maxOuterDotsRadius * 0.8f);
|
||||
} else {
|
||||
this.currentRadius1 = (float) Utils.mapValueFromRangeToRange(currentProgress, 0.3f, 1f, 0.8f * maxOuterDotsRadius, maxOuterDotsRadius);
|
||||
}
|
||||
|
||||
if (currentProgress < 0.7) {
|
||||
this.currentDotSize1 = maxDotSize;
|
||||
} else {
|
||||
this.currentDotSize1 = (float) Utils.mapValueFromRangeToRange(currentProgress, 0.7f, 1f, maxDotSize, 0);
|
||||
}
|
||||
}
|
||||
|
||||
private void updateDotsPaints() {
|
||||
if (currentProgress < 0.5f) {
|
||||
float progress = (float) Utils.mapValueFromRangeToRange(currentProgress, 0f, 0.5f, 0, 1f);
|
||||
dotsPaints[0].setColor((Integer) argbEvaluator.evaluate(progress, primaryColor, primaryColorDark));
|
||||
dotsPaints[1].setColor((Integer) argbEvaluator.evaluate(progress, primaryColorDark, secondaryColor));
|
||||
dotsPaints[2].setColor((Integer) argbEvaluator.evaluate(progress, secondaryColor, secondaryColorDark));
|
||||
dotsPaints[3].setColor((Integer) argbEvaluator.evaluate(progress, secondaryColorDark, primaryColor));
|
||||
} else {
|
||||
float progress = (float) Utils.mapValueFromRangeToRange(currentProgress, 0.5f, 1f, 0, 1f);
|
||||
dotsPaints[0].setColor((Integer) argbEvaluator.evaluate(progress, primaryColorDark, secondaryColor));
|
||||
dotsPaints[1].setColor((Integer) argbEvaluator.evaluate(progress, secondaryColor, secondaryColorDark));
|
||||
dotsPaints[2].setColor((Integer) argbEvaluator.evaluate(progress, secondaryColorDark, primaryColor));
|
||||
dotsPaints[3].setColor((Integer) argbEvaluator.evaluate(progress, primaryColor, primaryColorDark));
|
||||
}
|
||||
}
|
||||
|
||||
private void updateDotsAlpha() {
|
||||
float progress = (float) Utils.clamp(currentProgress, 0.6f, 1f);
|
||||
int alpha = (int) Utils.mapValueFromRangeToRange(progress, 0.6f, 1f, 255, 0);
|
||||
dotsPaints[0].setAlpha(alpha);
|
||||
dotsPaints[1].setAlpha(alpha);
|
||||
dotsPaints[2].setAlpha(alpha);
|
||||
dotsPaints[3].setAlpha(alpha);
|
||||
}
|
||||
|
||||
public void setColors(int primaryColor, int secondaryColor) {
|
||||
this.primaryColor = primaryColor;
|
||||
this.primaryColorDark = Utils.darkenColor(primaryColor, 1.1f);
|
||||
this.secondaryColor = secondaryColor;
|
||||
this.secondaryColorDark = Utils.darkenColor(secondaryColor, 1.1f);
|
||||
}
|
||||
|
||||
public float getInnerCircleRadiusProgress() {
|
||||
return innerCircleRadiusProgress;
|
||||
}
|
||||
|
||||
public void setInnerCircleRadiusProgress(float innerCircleRadiusProgress) {
|
||||
this.innerCircleRadiusProgress = innerCircleRadiusProgress;
|
||||
postInvalidate();
|
||||
}
|
||||
|
||||
private void updateCircleColor() {
|
||||
float colorProgress = (float) Utils.clamp(outerCircleRadiusProgress, 0.5, 1);
|
||||
colorProgress = (float) Utils.mapValueFromRangeToRange(colorProgress, 0.5f, 1f, 0f, 1f);
|
||||
this.circlePaint.setColor((Integer) argbEvaluator.evaluate(colorProgress, primaryColor, secondaryColor));
|
||||
}
|
||||
|
||||
public float getOuterCircleRadiusProgress() {
|
||||
return outerCircleRadiusProgress;
|
||||
}
|
||||
|
||||
public void setOuterCircleRadiusProgress(float outerCircleRadiusProgress) {
|
||||
this.outerCircleRadiusProgress = outerCircleRadiusProgress;
|
||||
updateCircleColor();
|
||||
postInvalidate();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
package com.varunest.sparkbutton.helpers;
|
||||
|
||||
import android.content.Context;
|
||||
import android.graphics.Color;
|
||||
import android.util.DisplayMetrics;
|
||||
|
||||
import androidx.annotation.NonNull;
|
||||
|
||||
public class Utils {
|
||||
public static double mapValueFromRangeToRange(double value, double fromLow, double fromHigh, double toLow, double toHigh) {
|
||||
return toLow + ((value - fromLow) / (fromHigh - fromLow) * (toHigh - toLow));
|
||||
}
|
||||
|
||||
public static double clamp(double value, double low, double high) {
|
||||
return Math.min(Math.max(value, low), high);
|
||||
}
|
||||
|
||||
public static int darkenColor(int color, float multiplier) {
|
||||
float[] hsv = new float[3];
|
||||
|
||||
Color.colorToHSV(color, hsv);
|
||||
hsv[2] *= multiplier; // value component
|
||||
return Color.HSVToColor(hsv);
|
||||
}
|
||||
|
||||
public static int dpToPx(@NonNull Context context, int dp) {
|
||||
DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics();
|
||||
return Math.round(dp * (displayMetrics.xdpi / DisplayMetrics.DENSITY_DEFAULT));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<resources>
|
||||
<declare-styleable name="SparkButton">
|
||||
<attr name="iconSize" format="dimension|reference" />
|
||||
<attr name="activeImage" format="reference" />
|
||||
<attr name="inactiveImage" format="reference" />
|
||||
<attr name="primaryColor" format="reference" />
|
||||
<attr name="secondaryColor" format="reference" />
|
||||
<attr name="animationSpeed" format="float" />
|
||||
</declare-styleable>
|
||||
</resources>
|
||||
@ -0,0 +1,6 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<resources>
|
||||
<color name="spark_primary_color">#FFFFC107</color>
|
||||
<color name="spark_secondary_color">#FFFF5722</color>
|
||||
<color name="spark_image_tint">#00000000</color>
|
||||
</resources>
|
||||
@ -0,0 +1,3 @@
|
||||
<resources>
|
||||
<string name="app_name">SparkButton</string>
|
||||
</resources>
|
||||
Loading…
Reference in new issue