欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android自定义扇形倒计时实例代码

程序员文章站 2023-10-08 23:45:43
一.概述 严格来说,我是android小白,写的目的只是想作为知识储备而已….但是想到别人或许会不小心搜到我的这篇,如果我只是简单的描述,别人有可能看不懂,说不定还被吐槽...

一.概述

严格来说,我是android小白,写的目的只是想作为知识储备而已….但是想到别人或许会不小心搜到我的这篇,如果我只是简单的描述,别人有可能看不懂,说不定还被吐槽,那岂不是很冤吗?

所以,我还是把问题及过程描述清楚,这也是对自己的一个交代,同时,这也是我的第一篇,我应该做好它;

先说一下需求: 最近工作中需要做一个倒计时,是那种一个圆,慢慢的被吃掉的动画倒计时,由于自己知识不是很足,只知道要用canvas来画,在网上搜了一圈,发现要么是静态的画了一个扇形,要么是不能控制控件的位置大小….总之,找了一圈感觉学了不少canvas的知识,但是由于自己也是android小白,所以并不能从中总结出我想要的那种动画的扇形倒计时(这里说一下,因为我是第一次用这玩意,对一些编辑不熟,所以就不上效果图了,但是这里的代码非常简单,需要的朋友可以直接拿过去运行一下看看是否是你需要的效果);

最后我不得不请教我的一个朋友,现在他倒是也谈不上大神,但是比我厉害多了…..这里说白了我只是把他的逻辑更多的挪过来…好惭愧…因为我更多的只是想作为一个知识储备…

二.正文

刚才也说到用到canvas,所以我们先来自定义一个控件,直接继承view的自定义控件;

sweepview.java:

public class sweepview extends view {
  private static final int default_width = 100;
  private static final int default_height = 100;
  private int mwidth;   //这里并没卵用
  private int mheight;  //这个也没卵用
  private rectf rectf;
  private paint paint;
  private int mcolor = color.red;//默认颜色为红色
  private float msweep = 0;  //扇形角度
  public sweepview(context context) {
    super(context);
    init();
  }
  public sweepview(context context, attributeset attrs) {
    super(context, attrs);
    init();
  }
  public sweepview(context context, attributeset attrs, int defstyleattr) {
    super(context, attrs, defstyleattr);
    init();
  }
  private void init() {
    paint = new paint();
    paint.setcolor(mcolor); //画笔颜色
    paint.setstyle(paint.style.fill);  //填充
    paint.setantialias(true);  //是否抗锯齿
  }
  /**
   * 设置扇形颜色
   * uithred
   */
  public void setcolor(int color) {
    this.mcolor = color;
    paint.setcolor(mcolor);
    //调用ondraw重绘
    invalidate();
  }
  /**
   * 设置扇形的区域0-360
   * uithred
   */
  public void setsweep(float msweep) {
    this.msweep = msweep;
    //调用ondraw重绘
    invalidate();
  }
  @override
  protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
    int resultwidth = measurewidth(widthmeasurespec);
    int resultheight = measureheight(heightmeasurespec);
    setmeasureddimension(resultwidth, resultheight);
  }
  /**
   * 绘制的宽
   * 其实里面的内容我不懂,好惭愧...我以后会弄懂的.....0.0
   */
  private int measurewidth(int widthmeasurespec) {
    int size = measurespec.getsize(widthmeasurespec);
    int mode = measurespec.getmode(widthmeasurespec);
    int result;
    if (mode == measurespec.exactly) {
      result = size;
    } else {
      result = default_width;
      if (mode == measurespec.at_most) {
        result = math.min(size, default_width);
      }
    }
    return result;
  }
  /**
   * 绘制的高
   * 这里面的内容我也不懂,好惭愧...我以后会弄懂的.....0.0
   */
  private int measureheight(int heightmeasurespec) {
    int size = measurespec.getsize(heightmeasurespec);
    int mode = measurespec.getmode(heightmeasurespec);
    int result;
    if (mode == measurespec.exactly) {
      result = size;
    } else {
      result = default_height;
      if (mode == measurespec.at_most) {
        result = math.min(size, default_height);
      }
    }
    return result;
  }
  @override
  protected void onsizechanged(int w, int h, int oldw, int oldh) {
    this.mheight = h;
    this.mwidth = w;
    rectf = new rectf(0, 0, w, h);
    super.onsizechanged(w, h, oldw, oldh);
  }
  @override
  protected void ondraw(canvas canvas) {
    //画扇形
    canvas.drawarc(rectf, -90, msweep, true, paint);
  }
}

写好自定义的view,显然我们要用它,所以布局文件中声明:(不过有一点要注意的是,如果想要控制它的位置及大小,这里要用viewgroup来包裹,通过设置viewgroup的位置及大小来控制它,至于为什么,我也很想知道0.0)

mainactivity.xml

<?xml version="1.0" encoding="utf-8"?>
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="com.example.meijun.myapplication.mainactivity">
  <relativelayout
    android:layout_centerinparent="true"
    android:layout_width="20dp"
    android:background="#00f"
    android:layout_height="20dp">
    <com.example.meijun.myapplication.sweepview
      android:layout_width="wrap_content"
      android:id="@+id/sweepview"
      android:layout_height="wrap_content" />
  </relativelayout>
</relativelayout>

最后就是在代码里来绘制动画形态的,圆形扇形倒计时了:

mainactivity.java:

public class mainactivity extends appcompatactivity {
  private sweepview sweepview;
  float angle = 0;//绘制的角度
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    sweepview = (sweepview) findviewbyid(r.id.sweepview);
    sweepview.setcolor(color.white);  //设置画笔颜色
    sweepview.setsweep(0); //初始绘制0度
    new thread(new runnable() {
      @override
      public void run() {
        while (angle <= 360) { //这里相当于绘制一个完整的圆,结合下面的3.6及50,也就是5秒钟的倒计时
          angle += 3.6;
          runonuithread(new runnable() {
            @override
            public void run() {
              sweepview.setsweep(angle);
            }
          });
          try {
            thread.sleep(50);
          } catch (interruptedexception e) {
            e.printstacktrace();
          }
        }
      }
    }).start();
  }
}

三.总结

在自定义view中,我有很多地方还不是很明白的,因为自己本身对自定义的一些方法认知是缺乏的,不过我想我以后会慢慢弄懂其中一些方法的含义;当然如果朋友你不小心能看到这篇文章,还望你能对我解惑,不胜感激.