Android自定義扇形倒計(jì)時(shí)實(shí)例代碼
一.概述
嚴(yán)格來(lái)說(shuō),我是Android小白,寫(xiě)的目的只是想作為知識(shí)儲(chǔ)備而已….但是想到別人或許會(huì)不小心搜到我的這篇,如果我只是簡(jiǎn)單的描述,別人有可能看不懂,說(shuō)不定還被吐槽,那豈不是很冤嗎?
所以,我還是把問(wèn)題及過(guò)程描述清楚,這也是對(duì)自己的一個(gè)交代,同時(shí),這也是我的第一篇,我應(yīng)該做好它;
先說(shuō)一下需求: 最近工作中需要做一個(gè)倒計(jì)時(shí),是那種一個(gè)圓,慢慢的被吃掉的動(dòng)畫(huà)倒計(jì)時(shí),由于自己知識(shí)不是很足,只知道要用Canvas來(lái)畫(huà),在網(wǎng)上搜了一圈,發(fā)現(xiàn)要么是靜態(tài)的畫(huà)了一個(gè)扇形,要么是不能控制控件的位置大小….總之,找了一圈感覺(jué)學(xué)了不少Canvas的知識(shí),但是由于自己也是Android小白,所以并不能從中總結(jié)出我想要的那種動(dòng)畫(huà)的扇形倒計(jì)時(shí)(這里說(shuō)一下,因?yàn)槲沂堑谝淮斡眠@玩意,對(duì)一些編輯不熟,所以就不上效果圖了,但是這里的代碼非常簡(jiǎn)單,需要的朋友可以直接拿過(guò)去運(yùn)行一下看看是否是你需要的效果);
最后我不得不請(qǐng)教我的一個(gè)朋友,現(xiàn)在他倒是也談不上大神,但是比我厲害多了…..這里說(shuō)白了我只是把他的邏輯更多的挪過(guò)來(lái)…好慚愧…因?yàn)槲腋嗟闹皇窍胱鳛橐粋€(gè)知識(shí)儲(chǔ)備…
二.正文
剛才也說(shuō)到用到Canvas,所以我們先來(lái)自定義一個(gè)控件,直接繼承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;//默認(rèn)顏色為紅色
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); //畫(huà)筆顏色
paint.setStyle(Paint.Style.FILL); //填充
paint.setAntiAlias(true); //是否抗鋸齒
}
/**
* 設(shè)置扇形顏色
* UIThred
*/
public void setColor(int color) {
this.mColor = color;
paint.setColor(mColor);
//調(diào)用onDraw重繪
invalidate();
}
/**
* 設(shè)置扇形的區(qū)域0-360
* UIThred
*/
public void setSweep(float mSweep) {
this.mSweep = mSweep;
//調(diào)用onDraw重繪
invalidate();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int resultWidth = measureWidth(widthMeasureSpec);
int resultHeight = measureHeight(heightMeasureSpec);
setMeasuredDimension(resultWidth, resultHeight);
}
/**
* 繪制的寬
* 其實(shí)里面的內(nèi)容我不懂,好慚愧...我以后會(huì)弄懂的.....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;
}
/**
* 繪制的高
* 這里面的內(nèi)容我也不懂,好慚愧...我以后會(huì)弄懂的.....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) {
//畫(huà)扇形
canvas.drawArc(rectF, -90, mSweep, true, paint);
}
}寫(xiě)好自定義的View,顯然我們要用它,所以布局文件中聲明:(不過(guò)有一點(diǎn)要注意的是,如果想要控制它的位置及大小,這里要用ViewGroup來(lái)包裹,通過(guò)設(shè)置ViewGroup的位置及大小來(lái)控制它,至于為什么,我也很想知道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>最后就是在代碼里來(lái)繪制動(dòng)畫(huà)形態(tài)的,圓形扇形倒計(jì)時(shí)了:
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); //設(shè)置畫(huà)筆顏色
sweepView.setSweep(0); //初始繪制0度
new Thread(new Runnable() {
@Override
public void run() {
while (angle <= 360) { //這里相當(dāng)于繪制一個(gè)完整的圓,結(jié)合下面的3.6及50,也就是5秒鐘的倒計(jì)時(shí)
angle += 3.6;
runOnUiThread(new Runnable() {
@Override
public void run() {
sweepView.setSweep(angle);
}
});
try {
Thread.sleep(50);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
}).start();
}
}三.總結(jié)
在自定義view中,我有很多地方還不是很明白的,因?yàn)樽约罕旧韺?duì)自定義的一些方法認(rèn)知是缺乏的,不過(guò)我想我以后會(huì)慢慢弄懂其中一些方法的含義;當(dāng)然如果朋友你不小心能看到這篇文章,還望你能對(duì)我解惑,不勝感激.
相關(guān)文章
Android基礎(chǔ)之隱藏標(biāo)題欄/設(shè)置為全屏/橫豎屏切換
大家好,本篇文章主要講的是Android基礎(chǔ)之隱藏標(biāo)題欄/設(shè)置為全屏/橫豎屏切換,感興趣的同學(xué)趕快來(lái)看一看吧,對(duì)你有幫助的話記得收藏一下,方便下次瀏覽2021-12-12
Android的App啟動(dòng)時(shí)白屏的問(wèn)題解決辦法
這篇文章主要介紹了Android的App啟動(dòng)時(shí)白屏的問(wèn)題相關(guān)資料,在App啟動(dòng)的第一次的時(shí)候白屏?xí)欢螘r(shí)間,這里提供了解決辦法,需要的朋友可以參考下2017-08-08
Android Activity的4種啟動(dòng)模式圖文介紹
這篇文章主要給大家介紹了關(guān)于Android Activity的4種啟動(dòng)模式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
Android編程調(diào)用Camera和相冊(cè)功能詳解
這篇文章主要介紹了Android編程調(diào)用Camera和相冊(cè)功能,結(jié)合實(shí)例形式分析了Android的拍照及相冊(cè)調(diào)用功能相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2017-02-02
Android通知欄前臺(tái)服務(wù)的實(shí)現(xiàn)
這篇文章主要介紹了Android通知欄前臺(tái)服務(wù)的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Android中使用ShareSDK集成分享功能的實(shí)例代碼
下面小編就為大家分享一篇Android中使用ShareSDK集成分享功能的實(shí)例代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
Android使用fragment實(shí)現(xiàn)左側(cè)導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了Android使用fragment實(shí)現(xiàn)左側(cè)導(dǎo)航,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-02-02
Android開(kāi)發(fā)之動(dòng)畫(huà)實(shí)現(xiàn)方法
這篇文章主要介紹了Android開(kāi)發(fā)之動(dòng)畫(huà)實(shí)現(xiàn)方法,實(shí)例分析了Android中動(dòng)畫(huà)的原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-05-05

