您的位置:首页 > 游戏 > 手游 > 广告设计专业前景分析_口碑营销的案例有哪些_seo优缺点_自助建站模板

广告设计专业前景分析_口碑营销的案例有哪些_seo优缺点_自助建站模板

2025/3/14 12:00:13 来源:https://blog.csdn.net/tangweiguo03051987/article/details/146244826  浏览:    关键词:广告设计专业前景分析_口碑营销的案例有哪些_seo优缺点_自助建站模板
广告设计专业前景分析_口碑营销的案例有哪些_seo优缺点_自助建站模板

这是一个用于 Android 的自定义 View,模拟蓝牙扫描时的多波浪扩散动画效果。每个波浪的半径逐渐增大,透明度逐渐降低,形成连续的波纹扩散效果。通过调整动画的延迟时间和时长,确保波浪之间的间隙较小,动画流畅且美观。

主要特性
多波浪扩散:

支持多个圆圈(波浪)依次扩散,形成连续的波纹效果。

每个圆圈的半径逐渐增大,透明度逐渐降低。

间隙较小:

通过调整动画的延迟时间和动画时长,确保波浪之间的间隙较小。

自定义View:

使用 Canvas 和 Paint 实现自定义绘制。

使用 ValueAnimator 实现平滑的动画效果。

适用场景:
蓝牙扫描界面。

雷达扫描效果。

其他需要波纹扩散动画的场景。

使用方法:
BluetoothScanView 添加到布局文件中。

在 Activity 中调用 startScan() 启动动画,调用 stopScan() 停止动画。

实现步骤
1. 自定义View

import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;import java.util.ArrayList;
import java.util.List;public class BluetoothScanView extends View {private Paint scanPaint; // 画笔private List<Circle> circles; // 存储圆圈的列表private List<ValueAnimator> animators; // 存储动画的列表public BluetoothScanView(Context context) {super(context);init();}public BluetoothScanView(Context context, AttributeSet attrs) {super(context, attrs);init();}public BluetoothScanView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init();}private void init() {// 初始化画笔scanPaint = new Paint();scanPaint.setColor(Color.BLUE); // 设置颜色scanPaint.setStyle(Paint.Style.STROKE); // 设置样式为描边scanPaint.setStrokeWidth(5); // 设置描边宽度scanPaint.setAntiAlias(true); // 抗锯齿// 初始化圆圈和动画列表circles = new ArrayList<>();animators = new ArrayList<>();}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);int centerX = getWidth() / 2; // 中心点X坐标int centerY = getHeight() / 2; // 中心点Y坐标// 绘制所有圆圈for (Circle circle : circles) {scanPaint.setAlpha(circle.alpha); // 设置透明度canvas.drawCircle(centerX, centerY, circle.radius, scanPaint);}}public void startScan() {if (!animators.isEmpty()) {return; // 如果动画已经在运行,直接返回}// 初始化3个圆圈circles.clear();circles.add(new Circle(0, 255)); // 第一个圆圈circles.add(new Circle(0, 255)); // 第二个圆圈circles.add(new Circle(0, 255)); // 第三个圆圈// 为每个圆圈创建独立的动画for (int i = 0; i < circles.size(); i++) {final Circle circle = circles.get(i);ValueAnimator animator = ValueAnimator.ofFloat(0, 1); // 动画范围从0到1animator.setDuration(1500); // 动画时长1.5秒animator.setStartDelay(i * 500); // 每个圆圈延迟0.5秒启动animator.setRepeatCount(ValueAnimator.INFINITE); // 无限循环animator.setRepeatMode(ValueAnimator.RESTART); // 重新开始animator.addUpdateListener(animation -> {float progress = (float) animation.getAnimatedValue(); // 获取当前进度circle.radius = (int) (progress * getWidth() / 2); // 更新半径circle.alpha = (int) (255 * (1 - progress)); // 更新透明度invalidate(); // 触发重绘});animators.add(animator); // 添加到动画列表animator.start(); // 启动动画}}public void stopScan() {// 停止所有动画for (ValueAnimator animator : animators) {animator.cancel();}animators.clear();circles.clear();invalidate(); // 刷新界面}// 圆圈类,用于存储半径和透明度private static class Circle {int radius; // 半径int alpha; // 透明度Circle(int radius, int alpha) {this.radius = radius;this.alpha = alpha;}}
}

2. Activity

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;public class MainActivity extends AppCompatActivity {private BluetoothScanView bluetoothScanView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 初始化自定义ViewbluetoothScanView = findViewById(R.id.bluetoothScanView);// 确保View尺寸已确定后启动动画bluetoothScanView.post(() -> {bluetoothScanView.startScan(); // 启动扫描动画});}@Overrideprotected void onDestroy() {super.onDestroy();bluetoothScanView.stopScan(); // 停止扫描动画}
}

3. 布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="16dp"><!-- 自定义蓝牙扫描View --><com.example.BluetoothScanViewandroid:id="@+id/bluetoothScanView"android:layout_width="300dp"android:layout_height="300dp"android:layout_centerInParent="true" /></RelativeLayout>

运行效果
波浪扩散:

页面加载后,第一个圆圈开始扩散,随后第二个、第三个圆圈依次开始。

每个圆圈的半径逐渐增大,透明度逐渐降低。

间隙较小:

每个波浪之间的启动间隔为 500 毫秒,动画时长为 1500 毫秒,波浪之间的间隙较小。

连续波纹效果:

当一个圆圈的动画结束时,下一个圆圈的动画立即开始,形成连续的波纹效果。

动画循环:

动画无限循环,波纹效果持续不断。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com