├── .gitignore
├── .idea
├── codeStyles
│ └── Project.xml
├── gradle.xml
├── misc.xml
├── runConfigurations.xml
└── vcs.xml
├── README.md
├── app
├── .gitignore
├── build.gradle
├── proguard-rules.pro
└── src
│ ├── androidTest
│ └── java
│ │ └── com
│ │ └── var
│ │ └── particle
│ │ └── ExampleInstrumentedTest.java
│ ├── main
│ ├── AndroidManifest.xml
│ ├── java
│ │ └── com
│ │ │ └── var
│ │ │ └── particle
│ │ │ ├── MainActivity.java
│ │ │ └── view
│ │ │ ├── Particle.java
│ │ │ ├── ParticleConfig.java
│ │ │ └── ParticleView.java
│ └── res
│ │ ├── drawable-v24
│ │ └── ic_launcher_foreground.xml
│ │ ├── drawable
│ │ └── ic_launcher_background.xml
│ │ ├── layout
│ │ └── activity_main.xml
│ │ ├── mipmap-anydpi-v26
│ │ ├── ic_launcher.xml
│ │ └── ic_launcher_round.xml
│ │ ├── mipmap-hdpi
│ │ ├── ic_launcher.png
│ │ ├── ic_launcher_round.png
│ │ └── ic_sign_background.png
│ │ ├── mipmap-mdpi
│ │ ├── ic_launcher.png
│ │ └── ic_launcher_round.png
│ │ ├── mipmap-xhdpi
│ │ ├── ic_launcher.png
│ │ ├── ic_launcher_round.png
│ │ └── ic_sign_background.png
│ │ ├── mipmap-xxhdpi
│ │ ├── ic_launcher.png
│ │ ├── ic_launcher_round.png
│ │ └── ic_sign_background.png
│ │ ├── mipmap-xxxhdpi
│ │ ├── ic_launcher.png
│ │ ├── ic_launcher_round.png
│ │ └── ic_sign_background.png
│ │ └── values
│ │ ├── atts.xml
│ │ ├── colors.xml
│ │ ├── strings.xml
│ │ └── styles.xml
│ └── test
│ └── java
│ └── com
│ └── var
│ └── particle
│ └── ExampleUnitTest.java
├── build.gradle
├── gradle.properties
├── gradle
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── gradlew
├── gradlew.bat
├── screen_capture.gif
└── settings.gradle
/.gitignore:
--------------------------------------------------------------------------------
1 | *.iml
2 | .gradle
3 | /local.properties
4 | /.idea/caches/build_file_checksums.ser
5 | /.idea/libraries
6 | /.idea/modules.xml
7 | /.idea/workspace.xml
8 | .DS_Store
9 | /build
10 | /captures
11 | .externalNativeBuild
12 |
--------------------------------------------------------------------------------
/.idea/codeStyles/Project.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/.idea/gradle.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
17 |
18 |
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
19 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/.idea/runConfigurations.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
12 |
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## 漂浮气泡
2 | #### 国际惯例,先上图
3 | 
4 |
5 | #### TIPS
6 | 由于时间关系,需要的小伙伴clone源码自己研究,如需高级功能,自己修改一下
--------------------------------------------------------------------------------
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: 'com.android.application'
2 |
3 | android {
4 | compileSdkVersion 28
5 | defaultConfig {
6 | applicationId "com.var.particle"
7 | minSdkVersion 19
8 | targetSdkVersion 28
9 | versionCode 1
10 | versionName "1.0"
11 | testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
12 | }
13 | buildTypes {
14 | release {
15 | minifyEnabled false
16 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
17 | }
18 | }
19 | compileOptions {
20 | sourceCompatibility JavaVersion.VERSION_1_8
21 | targetCompatibility JavaVersion.VERSION_1_8
22 | }
23 | }
24 |
25 | dependencies {
26 | implementation fileTree(include: ['*.jar'], dir: 'libs')
27 | implementation 'com.android.support:appcompat-v7:28.0.0'
28 | implementation 'com.android.support.constraint:constraint-layout:1.1.3'
29 | testImplementation 'junit:junit:4.12'
30 | androidTestImplementation 'com.android.support.test:runner:1.0.2'
31 | androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
32 | }
33 |
--------------------------------------------------------------------------------
/app/proguard-rules.pro:
--------------------------------------------------------------------------------
1 | # Add project specific ProGuard rules here.
2 | # You can control the set of applied configuration files using the
3 | # proguardFiles setting in build.gradle.
4 | #
5 | # For more details, see
6 | # http://developer.android.com/guide/developing/tools/proguard.html
7 |
8 | # If your project uses WebView with JS, uncomment the following
9 | # and specify the fully qualified class name to the JavaScript interface
10 | # class:
11 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview {
12 | # public *;
13 | #}
14 |
15 | # Uncomment this to preserve the line number information for
16 | # debugging stack traces.
17 | #-keepattributes SourceFile,LineNumberTable
18 |
19 | # If you keep the line number information, uncomment this to
20 | # hide the original source file name.
21 | #-renamesourcefileattribute SourceFile
22 |
--------------------------------------------------------------------------------
/app/src/androidTest/java/com/var/particle/ExampleInstrumentedTest.java:
--------------------------------------------------------------------------------
1 | package com.var.particle;
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 | * Instrumented 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() {
21 | // Context of the app under test.
22 | Context appContext = InstrumentationRegistry.getTargetContext();
23 |
24 | assertEquals("com.var.particle", appContext.getPackageName());
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
4 |
5 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
--------------------------------------------------------------------------------
/app/src/main/java/com/var/particle/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.var.particle;
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/var/particle/view/Particle.java:
--------------------------------------------------------------------------------
1 | package com.var.particle.view;
2 |
3 | import android.animation.ValueAnimator;
4 |
5 | import java.util.Random;
6 |
7 | /**
8 | * Created by: var_rain.
9 | * Created date: 2018/10/21.
10 | * Description: 粒子对象
11 | */
12 | public class Particle {
13 |
14 | /* X坐标 */
15 | private int x;
16 | /* Y坐标 */
17 | private int y;
18 | /* 半径 */
19 | private int r;
20 | /* 属性配置 */
21 | private ParticleConfig config;
22 | /* 变换X值 */
23 | private int saveX;
24 | /* 变换Y值 */
25 | private int saveY;
26 |
27 | /**
28 | * 构造方法
29 | *
30 | * @param config 粒子属性配置
31 | */
32 | public Particle(ParticleConfig config) {
33 | this.config = config;
34 | this.x = random(0, config.getWidth());
35 | this.y = random(0, config.getHeight());
36 | this.r = random(config.getMinRadius(), config.getMaxRadius());
37 | initValueX();
38 | initValueY();
39 | }
40 |
41 | /**
42 | * 初始化X轴属性变换动画
43 | */
44 | private void initValueX() {
45 | ValueAnimator xValue = ValueAnimator.ofInt(config.getMinRangeX(), config.getMaxRangeX());
46 | xValue.setDuration(random(config.getMinSpeedX(), config.getMaxSpeedX()));
47 | xValue.setRepeatMode(ValueAnimator.REVERSE);
48 | xValue.setRepeatCount(-1);
49 | xValue.addUpdateListener(animation -> saveX = (int) animation.getAnimatedValue());
50 | xValue.start();
51 | }
52 |
53 | /**
54 | * 初始化Y周属性变化动画
55 | */
56 | private void initValueY() {
57 | ValueAnimator yValue = ValueAnimator.ofInt(config.getMinRangeY(), config.getMaxRangeY());
58 | yValue.setDuration(random(config.getMinSpeedY(), config.getMaxSpeedY()));
59 | yValue.setRepeatMode(ValueAnimator.REVERSE);
60 | yValue.setRepeatCount(-1);
61 | yValue.addUpdateListener(animation -> saveY = (int) animation.getAnimatedValue());
62 | yValue.start();
63 | }
64 |
65 | /**
66 | * 获取X坐标
67 | *
68 | * @return 返回int值
69 | */
70 | public int getX() {
71 | return x + saveX;
72 | }
73 |
74 | /**
75 | * 获取Y坐标
76 | *
77 | * @return 返回int值
78 | */
79 | public int getY() {
80 | return y + saveY;
81 | }
82 |
83 | /**
84 | * 获取半径
85 | *
86 | * @return 返回int值
87 | */
88 | public int getR() {
89 | return r;
90 | }
91 |
92 | /**
93 | * 随机取数
94 | *
95 | * @param min 最小值
96 | * @param max 最大值
97 | * @return 返回一个在最小值和最大值之间的数
98 | */
99 | private int random(int min, int max) {
100 | Random r = new Random();
101 | return r.nextInt(max) % (max - min + 1) + min;
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/app/src/main/java/com/var/particle/view/ParticleConfig.java:
--------------------------------------------------------------------------------
1 | package com.var.particle.view;
2 |
3 | /**
4 | * Created by: var_rain.
5 | * Created date: 2018/10/21.
6 | * Description: 粒子配置
7 | */
8 | public class ParticleConfig {
9 |
10 | /* 粒子初始位置范围的宽度 */
11 | private int width;
12 | /* 粒子初始位置范围的高度 */
13 | private int height;
14 | /* 粒子的最小半径 */
15 | private int minRadius;
16 | /* 粒子的最大半径 */
17 | private int maxRadius;
18 | /* 粒子的X轴最小弹性可活动范围(默认-width/4) */
19 | private int minRangeX;
20 | /* 粒子的X轴最大弹性可活动范围(默认width/4) */
21 | private int maxRangeX;
22 | /* 粒子的Y轴最小弹性可活动范围(默认-height/4) */
23 | private int minRangeY;
24 | /* 粒子的Y轴最大弹性可活动范围(默认height/4) */
25 | private int maxRangeY;
26 | /* 跑完X轴的最小时间(单位:毫秒,默认4000) */
27 | private int minSpeedX;
28 | /* 跑完X轴的最大时间(单位:毫秒,默认10000) */
29 | private int maxSpeedX;
30 | /* 跑完Y轴的最小时间(单位:毫秒,默认4000) */
31 | private int minSpeedY;
32 | /* 跑完Y轴的最大时间(单位:毫秒,默认10000) */
33 | private int maxSpeedY;
34 |
35 | public ParticleConfig() {
36 | this.minSpeedX = 4000;
37 | this.minSpeedY = 4000;
38 | this.maxSpeedX = 10000;
39 | this.maxSpeedY = 10000;
40 | }
41 |
42 | public int getWidth() {
43 | return width;
44 | }
45 |
46 | public void setWidth(int width) {
47 | this.minRangeX = -width / 4;
48 | this.maxRangeX = width / 4;
49 | this.width = width;
50 | }
51 |
52 | public int getHeight() {
53 | return height;
54 | }
55 |
56 | public void setHeight(int height) {
57 | this.minRangeY = -height / 4;
58 | this.maxRangeY = height / 4;
59 | this.height = height;
60 | }
61 |
62 | public int getMinRadius() {
63 | return minRadius;
64 | }
65 |
66 | public void setMinRadius(int minRadius) {
67 | this.minRadius = minRadius;
68 | }
69 |
70 | public int getMaxRadius() {
71 | return maxRadius;
72 | }
73 |
74 | public void setMaxRadius(int maxRadius) {
75 | this.maxRadius = maxRadius;
76 | }
77 |
78 | public int getMinRangeX() {
79 | return minRangeX;
80 | }
81 |
82 | public void setMinRangeX(int minRangeX) {
83 | this.minRangeX = minRangeX;
84 | }
85 |
86 | public int getMaxRangeX() {
87 | return maxRangeX;
88 | }
89 |
90 | public void setMaxRangeX(int maxRangeX) {
91 | this.maxRangeX = maxRangeX;
92 | }
93 |
94 | public int getMinRangeY() {
95 | return minRangeY;
96 | }
97 |
98 | public void setMinRangeY(int minRangeY) {
99 | this.minRangeY = minRangeY;
100 | }
101 |
102 | public int getMaxRangeY() {
103 | return maxRangeY;
104 | }
105 |
106 | public void setMaxRangeY(int maxRangeY) {
107 | this.maxRangeY = maxRangeY;
108 | }
109 |
110 | public int getMinSpeedX() {
111 | return minSpeedX;
112 | }
113 |
114 | public void setMinSpeedX(int minSpeedX) {
115 | this.minSpeedX = minSpeedX;
116 | }
117 |
118 | public int getMaxSpeedX() {
119 | return maxSpeedX;
120 | }
121 |
122 | public void setMaxSpeedX(int maxSpeedX) {
123 | this.maxSpeedX = maxSpeedX;
124 | }
125 |
126 | public int getMinSpeedY() {
127 | return minSpeedY;
128 | }
129 |
130 | public void setMinSpeedY(int minSpeedY) {
131 | this.minSpeedY = minSpeedY;
132 | }
133 |
134 | public int getMaxSpeedY() {
135 | return maxSpeedY;
136 | }
137 |
138 | public void setMaxSpeedY(int maxSpeedY) {
139 | this.maxSpeedY = maxSpeedY;
140 | }
141 | }
142 |
--------------------------------------------------------------------------------
/app/src/main/java/com/var/particle/view/ParticleView.java:
--------------------------------------------------------------------------------
1 | package com.var.particle.view;
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.Paint;
9 | import android.graphics.Rect;
10 | import android.graphics.drawable.BitmapDrawable;
11 | import android.support.annotation.Nullable;
12 | import android.util.AttributeSet;
13 | import android.view.View;
14 |
15 | import com.var.particle.R;
16 |
17 | /**
18 | * Created by: var_rain.
19 | * Created date: 2018/10/21.
20 | * Description: 粒子效果
21 | */
22 | public class ParticleView extends View {
23 |
24 | /* 例子数量 */
25 | private int count = 20;
26 | /* 透明度 */
27 | private int alpha = 60;
28 | /* 最小半径 */
29 | private int minSize = 30;
30 | /* 最大半径 */
31 | private int maxSize = 50;
32 | /* 颜色 */
33 | private int color;
34 | /* 背景 */
35 | private Bitmap background;
36 | /* 背景 */
37 | private BitmapDrawable drawable;
38 | /* 画笔 */
39 | private Paint paint;
40 | /* 宽度 */
41 | private int width;
42 | /* 高度 */
43 | private int height;
44 | /* 背景范围 */
45 | private Rect rect;
46 | /* 粒子配置 */
47 | private ParticleConfig config;
48 | /* 粒子数组 */
49 | private Particle[] particles;
50 |
51 | public ParticleView(Context context) {
52 | super(context);
53 | }
54 |
55 | public ParticleView(Context context, @Nullable AttributeSet attrs) {
56 | super(context, attrs);
57 | TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.ParticleView);
58 | count = array.getInt(R.styleable.ParticleView_pv_count, 18);
59 | alpha = array.getInt(R.styleable.ParticleView_pv_alpha, 60);
60 | minSize = array.getInt(R.styleable.ParticleView_pv_min_size, 30);
61 | maxSize = array.getInt(R.styleable.ParticleView_pv_max_size, 50);
62 | color = array.getColor(R.styleable.ParticleView_pv_color, 0xffffff);
63 | drawable = (BitmapDrawable) array.getDrawable(R.styleable.ParticleView_pv_background);
64 | array.recycle();
65 | init();
66 | }
67 |
68 | public ParticleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
69 | super(context, attrs, defStyleAttr);
70 | }
71 |
72 | /**
73 | * 初始化
74 | */
75 | private void init() {
76 | paint = new Paint();
77 | paint.setAntiAlias(true);
78 | paint.setColor(color);
79 | if (drawable != null) {
80 | background = drawable.getBitmap();
81 | }
82 | // 不想开线程,属性动画凑合着用吧
83 | ValueAnimator animator = ValueAnimator.ofInt(0, 60);
84 | animator.setRepeatMode(ValueAnimator.RESTART);
85 | animator.setRepeatCount(-1);
86 | animator.setDuration(1000);
87 | animator.addUpdateListener(animation -> invalidate());
88 | animator.start();
89 | }
90 |
91 | @Override
92 | public void draw(Canvas canvas) {
93 | width = getWidth();
94 | height = getHeight();
95 | initRect();
96 | // 因为在View绘制的时候才能获取到View的宽高,所以在这里初始化粒子的配置,除非....你自己手动测量
97 | initParticleConfig();
98 | initParticles();
99 | paint.setAlpha(255);
100 | if (background != null) {
101 | canvas.drawBitmap(background, null, rect, paint);
102 | }
103 | paint.setAlpha(alpha);
104 | for (Particle particle : particles) {
105 | canvas.drawCircle(particle.getX(), particle.getY(), particle.getR(), paint);
106 | }
107 | super.draw(canvas);
108 | }
109 |
110 | /**
111 | * 初始化背景范围
112 | */
113 | private void initRect() {
114 | if (rect == null) {
115 | rect = new Rect(0, 0, width, height);
116 | }
117 | }
118 |
119 | /**
120 | * 初始化粒子配置
121 | */
122 | private void initParticleConfig() {
123 | if (config == null) {
124 | config = new ParticleConfig();
125 | config.setWidth(width);
126 | config.setHeight(height);
127 | config.setMaxRadius(maxSize);
128 | config.setMinRadius(minSize);
129 | }
130 | }
131 |
132 | /**
133 | * 初始化粒子
134 | */
135 | private void initParticles() {
136 | if (particles == null) {
137 | particles = new Particle[count];
138 | for (int i = 0; i < particles.length; i++) {
139 | particles[i] = new Particle(config);
140 | }
141 | }
142 | }
143 | }
144 |
--------------------------------------------------------------------------------
/app/src/main/res/drawable-v24/ic_launcher_foreground.xml:
--------------------------------------------------------------------------------
1 |
7 |
12 |
13 |
19 |