运行有问题或需要源码请点赞关注收藏后评论区留言~~~
一、重新绘制视图界面
控件的内容一旦变化，就得通知界面刷新它的外观，例如文本视图修改了文字，图像视图更换了图片等等。一般通过invalidate犯法和postInvalidate方法来刷新界面，它们的主要区别有以下两点
1：invalidate不是线程安全的，它只保证在主线程中能够正常刷新视图，，而postInvalidate是线程安全的，即使在分线程中调用也能正常刷新视图
2：invalidate只能立即刷新视图，而post方法还能允许延迟一段时间后再刷新视图
下面通过一个实例讲解，每次刷新视图都将绘制更大角度的扇形 效果如下
代码如下
Java类代码
package com.example.chapter10; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemSelectedListener; import android.widget.ArrayAdapter; import android.widget.Spinner; import com.example.chapter10.widget.OvalView; public class ViewInvalidateActivity extends AppCompatActivity { private OvalView ov_validate; // 声明一个椭圆视图对象 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_view_invalidate); ov_validate = findViewById(R.id.ov_validate); initRefreshSpinner(); // 初始化刷新方式的下拉框 } // 初始化刷新方式的下拉框 private void initRefreshSpinner() { ArrayAdapter<String> refreshAdapter = new ArrayAdapter<String>(this, R.layout.item_select, refreshArray); Spinner sp_refresh = findViewById(R.id.sp_refresh); sp_refresh.setPrompt("请选择刷新方式"); // 设置下拉框的标题 sp_refresh.setAdapter(refreshAdapter); // 设置下拉框的数组适配器 sp_refresh.setSelection(0); // 设置下拉框默认显示第一项 // 给下拉框设置选择监听器，一旦用户选中某一项，就触发监听器的onItemSelected方法 sp_refresh.setOnItemSelectedListener(new RefreshSelectedListener()); } private String[] refreshArray = { "主线程调用invalidate", "主线程调用postInvalidate", "延迟3秒后刷新", "分线程调用invalidate", "分线程调用postInvalidate" }; class RefreshSelectedListener implements OnItemSelectedListener { public void onItemSelected(AdapterView<?> arg0, View arg1, int arg2, long arg3) { if (arg2 == 0) { // 主线程调用invalidate ov_validate.invalidate(); // 刷新视图（用于主线程） } else if (arg2 == 1) { // 主线程调用postInvalidate ov_validate.postInvalidate(); // 刷新视图（主线程和分线程均可使用） } else if (arg2 == 2) { // 延迟3秒后刷新 ov_validate.postInvalidateDelayed(3000); // 延迟若干时间后再刷新视图 } else if (arg2 == 3) { // 分线程调用invalidate // invalidate不是线程安全的，虽然下面代码在分线程中调用invalidate方法也没报错，但在复杂场合可能出错 new Thread(new Runnable() { @Override public void run() { ov_validate.invalidate(); // 刷新视图（用于主线程） } }).start(); } else if (arg2 == 4) { // 分线程调用postInvalidate // postInvalidate是线程安全的，分线程中建议调用postInvalidate方法来刷新视图 new Thread(new Runnable() { @Override public void run() { ov_validate.postInvalidate(); // 刷新视图（主线程和分线程均可使用） } }).start(); } } public void onNothingSelected(AdapterView<?> arg0) {} } }
XML文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="5dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="40dp"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:gravity="center" android:text="刷新方式：" android:textColor="@color/black" android:textSize="17sp" /> <Spinner android:id="@+id/sp_refresh" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:gravity="left|center" android:spinnerMode="dialog" /> </LinearLayout> <!-- 自定义的椭圆视图，需要使用全路径 --> <com.example.chapter10.widget.OvalView android:id="@+id/ov_validate" android:layout_width="match_parent" android:layout_height="150dp" /> </LinearLayout>
二、自定义饼图动画
掌握了Handler的延迟机制加上视图对象的刷新方法，就能间隔固定时间不断渲染控件界面，从而实现简单的动画效果，接下来通过饼图动画的绘制来展示 具体实现步骤如下
1：在java代码的widget包下创建PieAnimation类 重写onDraw方法 使用画笔对象绘制指定角度的扇形
2：在它内部定义一个视图刷新任务，然后调用invalidate方法刷新视图界面，如果动画尚未播放完毕，就调用处理器对象的postDelayer方法，间隔一段时间后重新执行刷新任务
3：给PieAnimation方法补充一个start方法，用于控制饼图动画的播放操作
点击开始后会自动绘制到四分之三个圆然后停止，点击屏幕则会重新绘制
完整视频已上传到我的主页 有需要可自行观看
代码如下
Java类
package com.example.chapter10; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import androidx.appcompat.app.AppCompatActivity; import com.example.chapter10.widget.PieAnimation; public class PieAnimationActivity extends AppCompatActivity implements View.OnClickListener { private PieAnimation pa_circle; // 声明一个饼图动画对象 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_pie_animation); // 从布局文件中获取名叫pa_circle的饼图动画 pa_circle = findViewById(R.id.pa_circle); pa_circle.setOnClickListener(this); // 设置饼图动画的点击监听器 pa_circle.start(); // 开始播放饼图动画 } @Override public void onClick(View v) { if (v.getId() == R.id.pa_circle) { if (!pa_circle.isRunning()) { // 判断饼图动画是否正在播放 pa_circle.start(); // 不在播放，则开始播放饼图动画 } } } }
工具类如下
package com.example.chapter10.widget; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Paint.Style; import android.graphics.RectF; import android.os.Handler; import android.util.AttributeSet; import android.view.View; @SuppressLint("DrawAllocation") public class PieAnimation extends View { private Paint mPaint = new Paint(); // 创建一个画笔对象 private int mDrawingAngle = 0; // 当前绘制的角度 private Handler mHandler = new Handler(); // 声明一个处理器对象 private boolean isRunning = false; // 是否正在播放动画 public PieAnimation(Context context) { this(context, null); } public PieAnimation(Context context, AttributeSet attrs) { super(context, attrs); mPaint.setColor(Color.GREEN); // 设置画笔的颜色 } // 开始播放动画 public void start() { mDrawingAngle = 0; // 绘制角度清零 isRunning = true; mHandler.post(mRefresh); // 立即启动绘图刷新任务 } // 是否正在播放 public boolean isRunning() { return isRunning; } // 定义一个绘图刷新任务 private Runnable mRefresh = new Runnable() { @Override public void run() { mDrawingAngle += 3; // 每次绘制时角度增加三度 if (mDrawingAngle <= 270) { // 未绘制完成，最大绘制到270度 invalidate(); // 立即刷新视图 mHandler.postDelayed(this, 70); // 延迟若干时间后再次启动刷新任务 } else { // 已绘制完成 isRunning = false; } } }; @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); if (isRunning) { // 正在播放饼图动画 int width = getMeasuredWidth(); // 获得已测量的宽度 int height = getMeasuredHeight(); // 获得已测量的高度 int diameter = Math.min(width, height); // 视图的宽高取较小的那个作为扇形的直径 // 创建扇形的矩形边界 RectF rectf = new RectF((width - diameter) / 2, (height - diameter) / 2, (width + diameter) / 2, (height + diameter) / 2); // 在画布上绘制指定角度的图形。第四个参数为true绘制扇形，为false绘制圆弧 canvas.drawArc(rectf, 0, mDrawingAngle, true, mPaint); } } }
XML文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="5dp"> <!-- 自定义的饼图动画，需要使用全路径 --> <com.example.chapter10.widget.PieAnimation android:id="@+id/pa_circle" android:layout_width="match_parent" android:layout_height="350dp" /> </LinearLayout>
创作不易 觉得有帮助请点赞关注收藏~~~
