仿微信雷达扫描

来源：互联网发布：广州石井淘宝村编辑：程序博客网时间：2024/04/27 22:51

简介：

仿微信雷达扫描，仿安卓微信动画效果

效果图：

源码：

自定义视图控件：

import android.content.Context;

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.View;
public class LeidaView extends View {
private int w;
private int h;
private Paint paint;
private Paint paint2;
private float degrees;
private Handler handler = new Handler();
private Runnable runable = new Runnable() {
@Override
public void run() {
degrees += 10;
matrix.postRotate(degrees, w / 2, h / 2);
LeidaView.this.invalidate();//刷新界面
handler.postDelayed(runable, 50);
}
};
private Matrix matrix;
public LeidaView(Context context, AttributeSet attrs) {
super(context, attrs);
//设置背景图片
// setBackgroundResource(R.drawable.bg);
// 获取屏幕高度和宽度
w = context.getResources().getDisplayMetrics().widthPixels;
h = context.getResources().getDisplayMetrics().heightPixels;
initPaint();
handler.post(runable);
}

@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawCircle(w / 2, h / 2, h / 8, paint);
canvas.drawCircle(w / 2, h / 2, h / 4, paint);
canvas.drawCircle(w / 2, h / 2, 3 * h / 8, paint);
canvas.drawCircle(w / 2, h / 2, h / 2, paint);
canvas.concat(matrix);
canvas.drawCircle(w / 2, h / 2, h / 2, paint2);
matrix.reset();
}
private void initPaint() {
// 画小圆圈
paint = new Paint();
paint.setStrokeWidth(4);
paint.setColor(Color.parseColor("#ffffff"));
paint.setAntiAlias(true);// 设置画笔光滑无痕
paint.setStyle(Style.STROKE);// 空心圆
// 画渐变的实心圆的画笔
paint2 = new Paint();
paint2.setColor(0x8800ff00);
paint2.setAntiAlias(true);
// 实现渐变效果
Shader shader = new SweepGradient(w / 2, h / 2, Color.TRANSPARENT,
Color.parseColor("#AAAAAAAA"));
paint2.setShader(shader);
// 实现旋转动画
matrix = new Matrix();
}
}

LeidaActivity 类

import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;

public class LeidaActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_leidaview);
}
}

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<com.example.testandroid.view.LeidaView
android:layout_width="match_parent"
android:layout_height="match_parent" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/abc_btn_radio_material" />
</FrameLayout>

以上代码参考是通过视频、以及网络文档，模仿出来的

0 0