├── .idea ├── .name ├── copyright │ ├── profiles_settings.xml │ └── Apache.xml ├── scopes │ └── scope_settings.xml ├── dictionaries │ └── kifile.xml ├── encodings.xml ├── vcs.xml ├── inspectionProfiles │ ├── profiles_settings.xml │ └── Project_Default.xml ├── misc.xml ├── modules.xml ├── gradle.xml └── compiler.xml ├── app ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ ├── drawable-hdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── drawable-mdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── drawable-xhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── drawable-xxhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── values-v21 │ │ │ │ └── styles.xml │ │ │ ├── values │ │ │ │ ├── styles.xml │ │ │ │ ├── dimens.xml │ │ │ │ └── strings.xml │ │ │ ├── menu │ │ │ │ └── menu_main.xml │ │ │ ├── values-w820dp │ │ │ │ └── dimens.xml │ │ │ └── layout │ │ │ │ ├── activity_main.xml │ │ │ │ └── sample_material_text_view.xml │ │ ├── AndroidManifest.xml │ │ └── java │ │ │ └── com │ │ │ └── kifile │ │ │ └── demo │ │ │ └── materialtextview │ │ │ ├── MainActivity.java │ │ │ ├── MaterialImageView.java │ │ │ └── MaterialTextView.java │ └── androidTest │ │ └── java │ │ └── com │ │ └── kifile │ │ └── demo │ │ └── materialtextview │ │ └── ApplicationTest.java ├── build.gradle ├── proguard-rules.pro └── app.iml ├── materialwidget ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ └── values │ │ │ │ └── attrs_material_text_view.xml │ │ ├── AndroidManifest.xml │ │ └── java │ │ │ └── com │ │ │ └── kifile │ │ │ └── materialwidget │ │ │ ├── ColorUtils.java │ │ │ └── MaterialBackgroundDetector.java │ └── androidTest │ │ └── java │ │ └── com │ │ └── kifile │ │ └── materialwidget │ │ └── ApplicationTest.java ├── proguard-rules.pro ├── build.gradle └── materialwidget.iml ├── settings.gradle ├── 1.gif ├── 2.gif ├── .gitignore ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── MaterialView.iml ├── gradle.properties ├── gradlew.bat ├── README.md └── gradlew /.idea/.name: -------------------------------------------------------------------------------- 1 | MaterialTextView -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /materialwidget/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app', ':materialwidget' 2 | -------------------------------------------------------------------------------- /1.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kifile/MaterialView/HEAD/1.gif -------------------------------------------------------------------------------- /2.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kifile/MaterialView/HEAD/2.gif -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .gradle 2 | /local.properties 3 | /.idea/workspace.xml 4 | /.idea/libraries 5 | .DS_Store 6 | /build 7 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kifile/MaterialView/HEAD/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kifile/MaterialView/HEAD/app/src/main/res/drawable-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kifile/MaterialView/HEAD/app/src/main/res/drawable-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kifile/MaterialView/HEAD/app/src/main/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kifile/MaterialView/HEAD/app/src/main/res/drawable-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /.idea/scopes/scope_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/dictionaries/kifile.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | kifile 5 | 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values-v21/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /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 | MaterialTextView 5 | Hello world! 6 | Settings 7 | 8 | 9 | -------------------------------------------------------------------------------- /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=https\://services.gradle.org/distributions/gradle-2.2.1-all.zip 7 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/menu/menu_main.xml: -------------------------------------------------------------------------------- 1 | 3 | 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/kifile/demo/materialtextview/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.kifile.demo.materialtextview; 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 | } -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 21 5 | buildToolsVersion "21.1.2" 6 | 7 | defaultConfig { 8 | applicationId "com.kifile.demo.materialtextview" 9 | minSdkVersion 7 10 | targetSdkVersion 21 11 | versionCode 1 12 | versionName "1.0" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled true 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(include: ['*.jar'], dir: 'libs') 24 | compile project(':materialwidget') 25 | } 26 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 10 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /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 /opt/android/android-sdk-linux/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 | 19 | -keep class com.kifile.materialwidget.MaterialBackgroundDetector { 20 | public void setRadius(...); 21 | public void setAlpha(...); 22 | } -------------------------------------------------------------------------------- /materialwidget/src/main/res/values/attrs_material_text_view.xml: -------------------------------------------------------------------------------- 1 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /materialwidget/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 /opt/android/android-sdk-linux/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 | 19 | -keep class com.kifile.materialwidget.MaterialBackgroundDetector { 20 | public void setRadius(...); 21 | public void setAlpha(...); 22 | } -------------------------------------------------------------------------------- /materialwidget/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 16 | 17 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /.idea/copyright/Apache.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 9 | -------------------------------------------------------------------------------- /MaterialView.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /materialwidget/src/androidTest/java/com/kifile/materialwidget/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright 2015 kifile 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | package com.kifile.materialwidget; 18 | 19 | import android.app.Application; 20 | import android.test.ApplicationTestCase; 21 | 22 | /** 23 | * Testing Fundamentals 24 | */ 25 | public class ApplicationTest extends ApplicationTestCase { 26 | public ApplicationTest() { 27 | super(Application.class); 28 | } 29 | } -------------------------------------------------------------------------------- /app/src/main/res/layout/sample_material_text_view.xml: -------------------------------------------------------------------------------- 1 | 6 | 7 | 14 | 15 | 22 | 23 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /materialwidget/src/main/java/com/kifile/materialwidget/ColorUtils.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright 2015 kifile 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | package com.kifile.materialwidget; 18 | 19 | import android.graphics.Color; 20 | 21 | /** 22 | * Created by kifile on 15-1-4. 23 | */ 24 | public class ColorUtils { 25 | 26 | /** 27 | * Get the value of color with specified alpha. 28 | * 29 | * @param color 30 | * @param alpha between 0 to 255. 31 | * @return Return the color with specified alpha. 32 | */ 33 | public static int getColorAtAlpha(int color, int alpha) { 34 | if (alpha < 0 || alpha > 255) { 35 | throw new IllegalArgumentException("The alpha should be 0 - 255."); 36 | } 37 | return Color.argb(alpha, Color.red(color), Color.green(color), Color.blue(color)); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # 2 | # Copyright 2015 kifile 3 | # 4 | # Licensed under the Apache License, Version 2.0 (the "License"); 5 | # you may not use this file except in compliance with the License. 6 | # You may obtain a copy of the License at 7 | # 8 | # http://www.apache.org/licenses/LICENSE-2.0 9 | # 10 | # Unless required by applicable law or agreed to in writing, software 11 | # distributed under the License is distributed on an "AS IS" BASIS, 12 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | # See the License for the specific language governing permissions and 14 | # limitations under the License. 15 | # 16 | 17 | # Project-wide Gradle settings. 18 | 19 | # IDE (e.g. Android Studio) users: 20 | # Gradle settings configured through the IDE *will override* 21 | # any settings specified in this file. 22 | 23 | # For more details on how to configure your build environment visit 24 | # http://www.gradle.org/docs/current/userguide/build_environment.html 25 | 26 | # Specifies the JVM arguments used for the daemon process. 27 | # The setting is particularly useful for tweaking memory settings. 28 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 29 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 30 | 31 | # When configured, Gradle will run in incubating parallel mode. 32 | # This option should only be used with decoupled projects. More details, visit 33 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 34 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /app/src/main/java/com/kifile/demo/materialtextview/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.kifile.demo.materialtextview; 2 | 3 | import android.app.Activity; 4 | import android.content.Intent; 5 | import android.os.Bundle; 6 | import android.view.Menu; 7 | import android.view.MenuItem; 8 | import android.view.View; 9 | 10 | 11 | public class MainActivity extends Activity implements View.OnClickListener { 12 | 13 | @Override 14 | protected void onCreate(Bundle savedInstanceState) { 15 | super.onCreate(savedInstanceState); 16 | setContentView(R.layout.sample_material_text_view); 17 | findViewById(R.id.material).setOnClickListener(this); 18 | findViewById(R.id.drawable).setOnClickListener(this); 19 | } 20 | 21 | 22 | @Override 23 | public boolean onCreateOptionsMenu(Menu menu) { 24 | // Inflate the menu; this adds items to the action bar if it is present. 25 | getMenuInflater().inflate(R.menu.menu_main, menu); 26 | return true; 27 | } 28 | 29 | @Override 30 | public boolean onOptionsItemSelected(MenuItem item) { 31 | // Handle action bar item clicks here. The action bar will 32 | // automatically handle clicks on the Home/Up button, so long 33 | // as you specify a parent activity in AndroidManifest.xml. 34 | int id = item.getItemId(); 35 | 36 | //noinspection SimplifiableIfStatement 37 | if (id == R.id.action_settings) { 38 | return true; 39 | } 40 | 41 | return super.onOptionsItemSelected(item); 42 | } 43 | 44 | @Override 45 | public void onClick(View v) { 46 | startActivity(new Intent(this, MainActivity.class)); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /.idea/inspectionProfiles/Project_Default.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 19 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /app/src/main/java/com/kifile/demo/materialtextview/MaterialImageView.java: -------------------------------------------------------------------------------- 1 | package com.kifile.demo.materialtextview; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.graphics.Canvas; 6 | import android.util.AttributeSet; 7 | import android.view.MotionEvent; 8 | import android.widget.ImageView; 9 | 10 | import com.kifile.materialwidget.MaterialBackgroundDetector; 11 | 12 | /** 13 | * Created by kifile on 15-1-4. 14 | */ 15 | public class MaterialImageView extends ImageView implements MaterialBackgroundDetector.Callback { 16 | private MaterialBackgroundDetector mDetector; 17 | 18 | public MaterialImageView(Context context) { 19 | super(context); 20 | init(null, 0); 21 | } 22 | 23 | public MaterialImageView(Context context, AttributeSet attrs) { 24 | super(context, attrs); 25 | init(attrs, 0); 26 | } 27 | 28 | public MaterialImageView(Context context, AttributeSet attrs, int defStyle) { 29 | super(context, attrs, defStyle); 30 | init(attrs, defStyle); 31 | } 32 | 33 | private void init(AttributeSet attrs, int defStyle) { 34 | final TypedArray a = getContext().obtainStyledAttributes( 35 | attrs, com.kifile.materialwidget.R.styleable.MaterialTextView, defStyle, 0); 36 | int color = a.getColor(com.kifile.materialwidget.R.styleable.MaterialTextView_maskColor, MaterialBackgroundDetector.DEFAULT_COLOR); 37 | a.recycle(); 38 | mDetector = new MaterialBackgroundDetector(getContext(), this, this, color); 39 | } 40 | 41 | @Override 42 | protected void onSizeChanged(int w, int h, int oldw, int oldh) { 43 | super.onSizeChanged(w, h, oldw, oldh); 44 | mDetector.onSizeChanged(w, h); 45 | } 46 | 47 | @Override 48 | public boolean onTouchEvent(MotionEvent event) { 49 | boolean superResult = super.onTouchEvent(event); 50 | return mDetector.onTouchEvent(event, superResult); 51 | } 52 | 53 | public void cancelAnimator() { 54 | mDetector.cancelAnimator(); 55 | } 56 | 57 | @Override 58 | protected void onDraw(Canvas canvas) { 59 | super.onDraw(canvas); 60 | if (isInEditMode()) { 61 | return; 62 | } 63 | mDetector.draw(canvas); 64 | } 65 | 66 | @Override 67 | public boolean performClick() { 68 | return mDetector.handlePerformClick(); 69 | } 70 | 71 | @Override 72 | public boolean performLongClick() { 73 | return mDetector.handlePerformLongClick(); 74 | } 75 | 76 | @Override 77 | public void performClickAfterAnimation() { 78 | super.performClick(); 79 | } 80 | 81 | @Override 82 | public void performLongClickAfterAnimation() { 83 | super.performLongClick(); 84 | } 85 | } 86 | -------------------------------------------------------------------------------- /materialwidget/build.gradle: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright 2015 kifile 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | apply plugin: 'com.android.library' 18 | apply plugin: 'maven' 19 | apply plugin: 'signing' 20 | 21 | android { 22 | compileSdkVersion 21 23 | buildToolsVersion "21.1.2" 24 | 25 | defaultConfig { 26 | minSdkVersion 7 27 | targetSdkVersion 21 28 | versionCode 1 29 | versionName "1.0" 30 | } 31 | buildTypes { 32 | release { 33 | minifyEnabled false 34 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 35 | } 36 | } 37 | } 38 | 39 | dependencies { 40 | compile fileTree(include: ['*.jar'], dir: 'libs') 41 | compile 'com.nineoldandroids:library:2.4.0' 42 | } 43 | 44 | signing { 45 | sign configurations.archives 46 | } 47 | 48 | group = "com.kifile" 49 | archivesBaseName = "MaterialView" 50 | version = "1.0" 51 | 52 | uploadArchives { 53 | repositories { 54 | mavenDeployer { 55 | beforeDeployment { 56 | MavenDeployment deployment -> signing.signPom(deployment); 57 | } 58 | 59 | repository(url: "https://oss.sonatype.org/service/local/staging/deploy/maven2/") { 60 | authentication(userName: ossrhUsername, password: ossrhPassword) 61 | } 62 | 63 | snapshotRepository(url: "https://oss.sonatype.org/content/repositories/snapshots/") { 64 | authentication(userName: ossrhUsername, password: ossrhPassword) 65 | } 66 | 67 | pom.project { 68 | name 'MaterialView' 69 | packaging 'aar' 70 | description 'This project is build to let the view looks like a material design widget when touched. ' 71 | url 'https://github.com/Kifile/MaterialView' 72 | 73 | scm { 74 | connection 'scm:git:https://github.com/Kifile/MaterialView.git' 75 | developerConnection 'scm:git:https://github.com/Kifile/MaterialView.git' 76 | url 'https://github.com/Kifile/MaterialView.git' 77 | } 78 | 79 | licenses { 80 | license { 81 | name 'The Apache License, Version 2.0' 82 | url 'http://www.apache.org/licenses/LICENSE-2.0.txt' 83 | } 84 | } 85 | 86 | developers { 87 | developer { 88 | id 'kifile' 89 | name 'Kifile Chou' 90 | email 'kifile@kifile.com' 91 | } 92 | } 93 | } 94 | } 95 | } 96 | } -------------------------------------------------------------------------------- /app/src/main/java/com/kifile/demo/materialtextview/MaterialTextView.java: -------------------------------------------------------------------------------- 1 | package com.kifile.demo.materialtextview; 2 | 3 | import android.content.Context; 4 | import android.content.res.TypedArray; 5 | import android.graphics.Canvas; 6 | import android.util.AttributeSet; 7 | import android.view.MotionEvent; 8 | import android.widget.TextView; 9 | 10 | import com.kifile.materialwidget.MaterialBackgroundDetector; 11 | 12 | 13 | /** 14 | * The example for TextView. 15 | */ 16 | public class MaterialTextView extends TextView implements MaterialBackgroundDetector.Callback { 17 | private MaterialBackgroundDetector mDetector; 18 | 19 | public MaterialTextView(Context context) { 20 | super(context); 21 | init(null, 0); 22 | } 23 | 24 | public MaterialTextView(Context context, AttributeSet attrs) { 25 | super(context, attrs); 26 | init(attrs, 0); 27 | } 28 | 29 | public MaterialTextView(Context context, AttributeSet attrs, int defStyle) { 30 | super(context, attrs, defStyle); 31 | init(attrs, defStyle); 32 | } 33 | 34 | private void init(AttributeSet attrs, int defStyle) { 35 | final TypedArray a = getContext().obtainStyledAttributes( 36 | attrs, com.kifile.materialwidget.R.styleable.MaterialTextView, defStyle, 0); 37 | int color = a.getColor(com.kifile.materialwidget.R.styleable.MaterialTextView_maskColor, MaterialBackgroundDetector.DEFAULT_COLOR); 38 | a.recycle(); 39 | mDetector = new MaterialBackgroundDetector(getContext(), this, this, color); 40 | } 41 | 42 | @Override 43 | protected void onSizeChanged(int w, int h, int oldw, int oldh) { 44 | super.onSizeChanged(w, h, oldw, oldh); 45 | mDetector.onSizeChanged(w, h); 46 | } 47 | 48 | @Override 49 | public boolean onTouchEvent(MotionEvent event) { 50 | boolean superResult = super.onTouchEvent(event); 51 | return mDetector.onTouchEvent(event, superResult); 52 | } 53 | 54 | public void cancelAnimator() { 55 | mDetector.cancelAnimator(); 56 | } 57 | 58 | @Override 59 | protected void onDraw(Canvas canvas) { 60 | super.onDraw(canvas); 61 | if (isInEditMode()) { 62 | return; 63 | } 64 | mDetector.draw(canvas); 65 | } 66 | 67 | /** 68 | * When the view performClick, we should ensure the background animation appears. 69 | * So we will handle the action in mDetector; 70 | * 71 | * @return 72 | */ 73 | @Override 74 | public boolean performClick() { 75 | return mDetector.handlePerformClick(); 76 | } 77 | 78 | /** 79 | * When the view performClick, we should ensure the background animation appears. 80 | * So we will handle the action in mDetector; 81 | * 82 | * @return 83 | */ 84 | @Override 85 | public boolean performLongClick() { 86 | return mDetector.handlePerformLongClick(); 87 | } 88 | 89 | 90 | @Override 91 | public void performClickAfterAnimation() { 92 | super.performClick(); 93 | } 94 | 95 | @Override 96 | public void performLongClickAfterAnimation() { 97 | super.performLongClick(); 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | #MaterialView 2 | ##Introduce 3 | 4 | [![Join the chat at https://gitter.im/kifile/MaterialView](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/kifile/MaterialView?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) 5 | This project is build to let the view looks like a material design widget when touched. 6 | 7 | You can contact with we via email: **** 8 | ##Preview 9 | ![TextView](./1.gif) 10 | 11 | ![ImageView](./2.gif) 12 | ##Dependences 13 | com.nineoldandroids:library:2.4.0 14 | 15 | ##Including In Your Project 16 | dependencies { 17 | compile 'com.kifile:MaterialView:1.0' 18 | } 19 | 20 | ##How To Use 21 | ###1.Extends your target view. 22 | public class MaterialImageView extends ImageView { 23 | public MaterialImageView(Context context) { 24 | super(context); 25 | init(null, 0); 26 | } 27 | 28 | public MaterialImageView(Context context, AttributeSet attrs) { 29 | super(context, attrs); 30 | init(attrs, 0); 31 | } 32 | 33 | public MaterialImageView(Context context, AttributeSet attrs, int defStyle) { 34 | super(context, attrs, defStyle); 35 | init(attrs, defStyle); 36 | } 37 | } 38 | ###2.Create a MaterialBackgroundDetector in your initial code. 39 | private MaterialBackgroundDetector mDetector; 40 | 41 | private void init(AttributeSet attrs, int defStyle) { 42 | final TypedArray a = getContext().obtainStyledAttributes( 43 | attrs, com.kifile.materialwidget.R.styleable.MaterialTextView, defStyle, 0); 44 | int color = a.getColor(com.kifile.materialwidget.R.styleable.MaterialTextView_maskColor, MaterialBackgroundDetector.DEFAULT_COLOR); 45 | a.recycle(); 46 | mDetector = new MaterialBackgroundDetector(getContext(), this, null, color); 47 | } 48 | ###3.Handle the relative event in your code. 49 | @Override 50 | protected void onSizeChanged(int w, int h, int oldw, int oldh) { 51 | super.onSizeChanged(w, h, oldw, oldh); 52 | mDetector.onSizeChanged(w, h); 53 | } 54 | 55 | @Override 56 | public boolean onTouchEvent(MotionEvent event) { 57 | boolean superResult = super.onTouchEvent(event); 58 | return mDetector.onTouchEvent(event, superResult); 59 | } 60 | 61 | @Override 62 | protected void onDraw(Canvas canvas) { 63 | super.onDraw(canvas); 64 | if (isInEditMode()) { 65 | return; 66 | } 67 | mDetector.draw(canvas); 68 | } 69 | ###4.(Optional) Handle click event. 70 | Through the above code, you have realized the view. But there is still some little problems. 71 | When you click the view to jump to another activity, you may not see the whole mask animation. 72 | 73 | To resolve this problem, the detector handle the click event, and response the event after animation. 74 | 75 | You should add these codes to your view. 76 | 77 | In your initial code, you should transfer a Callback object in MaterialBackground constructor. 78 | 79 | mDetector = new MaterialBackgroundDetector(getContext(), this, this, color); 80 | The second this means this view implements a Callback interface. 81 | Then you shuould add these code: 82 | 83 | @Override 84 | public boolean performClick() { 85 | return mDetector.handlePerformClick(); 86 | } 87 | 88 | @Override 89 | public boolean performLongClick() { 90 | return mDetector.handlePerformLongClick(); 91 | } 92 | 93 | @Override 94 | public void performClickAfterAnimation() { 95 | super.performClick(); 96 | } 97 | 98 | @Override 99 | public void performLongClickAfterAnimation() { 100 | super.performLongClick(); 101 | } 102 | 103 | You can see the example view named MaterialTextView and MaterialImageView in the app module for more details. 104 | 105 | ##About proguard 106 | If you want to use proguard, you should add these code in your proguard file: 107 | 108 | -keep class com.kifile.materialwidget.MaterialBackgroundDetector { 109 | public void setRadius(...); 110 | public void setAlpha(...); 111 | } 112 | 113 | ##Developed By 114 | * Kifile Chou - 115 | 116 | ##Listense 117 | Copyright 2015 kifile 118 | 119 | Licensed under the Apache License, Version 2.0 (the "License"); 120 | you may not use this file except in compliance with the License. 121 | You may obtain a copy of the License at 122 | 123 | http://www.apache.org/licenses/LICENSE-2.0 124 | 125 | Unless required by applicable law or agreed to in writing, software 126 | distributed under the License is distributed on an "AS IS" BASIS, 127 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 128 | See the License for the specific language governing permissions and 129 | limitations under the License. -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /app/app.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 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /materialwidget/materialwidget.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 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 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /materialwidget/src/main/java/com/kifile/materialwidget/MaterialBackgroundDetector.java: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright 2015 kifile 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | package com.kifile.materialwidget; 18 | 19 | import android.content.Context; 20 | import android.graphics.Canvas; 21 | import android.graphics.Color; 22 | import android.graphics.Paint; 23 | import android.util.Log; 24 | import android.view.MotionEvent; 25 | import android.view.View; 26 | import android.view.ViewConfiguration; 27 | import android.view.ViewGroup; 28 | import android.view.animation.AccelerateDecelerateInterpolator; 29 | import android.view.animation.AccelerateInterpolator; 30 | import android.view.animation.Interpolator; 31 | 32 | import com.nineoldandroids.animation.Animator; 33 | import com.nineoldandroids.animation.ObjectAnimator; 34 | 35 | /** 36 | * The detector handle the touch event, and display a circle mask on your canvas. 37 | * Created by kifile on 15-1-4. 38 | */ 39 | public class MaterialBackgroundDetector { 40 | private static final String TAG = "MaterialBackgroundDetector"; 41 | private static final boolean DBG = false; 42 | 43 | private static final int DEFAULT_DURATION = 1200; 44 | private static final int DEFAULT_FAST_DURATION = 300; 45 | private static final int DEFAULT_TRANSPARENT_DURATION = 300; 46 | 47 | private static final int DEFAULT_ALPHA = 33; 48 | public static final int DEFAULT_COLOR = Color.BLACK; 49 | 50 | /*package*/ View mView; 51 | /*package*/ Callback mCallback; 52 | 53 | private int mColor; 54 | private Paint mCirclePaint; 55 | private int mFocusColor; 56 | private int mCircleColor; 57 | 58 | //The position of the initial circle center. 59 | private float mX; 60 | private float mY; 61 | //The position of curr circle center. 62 | private float mCenterX; 63 | private float mCenterY; 64 | private float mViewRadius; 65 | //The radius of curr circle. 66 | private float mRadius; 67 | //The size of view. 68 | private int mWidth; 69 | private int mHeight; 70 | private int mMinPadding; 71 | 72 | private ObjectAnimator mAnimator; 73 | /*package*/ boolean mIsAnimation; 74 | /*package*/ boolean mIsCancelAnimation; 75 | /*package*/ boolean mHasDrawMask; 76 | private boolean mIsPressed; 77 | 78 | private boolean mIsPerformClick; 79 | private boolean mIsPerformLongClick; 80 | 81 | private Animator.AnimatorListener mAnimatorListener = new Animator.AnimatorListener() { 82 | @Override 83 | public void onAnimationStart(Animator animation) { 84 | mIsAnimation = true; 85 | } 86 | 87 | @Override 88 | public void onAnimationEnd(Animator animation) { 89 | mHasDrawMask = false; 90 | mIsAnimation = false; 91 | mView.invalidate(); 92 | } 93 | 94 | @Override 95 | public void onAnimationCancel(Animator animation) { 96 | 97 | } 98 | 99 | @Override 100 | public void onAnimationRepeat(Animator animation) { 101 | 102 | } 103 | }; 104 | 105 | private Animator.AnimatorListener mCancelAnimatorListener = new Animator.AnimatorListener() { 106 | @Override 107 | public void onAnimationStart(Animator animation) { 108 | mIsCancelAnimation = true; 109 | } 110 | 111 | @Override 112 | public void onAnimationEnd(Animator animation) { 113 | mHasDrawMask = false; 114 | mIsCancelAnimation = false; 115 | mView.invalidate(); 116 | } 117 | 118 | @Override 119 | public void onAnimationCancel(Animator animation) { 120 | 121 | } 122 | 123 | @Override 124 | public void onAnimationRepeat(Animator animation) { 125 | 126 | } 127 | }; 128 | 129 | private Interpolator mInterpolator = new AccelerateDecelerateInterpolator(); 130 | 131 | public MaterialBackgroundDetector(Context context, View view, Callback callback, int color) { 132 | mView = view; 133 | mCallback = callback; 134 | setColor(color); 135 | ViewConfiguration configuration = ViewConfiguration.get(context); 136 | mMinPadding = configuration.getScaledEdgeSlop(); 137 | } 138 | 139 | private void setColor(int color) { 140 | if (mColor != color) { 141 | if (DBG) { 142 | Log.d(TAG, "ColorChanged"); 143 | } 144 | mColor = color; 145 | setAlpha(DEFAULT_ALPHA); 146 | } 147 | } 148 | 149 | private void resetPaint() { 150 | if (mCirclePaint == null) { 151 | mCirclePaint = new Paint(); 152 | } 153 | mCirclePaint.setColor(mCircleColor); 154 | } 155 | 156 | private int computeCircleColor(int color, int alpha) { 157 | return ColorUtils.getColorAtAlpha(color, alpha); 158 | } 159 | 160 | private int computeFocusColor(int color, int alpha) { 161 | return ColorUtils.getColorAtAlpha(color, alpha); 162 | } 163 | 164 | /** 165 | * Called when view size changed. 166 | * 167 | * @param width 168 | * @param height 169 | */ 170 | public void onSizeChanged(int width, int height) { 171 | mWidth = width; 172 | mHeight = height; 173 | mViewRadius = (float) Math.sqrt(mWidth * mWidth / 4 + mHeight * mHeight / 4); 174 | } 175 | 176 | public boolean onTouchEvent(MotionEvent event, boolean result) { 177 | switch (event.getAction()) { 178 | case MotionEvent.ACTION_DOWN: 179 | mIsPressed = true; 180 | if (!mIsAnimation) { 181 | //Ensure there is only one shadow animation. 182 | startShadowAnimation(event); 183 | } 184 | // Ensure the following motion event can be received. 185 | if (!result) { 186 | result = true; 187 | } 188 | break; 189 | case MotionEvent.ACTION_MOVE: 190 | final float x = event.getX(); 191 | final float y = event.getY(); 192 | if (x >= 0 && x <= mWidth && y >= 0 && y <= mHeight) { 193 | moveShadowCenter(x, y); 194 | } else { 195 | //When this figure move outside, we should cancel animation. 196 | cancelShadowAnimation(); 197 | } 198 | break; 199 | case MotionEvent.ACTION_UP: 200 | case MotionEvent.ACTION_CANCEL: 201 | cancelShadowAnimation(); 202 | 203 | break; 204 | } 205 | return result; 206 | } 207 | 208 | 209 | /** 210 | * 211 | */ 212 | private void startShadowAnimation(MotionEvent event) { 213 | //When the fingers touch the view, we let the mask appear slowly. 214 | mX = event.getX(); 215 | mY = event.getY(); 216 | mAnimator = ObjectAnimator.ofFloat(this, "radius", mMinPadding, mViewRadius); 217 | int mDuration = DEFAULT_DURATION; 218 | mAnimator.setDuration(mDuration); 219 | mAnimator.setInterpolator(mInterpolator); 220 | mAnimator.addListener(mAnimatorListener); 221 | mAnimator.start(); 222 | if (DBG) { 223 | Log.i(TAG, "Down,from:" + 0 + ",to:" + mViewRadius); 224 | } 225 | } 226 | 227 | /** 228 | * 229 | */ 230 | private void cancelShadowAnimation() { 231 | if (mIsCancelAnimation) { 232 | return; 233 | } 234 | mIsPressed = false; 235 | //Cancel the shadow animation before the fast cancel animation. 236 | cancelAnimator(); 237 | mX = mCenterX; 238 | mY = mCenterY; 239 | mRadius = Math.max(mRadius, mViewRadius * 0.1f); 240 | int duration = (int) (DEFAULT_FAST_DURATION * (mViewRadius - mRadius) / mViewRadius); 241 | if (duration > 0) { 242 | //When the fingers leave the view, if the mask doesn't cover whole view, we let the mask appear fast. 243 | mAnimator = ObjectAnimator.ofFloat(this, "radius", mRadius, mViewRadius); 244 | mAnimator.setDuration(duration); 245 | mAnimator.setInterpolator(mInterpolator); 246 | mAnimator.addListener(mCancelAnimatorListener); 247 | mAnimator.start(); 248 | if (DBG) { 249 | Log.i(TAG, "UP,from:" + mRadius + ",to:" + mViewRadius); 250 | } 251 | } 252 | if (duration > 0) { 253 | showAlphaAnimation(); 254 | } 255 | mView.invalidate(); 256 | } 257 | 258 | /** 259 | * We should let the mask layer disappear gradually. 260 | */ 261 | private void showAlphaAnimation() { 262 | ObjectAnimator alphaAnimator = ObjectAnimator.ofInt(this, "alpha", DEFAULT_ALPHA, 0); 263 | alphaAnimator.setDuration(DEFAULT_TRANSPARENT_DURATION); 264 | alphaAnimator.setInterpolator(new AccelerateInterpolator()); 265 | alphaAnimator.addListener(new Animator.AnimatorListener() { 266 | @Override 267 | public void onAnimationStart(Animator animation) { 268 | mIsAnimation = true; 269 | } 270 | 271 | @Override 272 | public void onAnimationEnd(Animator animation) { 273 | //When the animation end, we should do something. 274 | mHasDrawMask = false; 275 | mIsAnimation = false; 276 | //Reset the alpha value. 277 | setAlpha(DEFAULT_ALPHA); 278 | //Handle the click event. 279 | if (mIsPerformClick) { 280 | if (mCallback != null) { 281 | mCallback.performClickAfterAnimation(); 282 | } 283 | mIsPerformClick = false; 284 | } 285 | if (mIsPerformLongClick) { 286 | if (mCallback != null) { 287 | mCallback.performLongClickAfterAnimation(); 288 | } 289 | mIsPerformLongClick = false; 290 | } 291 | } 292 | 293 | @Override 294 | public void onAnimationCancel(Animator animation) { 295 | 296 | } 297 | 298 | @Override 299 | public void onAnimationRepeat(Animator animation) { 300 | 301 | } 302 | }); 303 | alphaAnimator.start(); 304 | } 305 | 306 | /** 307 | * @param x 308 | * @param y 309 | */ 310 | private void moveShadowCenter(float x, float y) { 311 | //When move, the shadow circle should be redraw. 312 | mHasDrawMask = false; 313 | mX = x; 314 | mY = y; 315 | } 316 | 317 | public void cancelAnimator() { 318 | if (mAnimator != null) { 319 | mAnimator.cancel(); 320 | } 321 | } 322 | 323 | public void draw(Canvas canvas) { 324 | if (mIsPressed || mIsAnimation || mIsCancelAnimation) { 325 | //If client is focused or in animation, show focus layer. 326 | if (DBG) { 327 | Log.d(TAG, "DrawFocusColor"); 328 | } 329 | mHasDrawMask = true; 330 | canvas.drawColor(mFocusColor); 331 | canvas.drawCircle(mCenterX, mCenterY, mRadius, mCirclePaint); 332 | } 333 | } 334 | 335 | /** 336 | * This method is called by ObjectAnimator to invalidate mView. 337 | * 338 | * @param radius 339 | */ 340 | @SuppressWarnings("UnusedDeclaration") 341 | public void setRadius(float radius) { 342 | float percent = 0; 343 | if (mAnimator != null) { 344 | percent = mAnimator.getAnimatedFraction(); 345 | } 346 | mRadius = radius; 347 | mCenterX = mX + percent * (mWidth / 2 - mX); 348 | mCenterY = mY + percent * (mHeight / 2 - mY); 349 | float distance = (float) Math.sqrt((mCenterX - mX) * (mCenterX - mX) + (mCenterY - mY) * (mCenterY - mY)) + mMinPadding; 350 | if (distance > radius) { 351 | mCenterX = mX + (mCenterX - mX) * radius / distance; 352 | mCenterY = mY + (mCenterY - mY) * radius / distance; 353 | } 354 | if (mView instanceof ViewGroup) { 355 | mView.setWillNotDraw(false); 356 | } 357 | if (mHasDrawMask) { 358 | //If mask has been drawn, we could only invalidate the circle rect. 359 | //To improve the efficiency. 360 | mView.invalidate((int) (mCenterX - mRadius), (int) (mCenterY - mRadius), 361 | (int) (mCenterX + mRadius), (int) (mCenterY + mRadius)); 362 | } else { 363 | mView.invalidate(); 364 | } 365 | } 366 | 367 | /** 368 | * This method is called by ObjectAnimator to let the mask layer be transparent. 369 | * 370 | * @param alpha 371 | */ 372 | public void setAlpha(int alpha) { 373 | mFocusColor = computeFocusColor(mColor, alpha); 374 | mCircleColor = computeCircleColor(mColor, alpha); 375 | resetPaint(); 376 | if (mView instanceof ViewGroup) { 377 | mView.setWillNotDraw(false); 378 | } 379 | mView.invalidate(); 380 | } 381 | 382 | /** 383 | * It only happens when the fingers up. 384 | * See also {@link #handlePerformLongClick()} 385 | * 386 | * @return whether it is been handled. 387 | */ 388 | public boolean handlePerformClick() { 389 | boolean result = mIsPerformClick; 390 | mIsPerformClick = true; 391 | return result; 392 | } 393 | 394 | /** 395 | * It only happens when the fingers up. 396 | * See also {@link #handlePerformClick()} ()} 397 | * 398 | * @return whether it is been handled. 399 | */ 400 | public boolean handlePerformLongClick() { 401 | boolean result = mIsPerformLongClick; 402 | mIsPerformLongClick = true; 403 | return result; 404 | } 405 | 406 | /** 407 | * The Callback interface will call handle the click event after animation. 408 | */ 409 | public interface Callback { 410 | /** 411 | * Handle click event after animation. 412 | */ 413 | void performClickAfterAnimation(); 414 | 415 | /** 416 | * Handle long click event after animation. 417 | */ 418 | void performLongClickAfterAnimation(); 419 | } 420 | } 421 | --------------------------------------------------------------------------------