├── .gitignore ├── .idea └── runConfigurations.xml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── example │ │ └── jcs │ │ └── baiduwave │ │ └── ExampleInstrumentedTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── example │ │ │ └── jcs │ │ │ └── baiduwave │ │ │ ├── MainActivity.java │ │ │ ├── customView │ │ │ ├── Wave.java │ │ │ ├── WaveAntiAliased.java │ │ │ └── WaveAntiAliased_Shader.java │ │ │ └── tools │ │ │ └── DimentionUtils.java │ ├── res │ │ ├── layout │ │ │ └── activity_main.xml │ │ ├── mipmap-hdpi │ │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ │ └── ic_launcher.png │ │ ├── mipmap-xxxhdpi │ │ │ └── ic_launcher.png │ │ ├── values-w820dp │ │ │ └── dimens.xml │ │ └── values │ │ │ ├── attrs.xml │ │ │ ├── colors.xml │ │ │ ├── dimens.xml │ │ │ ├── strings.xml │ │ │ └── styles.xml │ └── screenshots │ │ └── baidu.gif │ └── test │ └── java │ └── com │ └── example │ └── jcs │ └── baiduwave │ └── ExampleUnitTest.java ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/workspace.xml 5 | /.idea/libraries 6 | .DS_Store 7 | /build 8 | /captures 9 | .externalNativeBuild 10 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BaiduWave 2 | 百度Loading小球 3 | 4 | ![loading小球](https://github.com/Jichensheng/BaiduWave/blob/master/app/src/main/screenshots/baidu.gif) 5 | 6 | [Android仿百度贴吧客户端Loading小球](http://blog.csdn.net/guimianhao9833/article/details/74858472) 7 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 25 5 | buildToolsVersion "25.0.3" 6 | defaultConfig { 7 | applicationId "com.example.jcs.baiduwave" 8 | minSdkVersion 15 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.1' 28 | testCompile 'junit:junit:4.12' 29 | } 30 | -------------------------------------------------------------------------------- /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 E:\android\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 | -------------------------------------------------------------------------------- /app/src/androidTest/java/com/example/jcs/baiduwave/ExampleInstrumentedTest.java: -------------------------------------------------------------------------------- 1 | package com.example.jcs.baiduwave; 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.example.jcs.baiduwave", appContext.getPackageName()); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/jcs/baiduwave/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.example.jcs.baiduwave; 2 | 3 | import android.support.v7.app.AppCompatActivity; 4 | import android.os.Bundle; 5 | 6 | public class MainActivity extends AppCompatActivity { 7 | 8 | @Override 9 | protected void onCreate(Bundle savedInstanceState) { 10 | super.onCreate(savedInstanceState); 11 | setContentView(R.layout.activity_main); 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/jcs/baiduwave/customView/Wave.java: -------------------------------------------------------------------------------- 1 | package com.example.jcs.baiduwave.customView; 2 | 3 | import android.animation.ValueAnimator; 4 | import android.content.Context; 5 | import android.content.res.TypedArray; 6 | import android.graphics.Canvas; 7 | import android.graphics.Color; 8 | import android.graphics.Paint; 9 | import android.graphics.Path; 10 | import android.graphics.Rect; 11 | import android.graphics.Typeface; 12 | import android.util.AttributeSet; 13 | import android.view.View; 14 | import android.view.animation.LinearInterpolator; 15 | 16 | import com.example.jcs.baiduwave.R; 17 | import com.example.jcs.baiduwave.tools.DimentionUtils; 18 | 19 | 20 | /** 21 | * author：Jics 22 | * 2017/7/6 13:06 23 | */ 24 | public class Wave extends View { 25 | private Paint mPaint; 26 | private Paint textPaint; 27 | private int mWidth = DimentionUtils.dip2px(getContext(), 50); 28 | private int mHeight = DimentionUtils.dip2px(getContext(), 50); 29 | private Path path; 30 | private float currentPercent; 31 | private int color; 32 | private String text = "贴"; 33 | private int textSize = DimentionUtils.sp2px(getContext(), 25); 34 | 35 | public Wave(Context context) { 36 | this(context, null); 37 | } 38 | 39 | public Wave(Context context, AttributeSet attrs) { 40 | this(context, attrs, 0); 41 | } 42 | 43 | public Wave(Context context, AttributeSet attrs, int defStyleAttr) { 44 | super(context, attrs, defStyleAttr); 45 | init(context, attrs); 46 | 47 | } 48 | 49 | private void init(Context context, AttributeSet attrs) { 50 | TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.Wave); 51 | //自定义颜色和文字 52 | color = array.getColor(R.styleable.Wave_color, Color.rgb(41, 163, 254)); 53 | text = array.getString(R.styleable.Wave_text); 54 | array.recycle(); 55 | //图形及路径填充画笔 56 | mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 57 | mPaint.setStyle(Paint.Style.FILL); 58 | mPaint.setColor(color); 59 | mPaint.setDither(true); 60 | //文字画笔 61 | textPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 62 | textPaint.setColor(Color.WHITE); 63 | textPaint.setTypeface(Typeface.DEFAULT_BOLD); 64 | //闭合波浪路径 65 | path = new Path(); 66 | 67 | ValueAnimator animator = ValueAnimator.ofFloat(0, 1); 68 | animator.setDuration(1000); 69 | animator.setInterpolator(new LinearInterpolator()); 70 | animator.setRepeatCount(ValueAnimator.INFINITE); 71 | animator.setRepeatMode(ValueAnimator.RESTART); 72 | animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 73 | @Override 74 | public void onAnimationUpdate(ValueAnimator animation) { 75 | currentPercent = animation.getAnimatedFraction(); 76 | invalidate(); 77 | } 78 | }); 79 | animator.start(); 80 | } 81 | 82 | 83 | @Override 84 | protected void onDraw(Canvas canvas) { 85 | //底部的字 86 | textPaint.setColor(color); 87 | drawCenterText(canvas, textPaint, text); 88 | //上层的字 89 | textPaint.setColor(Color.WHITE); 90 | //生成闭合波浪路径 91 | path = getActionPath(currentPercent); 92 | 93 | //裁剪成波浪形 94 | canvas.clipPath(path); 95 | canvas.drawCircle(mWidth / 2, mHeight / 2, mWidth / 2, mPaint); 96 | drawCenterText(canvas, textPaint, text); 97 | } 98 | 99 | @Override 100 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 101 | int widthSize = MeasureSpec.getSize(widthMeasureSpec); 102 | int widthMode = MeasureSpec.getMode(widthMeasureSpec); 103 | int heightSize = MeasureSpec.getSize(heightMeasureSpec); 104 | int heightMode = MeasureSpec.getMode(heightMeasureSpec); 105 | if (widthMode == MeasureSpec.EXACTLY) { 106 | mWidth = widthSize; 107 | } 108 | if (heightMode == MeasureSpec.EXACTLY) { 109 | mHeight = heightSize; 110 | } 111 | setMeasuredDimension(mWidth, mHeight); 112 | textSize = mWidth / 2; 113 | textPaint.setTextSize(textSize); 114 | } 115 | 116 | private Path getActionPath(float percent) { 117 | Path path = new Path(); 118 | int x = -mWidth; 119 | //当前x点坐标（根据动画进度水平推移，一个动画周期推移的距离为一个mWidth） 120 | x += percent * mWidth; 121 | //波形的起点 122 | path.moveTo(x, mHeight / 2); 123 | //控制点的相对宽度 124 | int quadWidth = mWidth / 4; 125 | //控制点的相对高度 126 | int quadHeight = mHeight / 20 * 3; 127 | //第一个周期 128 | path.rQuadTo(quadWidth, quadHeight, quadWidth * 2, 0); 129 | path.rQuadTo(quadWidth, -quadHeight, quadWidth * 2, 0); 130 | //第二个周期 131 | path.rQuadTo(quadWidth, quadHeight, quadWidth * 2, 0); 132 | path.rQuadTo(quadWidth, -quadHeight, quadWidth * 2, 0); 133 | //右侧的直线 134 | path.lineTo(x + mWidth * 2, mHeight); 135 | //下边的直线 136 | path.lineTo(x, mHeight); 137 | //自动闭合补出左边的直线 138 | path.close(); 139 | return path; 140 | } 141 | 142 | private void drawCenterText(Canvas canvas, Paint textPaint, String text) { 143 | Rect rect = new Rect(0, 0, mWidth, mHeight); 144 | textPaint.setTextAlign(Paint.Align.CENTER); 145 | 146 | Paint.FontMetrics fontMetrics = textPaint.getFontMetrics(); 147 | float top = fontMetrics.top; 148 | float bottom = fontMetrics.bottom; 149 | 150 | int centerY = (int) (rect.centerY() - top / 2 - bottom / 2); 151 | 152 | canvas.drawText(text, rect.centerX(), centerY, textPaint); 153 | } 154 | } 155 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/jcs/baiduwave/customView/WaveAntiAliased.java: -------------------------------------------------------------------------------- 1 | package com.example.jcs.baiduwave.customView; 2 | 3 | import android.animation.ValueAnimator; 4 | import android.content.Context; 5 | import android.content.res.TypedArray; 6 | import android.graphics.Bitmap; 7 | import android.graphics.Canvas; 8 | import android.graphics.Color; 9 | import android.graphics.Paint; 10 | import android.graphics.Path; 11 | import android.graphics.PorterDuff; 12 | import android.graphics.PorterDuffXfermode; 13 | import android.graphics.Rect; 14 | import android.graphics.Typeface; 15 | import android.util.AttributeSet; 16 | import android.view.View; 17 | import android.view.animation.LinearInterpolator; 18 | 19 | import com.example.jcs.baiduwave.R; 20 | import com.example.jcs.baiduwave.tools.DimentionUtils; 21 | 22 | /** 23 | * author：Jics 24 | * 2017/7/27 10:45 25 | * 用Xfermode方式代替Canvas.clipPath裁剪来消除锯齿 26 | * 27 | */ 28 | public class WaveAntiAliased extends View { 29 | private PorterDuffXfermode xfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN); 30 | private PorterDuffXfermode xfermode_text = new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP); 31 | private Paint mPaint; 32 | private Paint textPaint; 33 | private int mWidth = DimentionUtils.dip2px(getContext(), 50); 34 | private int mHeight = DimentionUtils.dip2px(getContext(), 50); 35 | private Path path; 36 | private float currentPercent; 37 | private int color; 38 | private String text = "贴"; 39 | private int textSize = DimentionUtils.sp2px(getContext(), 25); 40 | 41 | private Bitmap bitmap; 42 | 43 | public WaveAntiAliased(Context context) { 44 | this(context, null); 45 | } 46 | 47 | public WaveAntiAliased(Context context, AttributeSet attrs) { 48 | this(context, attrs, 0); 49 | } 50 | 51 | public WaveAntiAliased(Context context, AttributeSet attrs, int defStyleAttr) { 52 | super(context, attrs, defStyleAttr); 53 | init(context, attrs); 54 | 55 | } 56 | 57 | private void init(Context context, AttributeSet attrs) { 58 | TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.Wave); 59 | //自定义颜色和文字 60 | color = array.getColor(R.styleable.Wave_color, Color.rgb(41, 163, 254)); 61 | text = array.getString(R.styleable.Wave_text); 62 | array.recycle(); 63 | //图形及路径填充画笔 64 | mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 65 | mPaint.setStyle(Paint.Style.FILL); 66 | mPaint.setColor(color); 67 | mPaint.setDither(true); 68 | //文字画笔 69 | textPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 70 | textPaint.setColor(Color.WHITE); 71 | textPaint.setTypeface(Typeface.DEFAULT_BOLD); 72 | //闭合波浪路径 73 | path = new Path(); 74 | 75 | ValueAnimator animator = ValueAnimator.ofFloat(0, 1); 76 | animator.setDuration(1000); 77 | animator.setInterpolator(new LinearInterpolator()); 78 | animator.setRepeatCount(ValueAnimator.INFINITE); 79 | animator.setRepeatMode(ValueAnimator.RESTART); 80 | animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 81 | @Override 82 | public void onAnimationUpdate(ValueAnimator animation) { 83 | currentPercent = animation.getAnimatedFraction(); 84 | invalidate(); 85 | } 86 | }); 87 | animator.start(); 88 | } 89 | 90 | 91 | @Override 92 | protected void onDraw(Canvas canvas) { 93 | //底部的字 94 | textPaint.setColor(color); 95 | drawCenterText(canvas, textPaint, text); 96 | //上层的字 97 | textPaint.setColor(Color.WHITE); 98 | //生成闭合波浪路径 99 | path = getActionPath(currentPercent); 100 | 101 | //新建图层实现离屏缓冲 102 | int flag = canvas.saveLayer(0, 0, canvas.getWidth(), canvas.getHeight(), null, Canvas.ALL_SAVE_FLAG); 103 | //绘制蓝色波浪 104 | canvas.drawPath(path, mPaint); 105 | mPaint.setXfermode(xfermode); 106 | //用带有SRC_IN模式的画笔绘制圆形图像，这样圆和波浪相交的地方就只显示圆了 107 | canvas.drawBitmap(bitmap,0,0,mPaint); 108 | textPaint.setXfermode(xfermode_text); 109 | //用带有SRC_ATOP的文字画笔绘制文字，这样在圆形波浪和文字相交的地方绘制文字，在不相交的地方绘制圆形波浪 110 | drawCenterText(canvas, textPaint, text); 111 | //合并图层到canvas上 112 | canvas.restoreToCount(flag); 113 | 114 | textPaint.setXfermode(null); 115 | mPaint.setXfermode(null); 116 | } 117 | 118 | /** 119 | * 绘制圆形bitmap 120 | * @param width 121 | * @param height 122 | * @return 123 | */ 124 | private Bitmap getCircleBitmap(int width, int height){ 125 | Bitmap bitmap=Bitmap.createBitmap(width,height, Bitmap.Config.ARGB_8888); 126 | // bitmap.eraseColor(Color.parseColor("#FF0000"));//填充颜色 127 | Canvas canvas=new Canvas(bitmap); 128 | canvas.drawCircle(width / 2, height / 2, width / 2, mPaint); 129 | return bitmap; 130 | } 131 | 132 | @Override 133 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 134 | int widthSize = MeasureSpec.getSize(widthMeasureSpec); 135 | int widthMode = MeasureSpec.getMode(widthMeasureSpec); 136 | int heightSize = MeasureSpec.getSize(heightMeasureSpec); 137 | int heightMode = MeasureSpec.getMode(heightMeasureSpec); 138 | if (widthMode == MeasureSpec.EXACTLY) { 139 | mWidth = widthSize; 140 | } 141 | if (heightMode == MeasureSpec.EXACTLY) { 142 | mHeight = heightSize; 143 | } 144 | setMeasuredDimension(mWidth, mHeight); 145 | bitmap=getCircleBitmap(mWidth,mHeight); 146 | textSize = mWidth / 2; 147 | textPaint.setTextSize(textSize); 148 | } 149 | 150 | private Path getActionPath(float percent) { 151 | Path path = new Path(); 152 | int x = -mWidth; 153 | //当前x点坐标（根据动画进度水平推移，一个动画周期推移的距离为一个mWidth） 154 | x += percent * mWidth; 155 | //波形的起点 156 | path.moveTo(x, mHeight / 2); 157 | //控制点的相对宽度 158 | int quadWidth = mWidth / 4; 159 | //控制点的相对高度 160 | int quadHeight = mHeight / 20 * 3; 161 | //第一个周期 162 | path.rQuadTo(quadWidth, quadHeight, quadWidth * 2, 0); 163 | path.rQuadTo(quadWidth, -quadHeight, quadWidth * 2, 0); 164 | //第二个周期 165 | path.rQuadTo(quadWidth, quadHeight, quadWidth * 2, 0); 166 | path.rQuadTo(quadWidth, -quadHeight, quadWidth * 2, 0); 167 | //右侧的直线 168 | path.lineTo(x + mWidth * 2, mHeight); 169 | //下边的直线 170 | path.lineTo(x, mHeight); 171 | //自动闭合补出左边的直线 172 | path.close(); 173 | return path; 174 | } 175 | 176 | private void drawCenterText(Canvas canvas, Paint textPaint, String text) { 177 | Rect rect = new Rect(0, 0, mWidth, mHeight); 178 | textPaint.setTextAlign(Paint.Align.CENTER); 179 | 180 | Paint.FontMetrics fontMetrics = textPaint.getFontMetrics(); 181 | //文字框距顶部文字基线的距离 182 | float top = fontMetrics.top; 183 | //文字框底部距文字基线的距离 184 | float bottom = fontMetrics.bottom; 185 | int centerY = (int) (rect.centerY() - top / 2 - bottom / 2); 186 | 187 | canvas.drawText(text, rect.centerX(), centerY, textPaint); 188 | } 189 | } 190 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/jcs/baiduwave/customView/WaveAntiAliased_Shader.java: -------------------------------------------------------------------------------- 1 | package com.example.jcs.baiduwave.customView; 2 | 3 | import android.animation.ValueAnimator; 4 | import android.content.Context; 5 | import android.content.res.TypedArray; 6 | import android.graphics.Bitmap; 7 | import android.graphics.BitmapShader; 8 | import android.graphics.Canvas; 9 | import android.graphics.Color; 10 | import android.graphics.Paint; 11 | import android.graphics.Path; 12 | import android.graphics.PorterDuff; 13 | import android.graphics.PorterDuffXfermode; 14 | import android.graphics.Rect; 15 | import android.graphics.Shader; 16 | import android.graphics.Typeface; 17 | import android.util.AttributeSet; 18 | import android.view.View; 19 | import android.view.animation.LinearInterpolator; 20 | 21 | import com.example.jcs.baiduwave.R; 22 | import com.example.jcs.baiduwave.tools.DimentionUtils; 23 | 24 | /** 25 | * author：Jics 26 | * 2017/7/27 10:45 27 | * 用Xfermode裁剪文字用shader方式限制圆形来消除锯齿 28 | */ 29 | public class WaveAntiAliased_Shader extends View { 30 | private PorterDuffXfermode xfermode_text = new PorterDuffXfermode(PorterDuff.Mode.SRC_ATOP); 31 | private Paint mPaint; 32 | private Paint textPaint; 33 | private int mWidth = DimentionUtils.dip2px(getContext(), 50); 34 | private int mHeight = DimentionUtils.dip2px(getContext(), 50); 35 | private Path path; 36 | private float currentPercent; 37 | private int color; 38 | private String text = "贴"; 39 | private int textSize = DimentionUtils.sp2px(getContext(), 25); 40 | private Bitmap bitmap; 41 | private Canvas mCanvas; 42 | 43 | public WaveAntiAliased_Shader(Context context) { 44 | this(context, null); 45 | } 46 | 47 | public WaveAntiAliased_Shader(Context context, AttributeSet attrs) { 48 | this(context, attrs, 0); 49 | } 50 | 51 | public WaveAntiAliased_Shader(Context context, AttributeSet attrs, int defStyleAttr) { 52 | super(context, attrs, defStyleAttr); 53 | init(context, attrs); 54 | 55 | } 56 | 57 | private void init(Context context, AttributeSet attrs) { 58 | TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.Wave); 59 | //自定义颜色和文字 60 | color = array.getColor(R.styleable.Wave_color, Color.rgb(41, 163, 254)); 61 | text = array.getString(R.styleable.Wave_text); 62 | array.recycle(); 63 | 64 | //图形及路径填充画笔 65 | mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 66 | mPaint.setStyle(Paint.Style.FILL); 67 | mPaint.setColor(color); 68 | mPaint.setDither(true); 69 | //文字画笔 70 | textPaint = new Paint(Paint.ANTI_ALIAS_FLAG); 71 | textPaint.setColor(Color.WHITE); 72 | textPaint.setTypeface(Typeface.DEFAULT_BOLD); 73 | textPaint.setXfermode(xfermode_text); 74 | //闭合波浪路径 75 | path = new Path(); 76 | 77 | ValueAnimator animator = ValueAnimator.ofFloat(0, 1); 78 | animator.setDuration(1000); 79 | animator.setInterpolator(new LinearInterpolator()); 80 | animator.setRepeatCount(ValueAnimator.INFINITE); 81 | animator.setRepeatMode(ValueAnimator.RESTART); 82 | animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { 83 | @Override 84 | public void onAnimationUpdate(ValueAnimator animation) { 85 | currentPercent = animation.getAnimatedFraction(); 86 | invalidate(); 87 | } 88 | }); 89 | animator.start(); 90 | } 91 | 92 | 93 | @Override 94 | protected void onDraw(Canvas canvas) { 95 | //底部的字 96 | textPaint.setColor(color); 97 | drawCenterText(canvas, textPaint, text); 98 | mPaint.setShader(getShaderBitmap()); 99 | canvas.drawCircle(mWidth / 2, mHeight / 2, mWidth / 2, mPaint); 100 | mPaint.setShader(null); 101 | } 102 | 103 | 104 | private BitmapShader getShaderBitmap() { 105 | bitmap.eraseColor(Color.TRANSPARENT);//把bitmap填充成透明色 106 | //上层的字 107 | textPaint.setColor(Color.WHITE); 108 | //生成闭合波浪路径 109 | path = getActionPath(currentPercent); 110 | //绘制蓝色波浪 111 | mCanvas.drawPath(path, mPaint); 112 | 113 | drawCenterText(mCanvas, textPaint, text); 114 | 115 | return new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP); 116 | } 117 | 118 | @Override 119 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 120 | int widthSize = MeasureSpec.getSize(widthMeasureSpec); 121 | int widthMode = MeasureSpec.getMode(widthMeasureSpec); 122 | int heightSize = MeasureSpec.getSize(heightMeasureSpec); 123 | int heightMode = MeasureSpec.getMode(heightMeasureSpec); 124 | if (widthMode == MeasureSpec.EXACTLY) { 125 | mWidth = widthSize; 126 | } 127 | if (heightMode == MeasureSpec.EXACTLY) { 128 | mHeight = heightSize; 129 | } 130 | setMeasuredDimension(mWidth, mHeight); 131 | bitmap= Bitmap.createBitmap(mWidth, mHeight, Bitmap.Config.ARGB_8888); 132 | mCanvas = new Canvas(bitmap); 133 | textSize = mWidth / 2; 134 | textPaint.setTextSize(textSize); 135 | } 136 | 137 | private Path getActionPath(float percent) { 138 | Path path = new Path(); 139 | int x = -mWidth; 140 | //当前x点坐标（根据动画进度水平推移，一个动画周期推移的距离为一个mWidth） 141 | x += percent * mWidth; 142 | //波形的起点 143 | path.moveTo(x, mHeight / 2); 144 | //控制点的相对宽度 145 | int quadWidth = mWidth / 4; 146 | //控制点的相对高度 147 | int quadHeight = mHeight / 20 * 3; 148 | //第一个周期 149 | path.rQuadTo(quadWidth, quadHeight, quadWidth * 2, 0); 150 | path.rQuadTo(quadWidth, -quadHeight, quadWidth * 2, 0); 151 | //第二个周期 152 | path.rQuadTo(quadWidth, quadHeight, quadWidth * 2, 0); 153 | path.rQuadTo(quadWidth, -quadHeight, quadWidth * 2, 0); 154 | //右侧的直线 155 | path.lineTo(x + mWidth * 2, mHeight); 156 | //下边的直线 157 | path.lineTo(x, mHeight); 158 | //自动闭合补出左边的直线 159 | path.close(); 160 | return path; 161 | } 162 | 163 | private void drawCenterText(Canvas canvas, Paint textPaint, String text) { 164 | Rect rect = new Rect(0, 0, mWidth, mHeight); 165 | textPaint.setTextAlign(Paint.Align.CENTER); 166 | 167 | Paint.FontMetrics fontMetrics = textPaint.getFontMetrics(); 168 | //文字框距顶部文字基线的距离 169 | float top = fontMetrics.top; 170 | //文字框底部距文字基线的距离 171 | float bottom = fontMetrics.bottom; 172 | int centerY = (int) (rect.centerY() - top / 2 - bottom / 2); 173 | 174 | canvas.drawText(text, rect.centerX(), centerY, textPaint); 175 | } 176 | } 177 | -------------------------------------------------------------------------------- /app/src/main/java/com/example/jcs/baiduwave/tools/DimentionUtils.java: -------------------------------------------------------------------------------- 1 | package com.example.jcs.baiduwave.tools; 2 | 3 | import android.content.Context; 4 | 5 | /** 6 | * author：Jics 7 | * 2017/6/26 13:55 8 | */ 9 | public class DimentionUtils { 10 | /** 11 | * 将px值转换为dip或dp值，保证尺寸大小不变 12 | * 13 | * @param pxValue 14 | * （DisplayMetrics类中属性density） 15 | * @return 16 | */ 17 | public static int px2dip(Context context, float pxValue) { 18 | final float scale = context.getResources().getDisplayMetrics().density; 19 | return (int) (pxValue / scale + 0.5f); 20 | } 21 | 22 | /** 23 | * 将dip或dp值转换为px值，保证尺寸大小不变 24 | * 25 | * @param dipValue 26 | * （DisplayMetrics类中属性density） 27 | * @return 28 | */ 29 | public static int dip2px(Context context, float dipValue) { 30 | final float scale = context.getResources().getDisplayMetrics().density; 31 | return (int) (dipValue * scale + 0.5f); 32 | } 33 | 34 | /** 35 | * 将px值转换为sp值，保证文字大小不变 36 | * 37 | * @param pxValue 38 | * （DisplayMetrics类中属性scaledDensity） 39 | * @return 40 | */ 41 | public static int px2sp(Context context, float pxValue) { 42 | final float fontScale = context.getResources().getDisplayMetrics().scaledDensity; 43 | return (int) (pxValue / fontScale + 0.5f); 44 | } 45 | 46 | /** 47 | * 将sp值转换为px值，保证文字大小不变 48 | * 49 | * @param spValue 50 | * （DisplayMetrics类中属性scaledDensity） 51 | * @return 52 | */ 53 | public static int sp2px(Context context, float spValue) { 54 | final float fontScale = context.getResources().getDisplayMetrics().scaledDensity; 55 | return (int) (spValue * fontScale + 0.5f); 56 | } 57 | } 58 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 11 | 12 | 17 | 18 | 22 | 23 | 27 | 28 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Jichensheng/BaiduWave/50cb4f9b08210e331e343e9ed99c4ee53c3ba9ac/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Jichensheng/BaiduWave/50cb4f9b08210e331e343e9ed99c4ee53c3ba9ac/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Jichensheng/BaiduWave/50cb4f9b08210e331e343e9ed99c4ee53c3ba9ac/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Jichensheng/BaiduWave/50cb4f9b08210e331e343e9ed99c4ee53c3ba9ac/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Jichensheng/BaiduWave/50cb4f9b08210e331e343e9ed99c4ee53c3ba9ac/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #FF4081 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 6 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | BaiduWave 3 | 1、Canvas的clip方式限制波浪边界 4 | 2、使用Xfermode方式限制波浪和圆形的边界 5 | 3、用Xfermode方式限制白色文字\n用shader方式限制圆形的边界 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/src/main/screenshots/baidu.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Jichensheng/BaiduWave/50cb4f9b08210e331e343e9ed99c4ee53c3ba9ac/app/src/main/screenshots/baidu.gif -------------------------------------------------------------------------------- /app/src/test/java/com/example/jcs/baiduwave/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.example.jcs.baiduwave; 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 | } -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:2.2.0' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | 21 | task clean(type: Delete) { 22 | delete rootProject.buildDir 23 | } 24 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Jichensheng/BaiduWave/50cb4f9b08210e331e343e9ed99c4ee53c3ba9ac/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Mon Dec 28 10:00:20 PST 2015 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.14.1-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # 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 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | --------------------------------------------------------------------------------