android动画绘制扇形,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
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">
android:layout_centerInParent="true"
android:layout_width="20dp"
android:background="#00f"
android:layout_height="20dp">
android:layout_width="wrap_content"
android:id="@+id/sweepView"
android:layout_height="wrap_content" />
最后就是在代码里来绘制动画形态的,圆形扇形倒计时了:
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中,我有很多地方还不是很明白的,因为自己本身对自定义的一些方法认知是缺乏的,不过我想我以后会慢慢弄懂其中一些方法的含义;当然如果朋友你不小心能看到这篇文章,还望你能对我解惑,不胜感激.
android动画绘制扇形,Android自定义扇形倒计时实例代码相关推荐
- android右滑返回动画,Android仿微信右滑返回功能的实例代码
先上效果图,如下: 先分析一下功能的主要技术点,右滑即手势判断,当滑到一直距离时才执行返回,并且手指按下的位置是在屏幕的最左边(这个也是有一定范围的), 这些可以实现onTouchEvent来实现. ...
- android 今日头条加载动画,Android 仿今日头条简单的刷新效果实例代码
点击按钮,先自动进行下拉刷新,也可以手动刷新,刷新完后,最后就多一行数据.有四个选项卡. 前两天导师要求做一个给本科学生预定机房座位的app,出发点来自这里.做着做着遇到很多问题,都解决了.这个效果感 ...
- Android 进程 缓存服务,Android获取应用程序大小和缓存的实例代码
info package com.qin.appsize; import android.content.Intent; import android.graphics.drawable.Drawab ...
- android qq 分享代码,Android将内容分享到QQ和微信实例代码
具体代码如下所示: package dmpte.sharewechat; import android.annotation.SuppressLint; import android.app.Acti ...
- android canvas绘制圆角_Android自定义View撸一个渐变的温度指示器(TmepView)
秦子帅明确目标,每天进步一点点..... 作者 | andy 地址 | blog.csdn.net/Andy_l1/article/details/82910061 1.概述 自定义View对需要 ...
- android 动画之漂移,Android之自定义Drawable实现灵动的红鲤鱼动画(上篇)
此篇中的小鱼动画是模仿国外一个大牛做的flash动画,第一眼就爱上它了,简约灵动又不失美学,于是抽空试着尝试了一下,如下是我用Android实现的效果图: 由于整个绘制分析过程比较繁琐所以灵动的红鲤鱼 ...
- android动画送礼物,Android开发仿映客送礼物效果
这里写链接内容仿映客送小礼物的特效,顺便复习一下属性动画,话不多说先看效果图. 需求分析 可以看到整个动画有几部分组成,那我们就把每个部分拆分出来各个击破. 1.要显示那些内容以及内容间的位置关系? ...
- android 动画引擎,用 Android 实现一条小金鱼游动动画(超棒)
此篇中的小鱼动画是模仿国外一个大牛做的flash动画,第一眼就爱上它了,简约灵动又不失美学,于是抽空试着尝试了一下,如下是我用Android实现的效果图: 用 Android 实现一条小金鱼游动动画( ...
- android动画知乎,Android模仿知乎的回答详情页的动画效果
废话不多说,咱们第一篇文章就是模仿"知乎"的回答详情页的动画效果,先上个原版的效果图,咱们就是要做出这个效果 在实现之前,我们先根据上面的动画效果,研究下需求,因为gif帧数有限, ...
最新文章
- 求职面试的十大错误,你犯过吗? | 每日趣闻
- python open encoding为无效的参数_TypeError:“encoding”是无效的关键字参数ex23.py
- 12月7日学习内容整理:ORM单表操作
- 二值mask图像 + RGB原图 生成可视化分割结果; 从二值mask获取分割轮廓点
- linux 提取ko文件,Linux获取so/ko文件版本号教程
- MyBatis全局配置文件介绍
- Spring Boot 1:Introduction
- python遍历循环中的遍历结构可以是什么_(一)Python入门-4控制语句:06for循环结构-遍历各种可迭代对象-range对象...
- Nginx 内存池源码阅读
- java 汉字按拼音排序_Java当中汉字按照拼音排序
- 使用虚拟机镜像文件导入部署openGauss
- 韩服跑跑卡丁车 赛车大全
- 根据起始时间和结束时间得到期间所有的日期集合
- 51单片机交通灯(定时器+38译码器+中断)
- Fine BI、Smart BI、永洪BI、瓴羊Quick BI这些国产BI工具,都擅长哪些功能?
- 基于matlab色彩平衡与融合用于水下图像增强
- 具体如何使用STAR结构化思维
- 【iHMI43 4.3寸液晶模块】demo竖屏例程(版本1.01)发布
- 几何-九种二次曲面类型
- MD5是用来加密的吗?BCrypt又是什么呢
热门文章
- ubuntu 查看进程命令
- [C语言]猴子吃桃问题 猴子第一天摘下若干个桃子,每天都吃了前一天剩下的一半零一个,到第10天早上想再吃的时候,就剩下一个桃子. 求第一天共摘多少个桃子?
- 央视为什么要剑指谷歌
- Android请求音频焦点
- 【链塔DApp日报】BDI指数增长23%,以太坊24h交易额增长56%
- 净利涨近40%,Costco效仿沃尔玛中国开店难挤入低线市场
- SQLserver关键字select into 用法
- Oracel 错误: 12520
- java ee考试题_Java-EE考试习题
- 微信小程序暂无数据组件封装