├── .gitignore ├── MateriaCircularButton.iml ├── app ├── .gitignore ├── app.iml ├── build.gradle ├── libs │ └── android-support-v7-palette.jar ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── glomadrian │ │ └── materiacircularbutton │ │ └── ApplicationTest.java │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── glomadrian │ │ └── materiacircularbutton │ │ ├── MyActivity.java │ │ ├── adapter │ │ └── ImageAdapter.java │ │ └── fragment │ │ └── ImageFragment.java │ └── res │ ├── drawable-hdpi │ └── ic_launcher.png │ ├── drawable-mdpi │ ├── cross.png │ ├── ic_launcher.png │ ├── image_1.jpg │ ├── image_2.jpg │ ├── image_3.jpg │ ├── image_4.jpg │ ├── image_5.jpg │ ├── plus.png │ └── plusv2.png │ ├── drawable-xhdpi │ └── ic_launcher.png │ ├── drawable-xxhdpi │ └── ic_launcher.png │ ├── drawable │ └── bg_card.xml │ ├── layout │ ├── activity_my.xml │ └── fragment_image.xml │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml ├── build.gradle ├── circularbuttonanimatedcolor ├── .gitignore ├── build.gradle ├── circularbuttonanimatedcolor.iml ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── glomadrian │ │ └── ApplicationTest.java │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── glomadrian │ │ ├── button │ │ └── CircleButton.java │ │ └── drawable │ │ └── CircularButtonDrawable.java │ └── res │ ├── drawable-hdpi │ └── ic_launcher.png │ ├── drawable-mdpi │ └── ic_launcher.png │ ├── drawable-xhdpi │ └── ic_launcher.png │ ├── drawable-xxhdpi │ └── ic_launcher.png │ └── values │ ├── attrs.xml │ └── strings.xml ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── images └── sample.gif ├── materialCircularButton ├── .gitignore ├── build.gradle ├── materialCircularButton.iml ├── materialCiruclarButton.iml ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── glomadrian │ │ ├── button │ │ └── MaterialButton.java │ │ └── drawable │ │ └── MaterialButtonDrawable.java │ └── res │ ├── drawable-hdpi │ └── ic_launcher.png │ ├── drawable-mdpi │ └── ic_launcher.png │ ├── drawable-xhdpi │ └── ic_launcher.png │ ├── drawable-xxhdpi │ └── ic_launcher.png │ └── values │ ├── attrs.xml │ └── strings.xml ├── readme.md └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | /local.properties 3 | /.idea/workspace.xml 4 | .DS_Store 5 | 6 | #built application files 7 | *.apk 8 | *.ap_ 9 | 10 | # files for the dex VM 11 | *.dex 12 | 13 | # Java class files 14 | *.class 15 | 16 | # generated files 17 | bin/ 18 | gen/ 19 | 20 | # Local configuration file (sdk path, etc) 21 | local.properties 22 | 23 | # Windows thumbnail db 24 | Thumbs.db 25 | 26 | # OSX files 27 | .DS_Store 28 | 29 | # Eclipse project files 30 | .classpath 31 | .project 32 | 33 | # Android Studio 34 | .idea 35 | #.idea/workspace.xml - remove # and delete .idea if it better suit your needs. 36 | .gradle 37 | build/ 38 | -------------------------------------------------------------------------------- /MateriaCircularButton.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/app.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 19 5 | buildToolsVersion '20.0.0' 6 | 7 | defaultConfig { 8 | applicationId "com.glomadrian.materiacircularbutton" 9 | minSdkVersion 16 10 | targetSdkVersion 19 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | runProguard false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | compile 'com.android.support:support-v4:18.0.+' 25 | compile project(':materialCircularButton') 26 | } 27 | -------------------------------------------------------------------------------- /app/libs/android-support-v7-palette.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/libs/android-support-v7-palette.jar -------------------------------------------------------------------------------- /app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /media/Almacen/Ides/android-studio/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/glomadrian/materiacircularbutton/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.materiacircularbutton; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 10 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /app/src/main/java/com/glomadrian/materiacircularbutton/MyActivity.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.materiacircularbutton; 2 | 3 | import android.os.Bundle; 4 | import android.support.v4.app.FragmentActivity; 5 | import android.support.v4.view.ViewPager; 6 | import android.support.v7.graphics.Palette; 7 | 8 | import com.glomadrian.button.MaterialButton; 9 | import com.glomadrian.materiacircularbutton.adapter.ImageAdapter; 10 | import com.glomadrian.materiacircularbutton.fragment.ImageFragment; 11 | 12 | import java.util.ArrayList; 13 | import java.util.List; 14 | 15 | 16 | public class MyActivity extends FragmentActivity { 17 | 18 | private MaterialButton materialButton; 19 | private ImageAdapter mImageAdapter; 20 | private ViewPager mViewPager; 21 | @Override 22 | protected void onCreate(Bundle savedInstanceState) { 23 | super.onCreate(savedInstanceState); 24 | setContentView(R.layout.activity_my); 25 | 26 | materialButton = (MaterialButton) findViewById(R.id.materialButton); 27 | mViewPager = (ViewPager) findViewById(R.id.pager); 28 | 29 | //Create images array 30 | List images = new ArrayList(); 31 | images.add(R.drawable.image_1); 32 | images.add(R.drawable.image_2); 33 | images.add(R.drawable.image_3); 34 | images.add(R.drawable.image_4); 35 | images.add(R.drawable.image_5); 36 | 37 | //Create adapter 38 | mImageAdapter = new ImageAdapter(getSupportFragmentManager(),images); 39 | 40 | //Set adapter 41 | mViewPager.setAdapter(mImageAdapter); 42 | 43 | mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { 44 | @Override 45 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 46 | 47 | 48 | 49 | 50 | 51 | 52 | } 53 | 54 | @Override 55 | public void onPageSelected(int position) { 56 | ImageFragment page = mImageAdapter.getFragment(position); 57 | if(page!=null){ 58 | Palette palette = page.getPaleette(); 59 | materialButton.changueColorAnimate(palette.getVibrantColor().getRgb()); 60 | } 61 | 62 | } 63 | 64 | @Override 65 | public void onPageScrollStateChanged(int state) { 66 | 67 | } 68 | }); 69 | } 70 | 71 | 72 | 73 | } 74 | -------------------------------------------------------------------------------- /app/src/main/java/com/glomadrian/materiacircularbutton/adapter/ImageAdapter.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.materiacircularbutton.adapter; 2 | 3 | import android.support.v4.app.Fragment; 4 | import android.support.v4.app.FragmentManager; 5 | import android.support.v4.app.FragmentStatePagerAdapter; 6 | 7 | import com.glomadrian.materiacircularbutton.fragment.ImageFragment; 8 | 9 | import java.util.HashMap; 10 | import java.util.List; 11 | 12 | /** 13 | * @author Adrián Lomas 14 | */ 15 | public class ImageAdapter extends FragmentStatePagerAdapter { 16 | 17 | List imageResources; 18 | HashMap fragmentHashMap; 19 | 20 | 21 | public ImageAdapter(FragmentManager fm, List imageResources) { 22 | super(fm); 23 | this.imageResources = imageResources; 24 | fragmentHashMap = new HashMap(); 25 | } 26 | 27 | public List getImageResources() { 28 | return imageResources; 29 | } 30 | 31 | public void setImageResources(List imageResources) { 32 | this.imageResources = imageResources; 33 | } 34 | 35 | @Override 36 | public Fragment getItem(int position) { 37 | ImageFragment imageFragment = ImageFragment.newInstance(imageResources.get(position)); 38 | fragmentHashMap.put(position,imageFragment); 39 | return imageFragment; 40 | } 41 | 42 | @Override 43 | public int getCount() { 44 | return imageResources.size(); 45 | } 46 | 47 | public ImageFragment getFragment(int posicion){ 48 | return fragmentHashMap.get(posicion); 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /app/src/main/java/com/glomadrian/materiacircularbutton/fragment/ImageFragment.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.materiacircularbutton.fragment; 2 | 3 | import android.graphics.drawable.BitmapDrawable; 4 | import android.os.Bundle; 5 | import android.support.v7.graphics.Palette; 6 | import android.view.LayoutInflater; 7 | import android.view.View; 8 | import android.view.ViewGroup; 9 | import android.widget.ImageView; 10 | 11 | import com.glomadrian.materiacircularbutton.R; 12 | 13 | /** 14 | * @author Adrián Lomas 15 | */ 16 | public class ImageFragment extends android.support.v4.app.Fragment{ 17 | 18 | private ImageView imageView; 19 | private Integer imageResource; 20 | 21 | public ImageFragment() { 22 | } 23 | 24 | 25 | public static ImageFragment newInstance(Integer imageResource){ 26 | 27 | ImageFragment imageFragment = new ImageFragment(); 28 | 29 | // Supply num input as an argument. 30 | Bundle args = new Bundle(); 31 | args.putInt("imageResource", imageResource); 32 | imageFragment.setArguments(args); 33 | 34 | return imageFragment; 35 | } 36 | 37 | @Override 38 | public void onCreate(Bundle savedInstanceState) { 39 | super.onCreate(savedInstanceState); 40 | imageResource = getArguments() != null ? getArguments().getInt("imageResource") : 0; 41 | } 42 | 43 | @Override 44 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 45 | 46 | View imageFragmentView = inflater.inflate(R.layout.fragment_image, container, false); 47 | imageView = (ImageView) imageFragmentView.findViewById(R.id.imageView); 48 | 49 | imageView.setImageResource(imageResource); 50 | 51 | return imageFragmentView; 52 | 53 | } 54 | 55 | public Palette getPaleette(){ 56 | return Palette.generate(((BitmapDrawable) imageView.getDrawable()).getBitmap()); 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/cross.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/cross.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/image_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/image_1.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/image_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/image_2.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/image_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/image_3.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/image_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/image_4.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/image_5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/image_5.jpg -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/plus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/plus.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/plusv2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-mdpi/plusv2.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/app/src/main/res/drawable-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable/bg_card.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 17 | 18 | 19 | 20 | 21 | 22 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_my.xml: -------------------------------------------------------------------------------- 1 | 8 | 9 | 17 | 18 | 30 | 31 | 32 | 33 | 45 | 46 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_image.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 17 | 18 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | MateriaCircularButton 5 | Material Circular Button 6 | 7 | 8 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:0.12.+' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | 3 | android { 4 | compileSdkVersion 16 5 | buildToolsVersion '20.0.0' 6 | 7 | defaultConfig { 8 | applicationId "com.glomadrian" 9 | minSdkVersion 16 10 | targetSdkVersion 16 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | runProguard false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | } 25 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/circularbuttonanimatedcolor.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /media/Almacen/Ides/android-studio/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/androidTest/java/com/glomadrian/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/java/com/glomadrian/button/CircleButton.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.button; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.graphics.Color; 6 | import android.util.AttributeSet; 7 | import android.widget.ImageButton; 8 | 9 | import com.glomadrian.R; 10 | import com.glomadrian.drawable.CircularButtonDrawable; 11 | 12 | 13 | /** 14 | * @author Adrián Lomas 15 | */ 16 | public class CircleButton extends ImageButton{ 17 | 18 | private CircularButtonDrawable circularButtonDrawable; 19 | 20 | public CircleButton(Context context) { 21 | super(context); 22 | } 23 | 24 | public CircleButton(Context context, AttributeSet attrs) { 25 | super(context, attrs); 26 | init(context,attrs); 27 | } 28 | 29 | public CircleButton(Context context, AttributeSet attrs, int defStyleAttr) { 30 | super(context, attrs, defStyleAttr); 31 | init(context,attrs); 32 | } 33 | 34 | 35 | public void init(Context context,AttributeSet attributeSet){ 36 | 37 | int transitionTime = 0; 38 | int color = Color.BLACK; 39 | 40 | 41 | TypedArray arr = context.obtainStyledAttributes(attributeSet, R.styleable.CircleButton); 42 | CharSequence colorAtr = arr.getString(R.styleable.CircleButton_color); 43 | if (colorAtr != null) { 44 | color = Color.parseColor(String.valueOf(colorAtr)); 45 | } 46 | 47 | Integer transitionTimeAttr = arr.getInteger(R.styleable.CircleButton_transitionTime, 0); 48 | if (transitionTimeAttr != null) { 49 | transitionTime = transitionTimeAttr; 50 | } 51 | 52 | arr.recycle(); 53 | 54 | //Crate background drawable and set color 55 | circularButtonDrawable = new CircularButtonDrawable(color); 56 | circularButtonDrawable.setTransitionTime(transitionTime); 57 | this.setBackground(circularButtonDrawable); 58 | 59 | 60 | } 61 | 62 | 63 | public void changueColorAnimate(int color){ 64 | circularButtonDrawable.animatedChangueColor(color); 65 | } 66 | 67 | } 68 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/java/com/glomadrian/drawable/CircularButtonDrawable.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.drawable; 2 | 3 | 4 | import android.animation.ArgbEvaluator; 5 | import android.animation.ValueAnimator; 6 | import android.graphics.Canvas; 7 | import android.graphics.ColorFilter; 8 | import android.graphics.Paint; 9 | import android.graphics.drawable.ShapeDrawable; 10 | import android.graphics.drawable.shapes.OvalShape; 11 | 12 | /** 13 | * @author Adrián Lomas 14 | */ 15 | public class CircularButtonDrawable extends ShapeDrawable{ 16 | 17 | private Paint paint; 18 | private Integer transitionTime = 0; 19 | 20 | public CircularButtonDrawable(int color) { 21 | 22 | 23 | this.paint = new Paint(); 24 | this.paint.setColor(color); 25 | this.setShape(new OvalShape()); 26 | 27 | 28 | } 29 | 30 | @Override 31 | public void draw(Canvas canvas) { 32 | canvas.drawCircle(canvas.getWidth()/2, canvas.getHeight()/2,canvas.getHeight()/2,paint); 33 | } 34 | 35 | 36 | @Override 37 | public void setAlpha(int i) { 38 | 39 | } 40 | 41 | @Override 42 | public void setColorFilter(ColorFilter colorFilter) { 43 | 44 | } 45 | 46 | @Override 47 | public int getOpacity() { 48 | return 0; 49 | } 50 | 51 | 52 | 53 | public void animatedChangueColor(int color){ 54 | 55 | ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), paint.getColor(), color); 56 | colorAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 57 | 58 | @Override 59 | public void onAnimationUpdate(ValueAnimator animator) { 60 | paint.setColor((Integer)animator.getAnimatedValue()); 61 | invalidateSelf(); 62 | } 63 | 64 | }); 65 | 66 | if(transitionTime!=0){ 67 | colorAnimation.setDuration(transitionTime); 68 | } 69 | colorAnimation.start(); 70 | } 71 | 72 | public Paint getPaint() { 73 | return paint; 74 | } 75 | 76 | public void setPaint(Paint paint) { 77 | this.paint = paint; 78 | } 79 | 80 | public Integer getTransitionTime() { 81 | return transitionTime; 82 | } 83 | 84 | public void setTransitionTime(Integer transitionTime) { 85 | this.transitionTime = transitionTime; 86 | } 87 | } 88 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/res/drawable-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/circularbuttonanimatedcolor/src/main/res/drawable-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/res/drawable-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/circularbuttonanimatedcolor/src/main/res/drawable-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/circularbuttonanimatedcolor/src/main/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/res/drawable-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/circularbuttonanimatedcolor/src/main/res/drawable-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /circularbuttonanimatedcolor/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | CircularButtonAnimatedColor 3 | 4 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Settings specified in this file will override any Gradle settings 5 | # configured through the IDE. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Apr 10 15:27:10 PDT 2013 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=http\://services.gradle.org/distributions/gradle-1.12-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 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 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /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 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 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 Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /images/sample.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/images/sample.gif -------------------------------------------------------------------------------- /materialCircularButton/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /materialCircularButton/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | 3 | android { 4 | compileSdkVersion 19 5 | buildToolsVersion '20.0.0' 6 | 7 | defaultConfig { 8 | applicationId "com.glomadrian" 9 | minSdkVersion 16 10 | targetSdkVersion 19 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | runProguard false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | } 25 | -------------------------------------------------------------------------------- /materialCircularButton/materialCircularButton.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /materialCircularButton/materialCiruclarButton.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /materialCircularButton/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /media/Almacen/Ides/android-studio/sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /materialCircularButton/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /materialCircularButton/src/main/java/com/glomadrian/button/MaterialButton.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.button; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.graphics.Color; 6 | import android.util.AttributeSet; 7 | import android.widget.ImageButton; 8 | 9 | import com.glomadrian.R; 10 | import com.glomadrian.drawable.MaterialButtonDrawable; 11 | 12 | 13 | /** 14 | * @author Adrián Lomas 15 | */ 16 | public class MaterialButton extends ImageButton{ 17 | 18 | private MaterialButtonDrawable materialButtonDrawable; 19 | 20 | public MaterialButton(Context context) { 21 | super(context); 22 | } 23 | 24 | public MaterialButton(Context context, AttributeSet attrs) { 25 | super(context, attrs); 26 | init(context,attrs); 27 | } 28 | 29 | public MaterialButton(Context context, AttributeSet attrs, int defStyleAttr) { 30 | super(context, attrs, defStyleAttr); 31 | init(context,attrs); 32 | } 33 | 34 | 35 | public void init(Context context,AttributeSet attributeSet){ 36 | 37 | int transitionTime = 0; 38 | int color = Color.BLACK; 39 | 40 | 41 | TypedArray arr = context.obtainStyledAttributes(attributeSet, R.styleable.MaterialButton); 42 | CharSequence colorAtr = arr.getString(R.styleable.MaterialButton_color); 43 | if (colorAtr != null) { 44 | color = Color.parseColor(String.valueOf(colorAtr)); 45 | } 46 | 47 | Integer transitionTimeAttr = arr.getInteger(R.styleable.MaterialButton_transitionTime, 0); 48 | if (transitionTimeAttr != null) { 49 | transitionTime = transitionTimeAttr; 50 | } 51 | 52 | arr.recycle(); 53 | 54 | //Crate background drawable and set color 55 | materialButtonDrawable = new MaterialButtonDrawable(color); 56 | materialButtonDrawable.setTransitionTime(transitionTime); 57 | this.setBackground(materialButtonDrawable); 58 | 59 | 60 | } 61 | 62 | 63 | public void changueColorAnimate(int color){ 64 | materialButtonDrawable.animatedChangueColor(color); 65 | } 66 | 67 | } 68 | -------------------------------------------------------------------------------- /materialCircularButton/src/main/java/com/glomadrian/drawable/MaterialButtonDrawable.java: -------------------------------------------------------------------------------- 1 | package com.glomadrian.drawable; 2 | 3 | 4 | import android.animation.ArgbEvaluator; 5 | import android.animation.ValueAnimator; 6 | import android.graphics.Canvas; 7 | import android.graphics.ColorFilter; 8 | import android.graphics.Paint; 9 | import android.graphics.RectF; 10 | import android.graphics.drawable.ShapeDrawable; 11 | import android.graphics.drawable.shapes.OvalShape; 12 | 13 | /** 14 | * @author Adrián Lomas 15 | */ 16 | public class MaterialButtonDrawable extends ShapeDrawable{ 17 | 18 | private Paint paint; 19 | private Integer transitionTime = 0; 20 | 21 | public MaterialButtonDrawable(int color) { 22 | 23 | 24 | this.paint = new Paint(); 25 | this.paint.setColor(color); 26 | this.setShape(new OvalShape()); 27 | 28 | 29 | } 30 | 31 | @Override 32 | public void draw(Canvas canvas) { 33 | canvas.drawCircle(canvas.getWidth()/2, canvas.getHeight()/2,canvas.getHeight()/2,paint); 34 | } 35 | 36 | 37 | @Override 38 | public void setAlpha(int i) { 39 | 40 | } 41 | 42 | @Override 43 | public void setColorFilter(ColorFilter colorFilter) { 44 | 45 | } 46 | 47 | @Override 48 | public int getOpacity() { 49 | return 0; 50 | } 51 | 52 | 53 | 54 | public void animatedChangueColor(int color){ 55 | 56 | ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), paint.getColor(), color); 57 | colorAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 58 | 59 | @Override 60 | public void onAnimationUpdate(ValueAnimator animator) { 61 | paint.setColor((Integer)animator.getAnimatedValue()); 62 | invalidateSelf(); 63 | } 64 | 65 | }); 66 | 67 | if(transitionTime!=0){ 68 | colorAnimation.setDuration(transitionTime); 69 | } 70 | colorAnimation.start(); 71 | } 72 | 73 | public Paint getPaint() { 74 | return paint; 75 | } 76 | 77 | public void setPaint(Paint paint) { 78 | this.paint = paint; 79 | } 80 | 81 | public Integer getTransitionTime() { 82 | return transitionTime; 83 | } 84 | 85 | public void setTransitionTime(Integer transitionTime) { 86 | this.transitionTime = transitionTime; 87 | } 88 | } 89 | -------------------------------------------------------------------------------- /materialCircularButton/src/main/res/drawable-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/materialCircularButton/src/main/res/drawable-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /materialCircularButton/src/main/res/drawable-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/materialCircularButton/src/main/res/drawable-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /materialCircularButton/src/main/res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/materialCircularButton/src/main/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /materialCircularButton/src/main/res/drawable-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/glomadrian/Android-Material-circular-button/651750ec5dfb03f94003f6ab77cb768fa8046922/materialCircularButton/src/main/res/drawable-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /materialCircularButton/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /materialCircularButton/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | MaterialCircularButton 3 | 4 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | Material Circular Button 2 | ------------------------ 3 | 4 | ![enter image description here][1] 5 | 6 | 7 | ---------- 8 | 9 | 10 | 11 | #### Circular button for Android in Google Material Style 12 | 13 | ## How to use 14 | 15 | Clone this proyect and import the module **"materialCircularButton"** in your project 16 | 17 | Include the res-auto xmls definition in your parent layout 18 | 19 | xmlns:custom="http://schemas.android.com/apk/res-auto" 20 | 21 | Then use Like Android ImageButton with two custom attributes: 22 | 23 | 28 | ## Android L Developers 29 | 30 | Use the attribute elevation on Material Button to get the full Material Desing ([desing][2]) 31 | 32 | 38 | 39 | ###TODO 40 | 41 | Upload to maven central... 42 | 43 | 44 | [1]: https://raw.githubusercontent.com/glomadrian/Material-circular-button/master/images/sample.gif 45 | [2]: http://www.google.com/design/spec/components/buttons.html# 46 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app', ':materialCircularButton' 2 | --------------------------------------------------------------------------------