仿微信雷达扫描

本文介绍如何仿制安卓版微信的雷达扫描动画效果,包括自定义视图控件LeidaView的实现,以及LeidaActivity类和布局文件的设置。通过Canvas绘制和矩阵旋转实现动画,并使用SweepGradient创建渐变效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 简介:

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

效果图:

   


源码:

自定义视图控件:

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>

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值