android自定义组件(手机加速球+水面波动效果)

android 自定义组件（手机加速球 +水面 波动效果） 自定义 View 确定一个正方形 public class WaterView extends View private int len; public WaterView(Context context, Nullable AttributeSet attrs) super(context, attrs); Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) super.onMeasure(widthMeasureSpec, heightMeasureSpec); int width = MeasureSpec.getSize(widthMeasureSpec); int height = MeasureSpec.getSize(heightMeasureSpec); /以最小值为正方形的长 len = Math.min(width, height); /设置测量高度和宽度（必须要调用，不然无效果） setMeasuredDimension(len, len); Override protected void onDraw(Canvas canvas) super.onDraw(canvas); 同样这里集成了 View，并通过设置测量值，限定空间为正方形。 布局中使用： android:layout_width=“match_parent“ android:layout_height=“match_parent“ android:id=“+id/ll_parent“ android:orientation=“vertical“ android:background=“color/colorPrimary“ android:padding=“20dp“ tools:context=“com.example.huaweiview.MainActivity“ ok，我们设置的长度和宽度并不一样，但是他显示的是一个正方形，并且，根据上一篇博 客的介绍，它是有自己的坐标系的，我们绘制的所有东西都在这个坐标系内，并且依靠它 去确定位置。 回忆正余弦 大家通过查资料和联想心电图等可以知道，水波其实就是在绘制一条正弦或者余弦波，如 果让这条波移动就是 这里我们使用正弦实现需要如下公式： y = Asin(wx+b)+h ，这个公式里：w 影响周期，A 影响振幅， h 影响 y 位置，b 为初相； 画图就少不了要确定不同的点，通过这个公式，我们可以得到 Y 轴坐标点的值，那么 X 轴 坐标点的值该如何得到呢？ 通过观察图我们可以发现，这些点连起来就是一条曲线，也就是说每个点之间的距离是非 常小的，是不是可以用，这些所有的点都在 X 轴上有值，刚好是 i(i 从 0 加到 len 的长度 （View 的长度也就是圆的直径）) 比如图中的中间点的坐标(y=0,x=i=len/2) 当然 Y 值是通过公式得到的，既然有很多点，我们就需要用数组来保存这些点，水波效果 最好是有两条效果会好些，所以需要个数组： Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) super.onMeasure(widthMeasureSpec, heightMeasureSpec); int width = MeasureSpec.getSize(widthMeasureSpec); int height = MeasureSpec.getSize(heightMeasureSpec); /以最小值为正方形的长 len = Math.min(width, height); /定义两个数组，保存 Y 值 firstWaterLine = new floatlen; secondWaterLine = new floatlen; /设置测量高度和宽度（必须要调用，不然无效果） setMeasuredDimension(len, len); 这里定义了两个全局数组，用来保存 Y 轴值，个数和 View 长度相等(直径相等) 然后就是利用公式获取每个点的 Y 轴坐标值 Override protected void onDraw(Canvas canvas) / y = Asin(wx+b)+h ，这个公式里：w 影响周期，A 影响振幅，h 影响 y 位置，b 为初相； / 将周期定为 view 总宽度 float mCycleFactorW = (float) (2 * Math.PI / len); / 得到第一条波的 y 值 for (nt i = 0; i = trueAngle) up = trueAngle; state = 1; isRunning = false; timer.cancel(); break; default: break; postInvalidate(); , 500, 30); 声明一个 boolean 值来判断是否在运动，如果在动，就不进行下次运动，声明一个 state 变量来判断是上还是下 up 值动态增加或减小，再重复绘制 activity 调用 public class MainActivity extends AppCompatActivity Override protected void onCreate(Bundle savedInstanceState) super.onCreate(vedInstanceState); setContentView(R.layout.activity_main); final WaterView wv= (WaterView) findViewBy