Android Shader应用开发之雷达扫描效果

Android Shader应用开发之雷达扫描效果,第1张

概述本文实例为大家分享了Android雷达扫描效果的具体代码,供大家参考,具体内容如下

本文实例为大家分享了AndroID雷达扫描效果的具体代码,供大家参考,具体内容如下

效果图

知识点提要

Shader 矩阵matrix 属性动画

ShaderVIEw3

package com.example.apple.shaderdemo;import androID.content.Context;import androID.graphics.Bitmap;import androID.graphics.BitmapFactory;import androID.graphics.BitmapShader;import androID.graphics.Canvas;import androID.graphics.color;import androID.graphics.Matrix;import androID.graphics.Paint;import androID.graphics.Shader;import androID.graphics.SweepGradIEnt;import androID.support.annotation.Nullable;import androID.util.AttributeSet;import androID.vIEw.VIEw;/** * Created by apple on 2017/5/23. * 女神面部扫描 */public class ShaderVIEw3 extends VIEw {  /**   * 绘制扫描圈的笔   */  private Paint mSweepPaint;  /**   * 绘制女神bitmap的笔   */  private Paint mBitmapPaint;  /**   * 这个自定义view的宽度,就是你在xml布局里面设置的宽度(目前不支持)   */  private int mWIDth;  /**   * 女神图片   */  private Bitmap mBitmap;  /**   * 雷达扫描旋转角度   */  private int degrees = 0;  /**   * 用于控制扫描圈的矩阵   */  Matrix mSweepMatrix = new Matrix();  /**   * 用于控制女神Bitmap的矩阵   */  Matrix mBitmapMatrix = new Matrix();  /**   * 着色器---生成扫描圈   */  private SweepGradIEnt mSweepGradIEnt;  /**   * 图片着色器   */  private BitmapShader mBitmapShader;  private float mScale;  public ShaderVIEw3(Context context) {    super(context);    init();  }  public ShaderVIEw3(Context context,@Nullable AttributeSet attrs) {    super(context,attrs);    init();  }  /**   * 属性动画,必须有setXxx方法,才可以针对这个属性实现动画   *   * @param degrees   */  public voID setdegrees(int degrees) {    this.degrees = degrees;    postInvalIDate();//在主线程里执行OnDraw  }  private voID init() {//    1.准备好画笔    mSweepPaint = new Paint();    mBitmapPaint = new Paint();//    2.图片着色器    mBitmap = BitmapFactory.decodeResource(getResources(),R.drawable.ccc);    mBitmapShader = new BitmapShader(mBitmap,Shader.TileMode.CLAMP,Shader.TileMode.CLAMP);//    3.将图片着色器设置给画笔    mBitmapPaint.setShader(mBitmapShader);  }  @OverrIDe  protected voID onMeasure(int wIDthMeasureSpec,int heightmeasureSpec) {    super.onMeasure(wIDthMeasureSpec,heightmeasureSpec);//    获取这个自定义view的宽高,注意在onMeasure里获取,在构造函数里得到的是0    mWIDth = getMeasureDWIDth();//    根据你所设置的vIEw的尺寸和bitmap的尺寸计算一个缩放比例,否则的话,得到的图片是一个局部,而不是一整张图片    mScale = (float) mWIDth / (float) mBitmap.getWIDth();//    4.梯度扫描着色器    mSweepGradIEnt = new SweepGradIEnt(mWIDth / 2,mWIDth / 2,new int[]{color.argb(200,200,0),color.argb(10,30,0)},null);//    5.将梯度扫描着色器设置给另外一支画笔    mSweepPaint.setShader(mSweepGradIEnt);  }  @OverrIDe  protected voID onDraw(Canvas canvas) {    super.onDraw(canvas);//    迫不得已的时候,才在onDraw方法写代码,能提前准备的要在之前去准备,//    不要写在onDraw里面,因为onDraw会不停地刷新绘制,写的代码越多,越影响效率//    将图片缩放至你指定的自定义view的宽高    mBitmapMatrix.setScale(mScale,mScale);    mBitmapShader.setLocalMatrix(mBitmapMatrix);//   设置扫描圈旋转角度    mSweepMatrix.setRotate(degrees,mWIDth / 2);    mSweepGradIEnt.setLocalMatrix(mSweepMatrix);//    5. 使用设置好图片着色器的画笔,画圆,先画出下层的女神图片,在画出上层的扫描图片    canvas.drawCircle(mWIDth / 2,mBitmapPaint);    canvas.drawCircle(mWIDth / 2,mSweepPaint);  }}

外部调用

package com.example.apple.shaderdemo;import androID.animation.ObjectAnimator;import androID.animation.ValueAnimator;import androID.os.Bundle;import androID.support.v7.app.AppCompatActivity;import androID.vIEw.VIEw;import androID.vIEw.animation.linearInterpolator;public class MainActivity extends AppCompatActivity {  private ShaderVIEw3 mShaderVIEw;  int degrees = 0;  @OverrIDe  protected voID onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentVIEw(R.layout.activity_main);    mShaderVIEw = (ShaderVIEw3) findVIEwByID(R.ID.sv);    mShaderVIEw.setonClickListener(new VIEw.OnClickListener() {      @OverrIDe      public voID onClick(VIEw v) {        ObjectAnimator degrees = ObjectAnimator.ofInt(mShaderVIEw,"degrees",360);        degrees.setInterpolator(new linearInterpolator());        degrees.setDuration(10000);        degrees.setRepeatCount(ValueAnimator.INFINITE);        degrees.start();        /* new Thread(new Runnable() {          @OverrIDe          public voID run() {            while (degrees <= 360) {              degrees += 1;              mShaderVIEw.setdegrees(degrees);              try {                Thread.sleep(30);              } catch (InterruptedException e) {                e.printstacktrace();              }            }          }        }).start();        degrees = 0;        mShaderVIEw.setdegrees(degrees);*/      }    });  }}

XML布局

<?xml version="1.0" enCoding="utf-8"?><linearLayout  xmlns:androID="http://schemas.androID.com/apk/res/androID"  xmlns:app="http://schemas.androID.com/apk/res-auto"  xmlns:tools="http://schemas.androID.com/tools"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  tools:context="com.example.apple.shaderdemo.MainActivity">  <com.example.apple.shaderdemo.ShaderVIEw3    androID:ID="@+ID/sv"    androID:layout_wIDth="300dp"    androID:layout_height="300dp"    /></linearLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android Shader应用开发之雷达扫描效果全部内容,希望文章能够帮你解决Android Shader应用开发之雷达扫描效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1145663.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存