android最新扫描,Android下实现雷达扫描效果（学习）

最新推荐文章于 2024-07-10 03:04:13 发布
最新推荐文章于 2024-07-10 03:04:13 发布
阅读量432 收藏
点赞数
文章标签： android最新扫描

Android UI

前几天看见一篇文章Android 雷达扫描动画效果实现 就学习了一下，在此做了笔记并做了一些修改

自定义ScanRadar继承了View控件

初始化几个画笔

private void initPaint() {

//用来绘画直线的画笔

mPaintLine = new Paint(Paint.ANTI_ALIAS_FLAG); // 消除锯齿

mPaintLine.setAntiAlias(true);

mPaintLine.setColor(Color.WHITE);

mPaintLine.setStyle(Style.STROKE);

mPaintLine.setStrokeWidth(5);

//用来绘画背景圆的画笔

mPaintCircle = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaintCircle.setAntiAlias(true);

mPaintCircle.setColor(0x99000000);

//实心圆style

mPaintCircle.setStyle(Style.FILL);

//绘画圆渐变色的画笔

mPaintSector = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaintSector.setAntiAlias(true);

mPaintSector.setStyle(Style.FILL);

//绘画实点

mPaintPoint = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaintPoint.setAntiAlias(true);

mPaintPoint.setColor(Color.WHITE);

mPaintPoint.setStyle(Style.FILL);

}

重写了onMeasure函数，在此函数中获得控件的宽度作为雷达的直径

//重写onMeasure

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

//获得控件的宽度 宽度<=高度

viewSize = getMeasuredWidth();

//初始化一个颜色渲染器

SweepGradient shader = new SweepGradient(viewSize /2.0f, viewSize/2.0f, Color.TRANSPARENT, Color.GREEN);

//mPaintSector设置颜色渐变渲染器

mPaintSector.setShader(shader);

}

然后重写onDraw函数

@Override

protected void onDraw(Canvas canvas) {

//绘制背景圆

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/2.0f, mPaintCircle);

//绘制空心圆

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/4.0f, mPaintLine);

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/8.0f, mPaintLine);

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/2.0f, mPaintLine);

//绘制水平垂直两个直径

canvas.drawLine(0, viewSize/2.0f,viewSize, viewSize/2.0f, mPaintLine);

canvas.drawLine(viewSize/2.0f,0,viewSize/2.0f,viewSize, mPaintLine);

//可以用来显示实心点,使用了接口让外面调用

if(mListener != null){

mListener.OnUpdate(canvas,mPaintPoint,viewSize/2.0f,viewSize/2.0f,viewSize/2.0f);

}

//把画布的多有对象与matrix联系起来

if(matrix != null){

canvas.concat(matrix);

}

//绘制颜色渐变圆

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/2.0f, mPaintSector);

super.onDraw(canvas);

}

ef560fe3eea8

此时的效果显示

然后剩下动画更新了

在这使用了一个线程来更新界面展示

class ScanThread extends Thread{

private View view;

public ScanThread(View view) {

super();

this.view = view;

}

@Override

public void run() {

while(isRunning){

if(isStart){

start += 1;

view.post(new Runnable() {

@Override

public void run() {

//创建一个矩阵

matrix = new Matrix();

//矩阵设置旋转

matrix.preRotate(start*direction, viewSize/2.0f, viewSize/2.0f);

//重画

view.invalidate();

}

});

try {

Thread.sleep(5);

} catch (InterruptedException e) {

e.printStackTrace();

}

}

}

}

}

// 需要注意的是，线程的结束和开启是使用了两个boolean的变量来控制

isRunning ,isStart分别表示了线程的状态

view.post(Runable);函数的作用是

Causes the Runnable to be added to the message queue. The runnable will be run on the user interface thread.

意思就是任务会放到ui线程里执行

最后 暴露出一个接口让外界更新发现的目标显示

public OnPointUpdateListener mListener;

//更新point的接口

public interface OnPointUpdateListener{

//onDraw中的画布，paintPoint绘制实心点的画笔，cx,cy，radius 雷达的圆心坐标，半径

public void OnUpdate(Canvas canvas,Paint paintPoint,float cx,float cy,float radius);

}

public void setOnPointUpdateListener(OnPointUpdateListener listener){

this.mListener = listener;

}

然后贴出完整的代码

package com.linge.scanradar.view.radar;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Matrix;

import android.graphics.Paint;

import android.graphics.SweepGradient;

import android.graphics.Paint.Style;

import android.util.AttributeSet;

import android.view.View;

public class ScanRadar extends View {

//控件宽度<=高度 //雷达直径

private float viewSize;

//画笔

private Paint mPaintSector;

private Paint mPaintCircle;

private Paint mPaintLine;

private Paint mPaintPoint;

//线程是否在执行

private boolean isRunning = false;

//任务是否已经开始

private boolean isStart = false;

//记录并设置旋转角度

private int start = 0;

//雷达旋转方向

//顺时针

public final static int CLOCK_WISE = 1;

//逆时针

public final static int ANSI_CLOCK_WISE = -1;

public final static int DEFAULT_DIRECTION = CLOCK_WISE;

private int direction = DEFAULT_DIRECTION;

private ScanThread scanThread; //线程

private Matrix matrix; //矩阵

public ScanRadar(Context context, AttributeSet attrs) {

this(context, attrs,0);

}

public ScanRadar(Context context) {

this(context,null);

}

public ScanRadar(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

initPaint();

}

private void initPaint() {

//用来绘画直线的画笔

mPaintLine = new Paint(Paint.ANTI_ALIAS_FLAG); // 消除锯齿

mPaintLine.setAntiAlias(true);

mPaintLine.setColor(Color.WHITE);

mPaintLine.setStyle(Style.STROKE);

mPaintLine.setStrokeWidth(5);

//用来绘画背景圆的画笔

mPaintCircle = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaintCircle.setAntiAlias(true);

mPaintCircle.setColor(0x99000000);

//实心圆style

mPaintCircle.setStyle(Style.FILL);

//绘画圆渐变色的画笔

mPaintSector = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaintSector.setAntiAlias(true);

mPaintSector.setStyle(Style.FILL);

//绘画实点

mPaintPoint = new Paint(Paint.ANTI_ALIAS_FLAG);

mPaintPoint.setAntiAlias(true);

mPaintPoint.setColor(Color.WHITE);

mPaintPoint.setStyle(Style.FILL);

}

@Override

protected void onDraw(Canvas canvas) {

//绘制背景圆

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/2.0f, mPaintCircle);

//绘制空心圆

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/4.0f, mPaintLine);

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/8.0f, mPaintLine);

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/2.0f, mPaintLine);

//绘制水平垂直两个直径

canvas.drawLine(0, viewSize/2.0f,viewSize, viewSize/2.0f, mPaintLine);

canvas.drawLine(viewSize/2.0f,0,viewSize/2.0f,viewSize, mPaintLine);

//显示实心点

if(mListener != null){

mListener.OnUpdate(canvas,mPaintPoint,viewSize/2.0f,viewSize/2.0f,viewSize/2.0f);

}

//把画布的多有对象与matrix联系起来

if(matrix != null){

canvas.concat(matrix);

}

//绘制颜色渐变圆

canvas.drawCircle(viewSize/2.0f,viewSize/2.0f, viewSize/2.0f, mPaintSector);

super.onDraw(canvas);

}

//重写onMeasure

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

//获得控件的宽度 宽度<=高度

viewSize = getMeasuredWidth();

//初始化一个颜色渲染器

SweepGradient shader = new SweepGradient(viewSize /2.0f, viewSize/2.0f, Color.TRANSPARENT, Color.GREEN);

//mPaintSector设置颜色渐变渲染器

mPaintSector.setShader(shader);

}

//设置循环的方向

public void setDirection(int d){

if(d != CLOCK_WISE && d != ANSI_CLOCK_WISE){

throw new IllegalStateException("only contonst CLOCK_WISE ANSI_CLOCK_WISE");

}

this.direction = d;

}

//线程开启

public void start(){

scanThread = new ScanThread(this);

scanThread.setName("radar");

isRunning = true;

isStart = true;

scanThread.start();

}

//线程结束

public void stop(){

if(isStart){

isStart = false;

isRunning = false;

}

}

class ScanThread extends Thread{

private View view;

public ScanThread(View view) {

super();

this.view = view;

}

@Override

public void run() {

while(isRunning){

if(isStart){

start += 1;

view.post(new Runnable() {

@Override

public void run() {

//创建一个矩阵

matrix = new Matrix();

//矩阵设置旋转

matrix.preRotate(start*direction, viewSize/2.0f, viewSize/2.0f);

//重画

view.invalidate();

}

});

try {

Thread.sleep(5);

} catch (InterruptedException e) {

e.printStackTrace();

}

}

}

}

}

public OnPointUpdateListener mListener;

//更新point的接口

public interface OnPointUpdateListener{

public void OnUpdate(Canvas canvas,Paint paintPoint,float cx,float cy,float radius);

}

public void setOnPointUpdateListener(OnPointUpdateListener listener){

this.mListener = listener;

}

}

//MainActivity中的代码

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

ScanRadar radar = (ScanRadar) findViewById(R.id.scan_radar);

//随机获得一组坐标

final int[] point_x = getRandomArray(50, 10);

final int[] point_y = getRandomArray(60, 10);

radar.setOnPointUpdateListener(new OnPointUpdateListener() {

@Override

public void OnUpdate(Canvas canvas, Paint paintPoint, float cx, float cy,

float radius) {

for (int i = 0; i < point_y.length; i++) {

canvas.drawCircle(cx+point_x[i], cy+point_y[i], 5, paintPoint);

}

}

});

radar.start();

}

weixin_39621669
关注
android 自定义view之雷达扫描,基于Android自定义控件实现雷达效果
weixin_30863465的博客
05-26 675
如何制作出类似雷达扫描的效果，具体方法如下一、效果图二、实现思路1、自定义控件RadarView用来画雷达的效果图，可以自定义属性包括backgroundColor：背景颜色circleNum：圆的数量startColor：开始颜色endColor：结束颜色lineColor：线的颜色2、通过Handler循环发送消息到MessageQueue中，将mRotate加3，使Matrix旋转mRota...
Android雷达扫描效果demo
11-17
Android雷达扫描效果demo，效果不错
【Android】实现雷达扫描效果
热门推荐
Crazy_zihao的博客
10-12 1万+
1. 效果图展示及效果剖析 1.1 效果图 1.2 效果剖析 根据上图效果，我大致将该效果分为三层(背景层/扫描层/动态点层), 其中背景 层我们可以通过代码绘制/引入图片实现,扫描层、动态点层 需要美切除对应图片后绘入。 2. 实现步骤 2.1 绘制背景效果 实现方法1： 1).利用Canvas.drawCircle方法绘制圆环,层层叠加,实现背景
雷达扫描 android
最新发布
weixin_40584784的博客
07-10 31
IDE相关视频讲解：C语言程序设计入门之环境安装了解雷达扫描 android 雷达扫描是一种常见的应用于地图和导航应用程序中的功能，它可以帮助用户找到周围的地点和方向。在android应用程序中实现雷达扫描功能并不复杂，下面我们将介绍如何在android应用程序中实现雷达扫描功能。 步骤1：添加权限 首先，我们需要在An...
Android 自定义雷达扫描控件【kotlin】
feng海涛
12-02 3321
Android 自定义雷达扫描控件【kotlin】 效果图： 首先我们要做的是分解当前的view设计，可以分为四个部分：中心绿色的小圆、外面浅绿色的大圆、大圆的阴影和扫描动画。 我们刚开始实现的时候分步走，不要想着一次性就实现整个view。 第一步：画中心绿色的小圆 颜色 ：绿色 空心or实心：实心 伪代码实现： //定义画笔 private val circlePaint = Paint() //中心圆圈画笔 //定义半径 private var circleRadius = 8f //中心圆圈半径 /
Android自定义View—仿雷达扫描效果
09-21
详细讲解见博客：http://blog.csdn.net/qibin0506/article/details/48621855
Android仿微信雷达扫描效果的实现方法
08-30
在Android开发中，实现类似微信雷达扫描的效果是一个有趣且实用的动画效果，它可以用于增加应用的互动性和用户体验。本文将详细介绍如何在Android中模仿微信雷达扫描动画，通过使用`ObjectAnimator`来创建平滑的旋转...
Android编程简单实现雷达扫描效果
09-03
在Android编程中，实现雷达扫描效果通常涉及到图形绘制和动画的创建。这个效果可以用于各种应用，如游戏、导航或者监控界面，为用户提供一种动态的视觉反馈。以下是如何在Android中实现雷达扫描效果的详细步骤： 1....
Android自定义View 雷达扫描效果
01-25
Android自定义View 雷达扫描效果。可以根据自己的需求配置View的主题颜色、扫描颜色、扫描速度、圆圈数量、是否显示水滴等。 效果图： 这个View的代码只有一个类，非常的简单。没有提供直接引用的链接，需要使用...
Android Shader应用开发之雷达扫描效果
08-29
总的来说，Android Shader的应用开发能带来丰富的视觉体验，通过矩阵变换、Shader的使用以及属性动画的配合，我们可以实现雷达扫描这样的复杂动态效果。对于开发者来说，掌握这些技术不仅能提升应用的趣味性，也是...
android 雷达扫描 -随机出现点，android Radar
03-25
根据网络的源码改编，可以随机出现点，设置点所在的范围暂时没有完成
android 雷达扫描
01-28
android 雷达扫描 ，博客：http://blog.csdn.net/fangjingjingll/article/details/50600351
android自定义View扫描人脸效果
08-04
本文利用SrcIn实现一个人脸扫描的效果，步骤如下： 1、准备两个人脸照片（一明一暗），暗照片作为背景，亮照片作为src前景显示 2、然后通过SrcIn用一个透明矩形框(Dst)与亮照片（src）取交集即可得出一个亮照片的局部区域 3、再给透明矩形一个上下的速度，即可达到扫描的效果
Android扫描效果
05-05
导入Eclipse可以直接运行，模仿Android微信、云播扫描效果
Android-RadarViewforAndroid是一个雷达扫描动画后然后展示得分效果的控件
08-13
RadarView for Android 是一个雷达扫描动画后，然后展示得分效果的控件
android 雷达扫描 随机出现点,android简单实现雷达扫描效果
weixin_39975366的博客
05-29 617
像一些手机安全卫士或者评分的软件都带有雷达扫描的效果，那么这个效果怎么实现呢，其实很简单！上源码和效果图第一层第二层第三层那么只需要绘制这三张图片，然后蓝色覆盖灰色的，用clipRect函数显示百分比，然后用canvas旋转第三张的雷达图片即可。是不是很简单。源码：package com.fenjin.app.view;import android.content.Context;import a...
安卓自定义雷达扫描(记录学习)
北京小辣鸡
12-17 230
/** * author : 桶哥二号 * motto : Anything is possible * date : 2019-12-1614:30 * desc : 我好难呀，我太难了呀 * version: 1.0 */ public class WaterView extends View { private int screenWidth; pri...
Android自定义View 雷达扫描效果(1)，21年Android面经分享
03-30 623
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Android实现雷达扫描动画效果详解
"Android动画之雷达扫描效果" 在Android开发中，创建雷达扫描效果可以增加应用的视觉吸引力，常用于寻找周围对象或用户的定位功能。本文将详细介绍如何利用Canvas和Paint来实现这一效果。 首先，我们需要了解雷达...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值