├── settings.gradle ├── screenshot └── orderview.gif ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── app ├── src │ ├── main │ │ ├── res │ │ │ ├── mipmap-hdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── drawable-xxhdpi │ │ │ │ └── close_image.png │ │ │ ├── mipmap-xxxhdpi │ │ │ │ ├── ic_launcher.png │ │ │ │ └── ic_launcher_round.png │ │ │ ├── values │ │ │ │ ├── colors.xml │ │ │ │ ├── strings.xml │ │ │ │ └── styles.xml │ │ │ ├── drawable │ │ │ │ └── order_layout_background_shape.xml │ │ │ └── layout │ │ │ │ ├── activity_main.xml │ │ │ │ ├── order_center_view.xml │ │ │ │ └── order_progress_view.xml │ │ ├── AndroidManifest.xml │ │ └── java │ │ │ └── com │ │ │ └── sprite │ │ │ └── floatingorderview │ │ │ ├── MainActivity.java │ │ │ └── view │ │ │ └── ATFloatingOrderView.java │ ├── test │ │ └── java │ │ │ └── com │ │ │ └── sprite │ │ │ └── floatingorderview │ │ │ └── ExampleUnitTest.java │ └── androidTest │ │ └── java │ │ └── com │ │ └── sprite │ │ └── floatingorderview │ │ └── ExampleInstrumentedTest.java ├── .gitignore ├── proguard-rules.pro └── build.gradle ├── .gitignore ├── gradle.properties ├── gradlew.bat ├── README.md └── gradlew /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | -------------------------------------------------------------------------------- /screenshot/orderview.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/screenshot/orderview.gif -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/close_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/drawable-xxhdpi/close_image.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kuangxiaoguo0123/FloatingOrderView/HEAD/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #FF4081 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/order_layout_background_shape.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Tue Apr 04 10:39:26 CST 2017 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-3.3-all.zip 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | FloatingOrderView 3 | 4 | 商家已接单 5 | 预计送达: 6 | 11:50 7 | 8 | 骑手已取货 9 | 距您: 10 | 1.5km 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/test/java/com/sprite/floatingorderview/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.sprite.floatingorderview; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * Example local unit test, which will execute on the development machine (host). 9 | * 10 | * @see Testing documentation 11 | */ 12 | public class ExampleUnitTest { 13 | @Test 14 | public void addition_isCorrect() throws Exception { 15 | assertEquals(4, 2 + 2); 16 | } 17 | } -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # Files for the ART/Dalvik VM 6 | *.dex 7 | 8 | # Java class files 9 | *.class 10 | 11 | # Generated files 12 | bin/ 13 | gen/ 14 | out/ 15 | 16 | # Gradle files 17 | .gradle/ 18 | build/ 19 | 20 | # Local configuration file (sdk path, etc) 21 | local.properties 22 | 23 | # Proguard folder generated by Eclipse 24 | proguard/ 25 | 26 | # Log Files 27 | *.log 28 | 29 | # Android Studio Navigation editor temp files 30 | .navigation/ 31 | 32 | # Android Studio captures folder 33 | captures/ 34 | 35 | # Intellij 36 | *.iml 37 | .idea/workspace.xml 38 | 39 | # Keystore files 40 | *.jks 41 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # Files for the ART/Dalvik VM 6 | *.dex 7 | 8 | # Java class files 9 | *.class 10 | 11 | # Generated files 12 | bin/ 13 | gen/ 14 | out/ 15 | 16 | # Gradle files 17 | .gradle/ 18 | build/ 19 | 20 | # Local configuration file (sdk path, etc) 21 | local.properties 22 | 23 | # Proguard folder generated by Eclipse 24 | proguard/ 25 | 26 | # Log Files 27 | *.log 28 | 29 | # Android Studio Navigation editor temp files 30 | .navigation/ 31 | 32 | # Android Studio captures folder 33 | captures/ 34 | 35 | # Intellij 36 | *.iml 37 | .idea/workspace.xml 38 | 39 | # Keystore files 40 | *.jks 41 | 42 | #.idea/ 43 | .idea/ 44 | 45 | 46 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 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 | org.gradle.jvmargs=-Xmx1536m 13 | 14 | # When configured, Gradle will run in incubating parallel mode. 15 | # This option should only be used with decoupled projects. More details, visit 16 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 17 | # org.gradle.parallel=true 18 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/sprite/floatingorderview/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.sprite.floatingorderview; 2 | 3 | import android.content.Context; 4 | import android.support.test.InstrumentationRegistry; 5 | import android.support.test.runner.AndroidJUnit4; 6 | 7 | import org.junit.Test; 8 | import org.junit.runner.RunWith; 9 | 10 | import static org.junit.Assert.*; 11 | 12 | /** 13 | * Instrumentation test, which will execute on an Android device. 14 | * 15 | * @see Testing documentation 16 | */ 17 | @RunWith(AndroidJUnit4.class) 18 | public class ExampleInstrumentedTest { 19 | @Test 20 | public void useAppContext() throws Exception { 21 | // Context of the app under test. 22 | Context appContext = InstrumentationRegistry.getTargetContext(); 23 | 24 | assertEquals("com.sprite.floatingorderview", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 15 | 16 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /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 /Users/kuangxiaoguo/Library/Android/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 | 19 | # Uncomment this to preserve the line number information for 20 | # debugging stack traces. 21 | #-keepattributes SourceFile,LineNumberTable 22 | 23 | # If you keep the line number information, uncomment this to 24 | # hide the original source file name. 25 | #-renamesourcefileattribute SourceFile 26 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 25 5 | buildToolsVersion "25.0.2" 6 | defaultConfig { 7 | applicationId "com.sprite.floatingorderview" 8 | minSdkVersion 19 9 | targetSdkVersion 25 10 | versionCode 1 11 | versionName "1.0" 12 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner" 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', { 25 | exclude group: 'com.android.support', module: 'support-annotations' 26 | }) 27 | compile 'com.android.support:appcompat-v7:25.3.0' 28 | compile 'com.android.support.constraint:constraint-layout:1.0.2' 29 | testCompile 'junit:junit:4.12' 30 | } 31 | -------------------------------------------------------------------------------- /app/src/main/java/com/sprite/floatingorderview/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.sprite.floatingorderview; 2 | 3 | import android.support.v7.app.AppCompatActivity; 4 | import android.os.Bundle; 5 | 6 | import com.sprite.floatingorderview.view.ATFloatingOrderView; 7 | 8 | public class MainActivity extends AppCompatActivity { 9 | 10 | @Override 11 | protected void onCreate(Bundle savedInstanceState) { 12 | super.onCreate(savedInstanceState); 13 | setContentView(R.layout.activity_main); 14 | init(); 15 | 16 | } 17 | 18 | private void init() { 19 | ATFloatingOrderView sellOrderView = (ATFloatingOrderView) findViewById(R.id.sell_order_view); 20 | ATFloatingOrderView riderOrderView = (ATFloatingOrderView) findViewById(R.id.rider_order_view); 21 | 22 | sellOrderView.setCenterText(getString(R.string.sell_title), 23 | getString(R.string.sell_description), getString(R.string.sell_detail)); 24 | 25 | riderOrderView.setCenterText(getString(R.string.rider_title), 26 | getString(R.string.rider_description), getString(R.string.rider_detail)); 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /app/src/main/res/layout/order_center_view.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 14 | 15 | 23 | 24 | 34 | 35 | -------------------------------------------------------------------------------- /app/src/main/res/layout/order_progress_view.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 15 | 16 | 17 | 24 | 25 | 30 | 31 | 32 | 39 | 40 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # FloatingOrderView 2 | 仿美团订单进度悬浮view 3 | 4 | ## 效果图 5 | ![](https://github.com/kuangxiaoguo0123/FloatingOrderView/blob/master/screenshot/orderview.gif) 6 | ## 实现 7 | 这里我们是继承LinearLayout来实现的。 8 | 9 | ### 一 重写onMeasure() 10 | 定义父view的宽高与子view的宽高相同。 11 | ``` 12 | @Override 13 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 14 | super.onMeasure(widthMeasureSpec, heightMeasureSpec); 15 | int viewWidth = mView.getMeasuredWidth(); 16 | int viewHeight = mView.getMeasuredHeight(); 17 | int widthMode = MeasureSpec.getMode(widthMeasureSpec); 18 | int widthSize = MeasureSpec.getSize(widthMeasureSpec); 19 | int heightMode = MeasureSpec.getMode(heightMeasureSpec); 20 | int heightSize = MeasureSpec.getSize(heightMeasureSpec); 21 | if (widthMode == MeasureSpec.AT_MOST) { 22 | widthSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, viewWidth, 23 | getResources().getDisplayMetrics()); 24 | } 25 | if (heightMode == MeasureSpec.AT_MOST) { 26 | heightSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, viewHeight, 27 | getResources().getDisplayMetrics()); 28 | } 29 | setMeasuredDimension(widthSize, heightSize); 30 | } 31 | ``` 32 | ### 二 获取父view的宽高 33 | ``` 34 | @Override 35 | protected void onLayout(boolean changed, int l, int t, int r, int b) { 36 | super.onLayout(changed, l, t, r, b); 37 | mWidth = getWidth(); 38 | mHeight = getHeight(); 39 | } 40 | ``` 41 | ### 三 位移动画 42 | ``` 43 | /** 44 | * view位移动画 45 | */ 46 | private void initTranslateAnimation() { 47 | int closeDistance = mWidth - mIconImageView.getWidth() - mView.getPaddingLeft() * 2; 48 | mTranslateAnimator = ValueAnimator.ofInt(0, closeDistance); 49 | /* 50 | 当一开始为关闭状态时，给动画设置evaluator，使得动画开始位置为closeDistance 51 | */ 52 | if (mViewState == ViewStateEnum.CLOSE) { 53 | mTranslateAnimator.setEvaluator(new TypeEvaluator() { 54 | @Override 55 | public Integer evaluate(float fraction, Integer startValue, Integer endValue) { 56 | return (int) (endValue - fraction * (endValue - startValue)); 57 | } 58 | }); 59 | } 60 | mTranslateAnimator.setDuration(ANIMATION_TIME); 61 | mTranslateAnimator.setInterpolator(new AccelerateDecelerateInterpolator()); 62 | mTranslateAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 63 | @Override 64 | public void onAnimationUpdate(ValueAnimator animation) { 65 | int value = (int) animation.getAnimatedValue(); 66 | /* 67 | 相对于父view的位置坐标 68 | */ 69 | mView.layout(value, 0, mWidth, mHeight); 70 | } 71 | }); 72 | } 73 | ``` 74 | ### 四 缩放动画 75 | 这里点击时x号是有个缩放动画的，可能gif图不是太明显。 76 | ``` 77 | /** 78 | * 点击x号缩放动画 79 | */ 80 | private void initScaleAnimation() { 81 | mScaleAnimator = ValueAnimator.ofFloat(1.0f, 0.0f); 82 | mScaleAnimator.setDuration(SCALE_ANIMATION_TIME); 83 | if (mViewState == ViewStateEnum.CLOSE) { 84 | mScaleAnimator.setEvaluator(new TypeEvaluator() { 85 | @Override 86 | public Float evaluate(float fraction, Float startValue, Float endValue) { 87 | return endValue - fraction * (endValue - startValue); 88 | } 89 | }); 90 | } 91 | mScaleAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 92 | @Override 93 | public void onAnimationUpdate(ValueAnimator animation) { 94 | float value = (float) animation.getAnimatedValue(); 95 | mCloseImageView.setScaleX(value); 96 | mCloseImageView.setScaleY(value); 97 | } 98 | }); 99 | } 100 | ``` 101 | ### 五 开始动画 102 | ``` 103 | /** 104 | * 使用AnimatorSet让两个动画同时播放 105 | */ 106 | private void doAnimation() { 107 | initTranslateAnimation(); 108 | initScaleAnimation(); 109 | AnimatorSet set = new AnimatorSet(); 110 | set.play(mTranslateAnimator).with(mScaleAnimator); 111 | set.start(); 112 | } 113 | ``` 114 | ## Sample source code 115 | [https://github.com/kuangxiaoguo0123/FloatingOrderView](https://github.com/kuangxiaoguo0123/FloatingOrderView) 116 | 117 | ## More information 118 | [http://blog.csdn.net/kuangxiaoguo0123/article/details/69063405](http://blog.csdn.net/kuangxiaoguo0123/article/details/69063405) 119 | -------------------------------------------------------------------------------- /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 | # Attempt to set APP_HOME 46 | # Resolve links: $0 may be a link 47 | PRG="$0" 48 | # Need this for relative symlinks. 49 | while [ -h "$PRG" ] ; do 50 | ls=`ls -ld "$PRG"` 51 | link=`expr "$ls" : '.*-> \(.*\)$'` 52 | if expr "$link" : '/.*' > /dev/null; then 53 | PRG="$link" 54 | else 55 | PRG=`dirname "$PRG"`"/$link" 56 | fi 57 | done 58 | SAVED="`pwd`" 59 | cd "`dirname \"$PRG\"`/" >/dev/null 60 | APP_HOME="`pwd -P`" 61 | cd "$SAVED" >/dev/null 62 | 63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 64 | 65 | # Determine the Java command to use to start the JVM. 66 | if [ -n "$JAVA_HOME" ] ; then 67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 68 | # IBM's JDK on AIX uses strange locations for the executables 69 | JAVACMD="$JAVA_HOME/jre/sh/java" 70 | else 71 | JAVACMD="$JAVA_HOME/bin/java" 72 | fi 73 | if [ ! -x "$JAVACMD" ] ; then 74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 75 | 76 | Please set the JAVA_HOME variable in your environment to match the 77 | location of your Java installation." 78 | fi 79 | else 80 | JAVACMD="java" 81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 82 | 83 | Please set the JAVA_HOME variable in your environment to match the 84 | location of your Java installation." 85 | fi 86 | 87 | # Increase the maximum file descriptors if we can. 88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 89 | MAX_FD_LIMIT=`ulimit -H -n` 90 | if [ $? -eq 0 ] ; then 91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 92 | MAX_FD="$MAX_FD_LIMIT" 93 | fi 94 | ulimit -n $MAX_FD 95 | if [ $? -ne 0 ] ; then 96 | warn "Could not set maximum file descriptor limit: $MAX_FD" 97 | fi 98 | else 99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 100 | fi 101 | fi 102 | 103 | # For Darwin, add options to specify how the application appears in the dock 104 | if $darwin; then 105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 106 | fi 107 | 108 | # For Cygwin, switch paths to Windows format before running java 109 | if $cygwin ; then 110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 112 | JAVACMD=`cygpath --unix "$JAVACMD"` 113 | 114 | # We build the pattern for arguments to be converted via cygpath 115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 116 | SEP="" 117 | for dir in $ROOTDIRSRAW ; do 118 | ROOTDIRS="$ROOTDIRS$SEP$dir" 119 | SEP="|" 120 | done 121 | OURCYGPATTERN="(^($ROOTDIRS))" 122 | # Add a user-defined pattern to the cygpath arguments 123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 125 | fi 126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 127 | i=0 128 | for arg in "$@" ; do 129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 131 | 132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 134 | else 135 | eval `echo args$i`="\"$arg\"" 136 | fi 137 | i=$((i+1)) 138 | done 139 | case $i in 140 | (0) set -- ;; 141 | (1) set -- "$args0" ;; 142 | (2) set -- "$args0" "$args1" ;; 143 | (3) set -- "$args0" "$args1" "$args2" ;; 144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 150 | esac 151 | fi 152 | 153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 154 | function splitJvmOpts() { 155 | JVM_OPTS=("$@") 156 | } 157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 159 | 160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 161 | -------------------------------------------------------------------------------- /app/src/main/java/com/sprite/floatingorderview/view/ATFloatingOrderView.java: -------------------------------------------------------------------------------- 1 | package com.sprite.floatingorderview.view; 2 | 3 | import android.animation.AnimatorSet; 4 | import android.animation.TypeEvaluator; 5 | import android.animation.ValueAnimator; 6 | import android.content.Context; 7 | import android.support.annotation.Nullable; 8 | import android.util.AttributeSet; 9 | import android.util.TypedValue; 10 | import android.view.LayoutInflater; 11 | import android.view.View; 12 | import android.view.animation.AccelerateDecelerateInterpolator; 13 | import android.widget.ImageView; 14 | import android.widget.LinearLayout; 15 | import android.widget.TextView; 16 | 17 | import com.sprite.floatingorderview.R; 18 | 19 | 20 | /** 21 | * Created by kuangxiaoguo on 2017/4/3. 22 | */ 23 | 24 | public class ATFloatingOrderView extends LinearLayout implements View.OnClickListener { 25 | 26 | private static final int ANIMATION_TIME = 500; 27 | private static final int SCALE_ANIMATION_TIME = 100; 28 | private ImageView mIconImageView; 29 | private ImageView mCloseImageView; 30 | private View mView; 31 | private int mWidth; 32 | private int mHeight; 33 | private ViewStateEnum mViewState; 34 | private ValueAnimator mTranslateAnimator; 35 | private ValueAnimator mScaleAnimator; 36 | private TextView mTitleTextView; 37 | private TextView mDesTextView; 38 | private TextView mDetailTextView; 39 | 40 | public ATFloatingOrderView(Context context) { 41 | this(context, null); 42 | } 43 | 44 | public ATFloatingOrderView(Context context, @Nullable AttributeSet attrs) { 45 | this(context, attrs, 0); 46 | } 47 | 48 | public ATFloatingOrderView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { 49 | super(context, attrs, defStyleAttr); 50 | mView = LayoutInflater.from(context).inflate(R.layout.order_progress_view, null); 51 | addView(mView); 52 | initView(); 53 | mViewState = ViewStateEnum.OPEN; 54 | } 55 | 56 | private void initView() { 57 | mIconImageView = (ImageView) mView.findViewById(R.id.icon_image_view); 58 | mCloseImageView = (ImageView) mView.findViewById(R.id.close_image_view); 59 | LinearLayout closeLayout = (LinearLayout) mView.findViewById(R.id.close_layout); 60 | View centerView = mView.findViewById(R.id.center_layout); 61 | mTitleTextView = (TextView) centerView.findViewById(R.id.title_text_view); 62 | mDesTextView = (TextView) centerView.findViewById(R.id.des_text_text_view); 63 | mDetailTextView = (TextView) centerView.findViewById(R.id.detail_text_view); 64 | mIconImageView.setOnClickListener(this); 65 | closeLayout.setOnClickListener(this); 66 | } 67 | 68 | /** 69 | * 根据订单进度设置中间view的对应值 70 | */ 71 | public void setCenterText(String title, String description, String detail) { 72 | mTitleTextView.setText(title); 73 | mDesTextView.setText(description); 74 | mDetailTextView.setText(detail); 75 | } 76 | 77 | @Override 78 | protected void onLayout(boolean changed, int l, int t, int r, int b) { 79 | super.onLayout(changed, l, t, r, b); 80 | mWidth = getWidth(); 81 | mHeight = getHeight(); 82 | } 83 | 84 | @Override 85 | public void onClick(View v) { 86 | switch (v.getId()) { 87 | case R.id.icon_image_view: 88 | if (mViewState == ViewStateEnum.OPEN) { 89 | return; 90 | } 91 | doAnimation(); 92 | mViewState = ViewStateEnum.OPEN; 93 | break; 94 | case R.id.close_layout: 95 | doAnimation(); 96 | mViewState = ViewStateEnum.CLOSE; 97 | break; 98 | default: 99 | break; 100 | } 101 | } 102 | 103 | /** 104 | * 使用AnimatorSet让两个动画同时播放 105 | */ 106 | private void doAnimation() { 107 | initTranslateAnimation(); 108 | initScaleAnimation(); 109 | AnimatorSet set = new AnimatorSet(); 110 | set.play(mTranslateAnimator).with(mScaleAnimator); 111 | set.start(); 112 | } 113 | 114 | /** 115 | * view位移动画 116 | */ 117 | private void initTranslateAnimation() { 118 | int closeDistance = mWidth - mIconImageView.getWidth() - mView.getPaddingLeft() * 2; 119 | mTranslateAnimator = ValueAnimator.ofInt(0, closeDistance); 120 | /* 121 | 当一开始为关闭状态时，给动画设置evaluator，使得动画开始位置为closeDistance 122 | */ 123 | if (mViewState == ViewStateEnum.CLOSE) { 124 | mTranslateAnimator.setEvaluator(new TypeEvaluator() { 125 | @Override 126 | public Integer evaluate(float fraction, Integer startValue, Integer endValue) { 127 | return (int) (endValue - fraction * (endValue - startValue)); 128 | } 129 | }); 130 | } 131 | mTranslateAnimator.setDuration(ANIMATION_TIME); 132 | mTranslateAnimator.setInterpolator(new AccelerateDecelerateInterpolator()); 133 | mTranslateAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 134 | @Override 135 | public void onAnimationUpdate(ValueAnimator animation) { 136 | int value = (int) animation.getAnimatedValue(); 137 | /* 138 | 相对于父view的位置坐标 139 | */ 140 | mView.layout(value, 0, mWidth, mHeight); 141 | } 142 | }); 143 | } 144 | 145 | /** 146 | * 点击x号缩放动画 147 | */ 148 | private void initScaleAnimation() { 149 | mScaleAnimator = ValueAnimator.ofFloat(1.0f, 0.0f); 150 | mScaleAnimator.setDuration(SCALE_ANIMATION_TIME); 151 | if (mViewState == ViewStateEnum.CLOSE) { 152 | mScaleAnimator.setEvaluator(new TypeEvaluator() { 153 | @Override 154 | public Float evaluate(float fraction, Float startValue, Float endValue) { 155 | return endValue - fraction * (endValue - startValue); 156 | } 157 | }); 158 | } 159 | mScaleAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 160 | @Override 161 | public void onAnimationUpdate(ValueAnimator animation) { 162 | float value = (float) animation.getAnimatedValue(); 163 | mCloseImageView.setScaleX(value); 164 | mCloseImageView.setScaleY(value); 165 | } 166 | }); 167 | } 168 | 169 | @Override 170 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 171 | super.onMeasure(widthMeasureSpec, heightMeasureSpec); 172 | int viewWidth = mView.getMeasuredWidth(); 173 | int viewHeight = mView.getMeasuredHeight(); 174 | int widthMode = MeasureSpec.getMode(widthMeasureSpec); 175 | int widthSize = MeasureSpec.getSize(widthMeasureSpec); 176 | int heightMode = MeasureSpec.getMode(heightMeasureSpec); 177 | int heightSize = MeasureSpec.getSize(heightMeasureSpec); 178 | if (widthMode == MeasureSpec.AT_MOST) { 179 | widthSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, viewWidth, 180 | getResources().getDisplayMetrics()); 181 | } 182 | if (heightMode == MeasureSpec.AT_MOST) { 183 | heightSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_PX, viewHeight, 184 | getResources().getDisplayMetrics()); 185 | } 186 | setMeasuredDimension(widthSize, heightSize); 187 | } 188 | 189 | private enum ViewStateEnum { 190 | OPEN, CLOSE 191 | } 192 | } 193 | --------------------------------------------------------------------------------