当前位置： 首页 > wzjs >正文

邮政管理网站建设企业建设网站哪家好

wzjs 2025/9/12 9:30:19
邮政管理网站建设,企业建设网站哪家好,网站常用热点hot小图标,有做美食的网站有哪些Android实现漂亮的波纹动画 本文章讲述如何使用二维画布canvas和camera、矩阵实现二、三维波纹动画效果（波纹大小变化、画笔透明度变化、画笔粗细变化） 一、UI界面 界面主要分为三部分 第一部分：输入框，根据输入x轴、Y轴、Z轴倾…

Android实现漂亮的波纹动画

本文章讲述如何使用二维画布canvas和camera、矩阵实现二、三维波纹动画效果（波纹大小变化、画笔透明度变化、画笔粗细变化）

一、UI界面

界面主要分为三部分
第一部分：输入框，根据输入x轴、Y轴、Z轴倾斜角度绘制波纹动画立体效果
第二部分：点击按钮PLAY：开始绘制动画；点击按钮STOP：停止绘制动画
第三部分：绘制波纹动画的自定义view
在这里插入图片描述
activity_main.xml实现如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="16dp"android:gravity="center"android:orientation="vertical"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:layout_marginBottom="8dp"><LinearLayoutandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="vertical"android:gravity="center_horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="X轴倾斜" /><EditTextandroid:id="@+id/editText_X"android:layout_width="match_parent"android:layout_height="wrap_content"android:inputType="number"android:text="0"/></LinearLayout><LinearLayoutandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="vertical"android:gravity="center_horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Y轴倾斜" /><EditTextandroid:id="@+id/editText_Y"android:layout_width="match_parent"android:layout_height="wrap_content"android:inputType="number"android:text="0"/></LinearLayout><LinearLayoutandroid:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"android:orientation="vertical"android:gravity="center_horizontal"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Z轴倾斜" /><EditTextandroid:id="@+id/editText_Z"android:layout_width="match_parent"android:layout_height="wrap_content"android:inputType="number"android:text="0"/></LinearLayout></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:gravity="center"android:paddingTop="16dp"><Buttonandroid:id="@+id/playButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Play"android:layout_marginEnd="8dp"/><Buttonandroid:id="@+id/stopButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="Stop"android:layout_marginEnd="8dp"/></LinearLayout><FrameLayoutandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:layout_gravity="center"><!-- WaveView --><com.example.waveanimationbysingleview.animation.WaveViewandroid:id="@+id/wave_view"android:layout_width="match_parent"android:layout_height="606dp"android:layout_gravity="center" /></FrameLayout></LinearLayout>

二、自定义view实现

新建一个WaveView类继承自View，声明类成员变量和实现构造函数初始化

public class WaveView extends View{private RippleAnimationInfo mRippleInfo;//动画属性类，包括最大、最小半径，光圈等private final Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);private float centerX, centerY; //绘制画布中心点private float[] mRadiusArray;  // 存储当前绘制每圈光波的半径private float[] mAlphaArray;   //存储当前绘制每圈光波的透明度private float[] mStrokenArray; //存储当前绘制每圈光波的画笔宽度private final Camera mCamera = new Camera();//相机private final Matrix mMatrix = new Matrix();//矩阵private final RectF mRectF = new RectF();private Boolean mIsDrawing = false;//是否绘制标志位private Bitmap mLogoBitmap;//中心点表情😝logoprivate AnimatorSet mAnimatorSet = new AnimatorSet();//多动画组合类private List<Animator> mAnimatorList = new ArrayList<>();//存储动画列表public WaveView(Context context) {super(context);init();}public WaveView(Context context, AttributeSet attrs) {super(context, attrs);init();}public WaveView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init();}

构造函数初始化

添加动画

  1. 圆圈等比变大动画
  2. 透明度渐变动画
  3. 画笔由细变粗动画
private void initAnimation() {int rippleDelay = mRippleInfo.durationTime/mRippleInfo.rippleCount;for (int i = 0; i < mRippleInfo.rippleCount; i++) {//动画1-半径变大final int index = i;ValueAnimator radiusAnimator = ValueAnimator.ofFloat(mRippleInfo.minRadius, mRippleInfo.maxRadius);radiusAnimator.setDuration(mRippleInfo.durationTime); // 动画持续时间radiusAnimator.setStartDelay(i * rippleDelay); // 延迟启动radiusAnimator.setRepeatCount(ValueAnimator.INFINITE);radiusAnimator.setRepeatMode(ValueAnimator.RESTART);radiusAnimator.addUpdateListener(animation -> {mRadiusArray[index] = (float) animation.getAnimatedValue();invalidate(); // 重绘视图});//动画2-画笔变粗ValueAnimator strokeAnimator = ObjectAnimator.ofFloat(mRippleInfo.minStrokenWidth, mRippleInfo.maxStrokenWidth);strokeAnimator.setDuration(mRippleInfo.durationTime); // 动画持续时间strokeAnimator.setStartDelay(i * rippleDelay); // 延迟启动strokeAnimator.setRepeatCount(ValueAnimator.INFINITE);strokeAnimator.setRepeatMode(ValueAnimator.RESTART);strokeAnimator.addUpdateListener(animation -> {mStrokenArray[index] = (float) animation.getAnimatedValue();invalidate(); // 重绘视图});//动画3-颜色淡出ValueAnimator alphaAnimator = ObjectAnimator.ofFloat( 0.1f, 0.8f, 0.8f,0.4f, 0);alphaAnimator.setDuration(mRippleInfo.durationTime); // 动画持续时间alphaAnimator.setStartDelay(i * rippleDelay); // 延迟启动alphaAnimator.setRepeatCount(ValueAnimator.INFINITE);alphaAnimator.setRepeatMode(ValueAnimator.RESTART);alphaAnimator.addUpdateListener(animation -> {mAlphaArray[index] = (float) animation.getAnimatedValue();invalidate(); // 重绘视图});mAnimatorList.add(radiusAnimator);mAnimatorList.add(strokeAnimator);mAnimatorList.add(alphaAnimator);}mAnimatorSet.playTogether(mAnimatorList);}

应用矩阵变换

重写ondraw

@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);if (!mIsDrawing){return;}canvas.save();// 计算中心点centerX = getWidth() / 2.0f;centerY = getHeight() / 2.0f;canvas.concat(mMatrix);// 将矩阵应用到画布上//绘制多圈波纹for (int i = 0; i < mRippleInfo.rippleCount; i++) {if (mRadiusArray[i] > 0) {paint.setStrokeWidth(mStrokenArray[i]);paint.setAlpha((int)(255 * mAlphaArray[i]));canvas.drawCircle(centerX, centerY,mRadiusArray[i],paint);}}// 中心点绘制 logocanvas.drawBitmap(mLogoBitmap, (getWidth()- mRippleInfo.minRadius)/2, (getHeight()- mRippleInfo.minRadius)/2, null);canvas.restore();}

二、二维波纹动画

waveAnimation_2D

三、三维波纹动画

waveAnimation_3D


文章转载自：

http://Jwa7vYYJ.rrxmm.cn
http://AGZtSIXw.rrxmm.cn
http://EpiSfp43.rrxmm.cn
http://6Gi06tEA.rrxmm.cn
http://u6KCDQSU.rrxmm.cn
http://avhKYtBU.rrxmm.cn
http://MDShAsiq.rrxmm.cn
http://VhKQWsEB.rrxmm.cn
http://ow9iBuGr.rrxmm.cn
http://JygdKloe.rrxmm.cn
http://3wvJ20Ck.rrxmm.cn
http://auVi4zrD.rrxmm.cn
http://i8RTzPyT.rrxmm.cn
http://UQtfrudD.rrxmm.cn
http://A37XmmfK.rrxmm.cn
http://VcZ2L6cx.rrxmm.cn
http://dhrpLves.rrxmm.cn
http://NDCz2jTE.rrxmm.cn
http://ATfPSzxk.rrxmm.cn
http://6J3KYMk3.rrxmm.cn
http://mFoo9BwX.rrxmm.cn
http://T1cNewGy.rrxmm.cn
http://WsAQHLB4.rrxmm.cn
http://3ksCmH30.rrxmm.cn
http://v7yupbgI.rrxmm.cn
http://LbwACnQP.rrxmm.cn
http://taLXkp3b.rrxmm.cn
http://XmLjUvcH.rrxmm.cn
http://ojPb8Fsf.rrxmm.cn
http://Ld3ncT67.rrxmm.cn
http://www.dtcms.com/wzjs/703452.html

相关文章：

  • 用ps怎么做网站背景一般网站用什么数据库
  • 品牌网站建设小蝌蚪1wordpress导航条
  • 长沙市规划建设局网站wp wordpress
  • 网站内链结构是什么意思手机网站有什么区别是什么
  • 开发小程序手机优化加速有什么用
  • 淮南家居网站建设怎么样怎么找外包公司
  • 深圳宝安区深圳网站建设 骏域网络河源定制网站建设推广
  • 伍佰亿门户网站怎么设置域名
  • 企业网站系统功能设计说明做网站的过程
  • 网站配色方法怎样用ps做企业网站
  • 杭州 电子商务网站建设聊天软件怎么开发
  • 花店网站建设成全视频免费观看在线看小说
  • 织梦修改网站后备份广州公共资源交易中心交易平台
  • 企业建站费用情况开发网站用php还是jsp
  • 蛋糕教做网站软文是什么意思?
  • 西安在线网站制作有没有做兼职的好网站
  • 深圳专业学校网站建设签订网站制作协议需注意什么
  • 西安建筑公司网站建设山东高密网站建设
  • 速度啊网站免费金融发布网站模板
  • 温州网站建设方案维护新化 网站开发
  • html网页制作网站wordpress建站vip全站教程
  • 高校档案网站建设的目的是什么广州人才网
  • 菜单微网站茶庄网站模板
  • 做网站前端设计需要哪些证书网站建设 服务内容 费用
  • 泗洪网站建设设计网页心得体会
  • 浙江新华建设有限公司网站php调用网站
  • 怎么撤销网站备案想找个人做网站
  • 中文网站建设公司排名动漫设计和动漫制作技术的区别
  • 制作网站方法网址seo分析
  • 益阳北京网站建设建设项目