版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)
文檔簡介
【移動應用開發(fā)技術(shù)】Android中怎么自定義雙向進度條
本篇文章給大家分享的是有關(guān)Android中怎么自定義雙向進度條，在下覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著在下一起來看看吧。注釋基本上就把原理說明了一下。package
util;
import
android.content.Context;
import
android.graphics.Canvas;
import
android.graphics.Color;
import
android.graphics.Paint;
import
android.graphics.drawable.Drawable;
import
android.support.v4.content.ContextCompat;
import
android.util.AttributeSet;
import
android.util.Log;
import
android.view.MotionEvent;
import
android.view.View;
import
com.example.qzd.utildemo.R;
import
java.math.BigDecimal;
/**
*
雙向滑塊的進度條（區(qū)域選擇）
*/
public
class
SeekRangeBar
extends
View
{
private
Context
_context;
private
static
final
int
CLICK_ON_LOW
=
1;
//手指在前滑塊上滑動
private
static
final
int
CLICK_ON_HIGH
=
2;
//手指在后滑塊上滑動
private
static
final
int
CLICK_IN_LOW_AREA
=
3;
//手指點擊離前滑塊近
private
static
final
int
CLICK_IN_HIGH_AREA
=
4;
//手指點擊離后滑塊近
private
static
final
int
CLICK_OUT_AREA
=
5;
//手指點擊在view外
private
static
final
int
CLICK_INVAILD
=
0;
private
static
final
int[]
STATE_NORMAL
=
{};
private
static
final
int[]
STATE_PRESSED
=
{android.R.attr.state_pressed,android.R.attr.state_window_focused,};
private
static
int
mThumbMarginTop
=
0;
//滑動塊頂部離view頂部的距離
private
static
int
mTextViewMarginTop
=
0;
//當前滑塊文字距離view頂部距離
private
Drawable
hasScrollBarBg;
//滑動條滑動后背景圖
private
Drawable
notScrollBarBg;
//滑動條未滑動背景圖
private
Drawable
mThumbLow;
//前滑塊
private
Drawable
mThumbHigh;
//后滑塊
private
int
mScollBarWidth;
//控件寬度
=
滑動條寬度
+
滑動塊寬度
private
int
mScollBarHeight;
//控件高度
private
int
mThumbWidth;
//滑動塊直徑
private
double
mOffsetLow
=
0;
//前滑塊中心坐標
private
double
mOffsetHigh
=
0;
//后滑塊中心坐標
private
int
mDistance=0;
//總刻度是固定距離
兩邊各去掉半個滑塊距離
private
int
mFlag
=
CLICK_INVAILD;
//手指按下的類型
private
double
defaultScreenLow
=
0;
//默認前滑塊位置百分比
private
double
defaultScreenHigh
=
100;
//默認后滑塊位置百分比
private
OnSeekBarChangeListener
mBarChangeListener;
private
boolean
editable=false;//是否處于可編輯狀態(tài)
private
int
miniGap=5;//AB的最小間隔
private
double
progressLow;//起點(百分比)
private
double
progressHigh;//終點
public
SeekRangeBar(Context
context)
{
this(context,
null);
}
public
SeekRangeBar(Context
context,
AttributeSet
attrs)
{
this(context,
attrs,
0);
}
public
SeekRangeBar(Context
context,
AttributeSet
attrs,
int
defStyle)
{
super(context,
attrs,
defStyle);
_context=context;
//這里設置背景圖及滑塊圖，自定義過進度條的同學應該很熟悉了
notScrollBarBg
=
ContextCompat.getDrawable(_context,R.mipmap.hp_wbf);
hasScrollBarBg
=
ContextCompat.getDrawable(_context,
R.mipmap.hp_ybf);
mThumbLow
=
ContextCompat.getDrawable(_context,R.mipmap.hp_a);
mThumbHigh
=
ContextCompat.getDrawable(_context,R.mipmap.hp_b);
mThumbLow.setState(STATE_NORMAL);
mThumbHigh.setState(STATE_NORMAL);
//設置滑動條高度
mScollBarHeight
=
notScrollBarBg.getIntrinsicHeight();
//設置滑動塊直徑
mThumbWidth
=
mThumbLow.getIntrinsicWidth();
}
/**
*
測量view尺寸（在onDraw()之前）
*
@param
widthMeasureSpec
*
@param
heightMeasureSpec
*/
protected
void
onMeasure(int
widthMeasureSpec,
int
heightMeasureSpec)
{
int
width
=
MeasureSpec.getSize(widthMeasureSpec);
mScollBarWidth
=
width;
if(mDistance==0)
{//這里滑塊中心坐標初始化的時候測量一下（根據(jù)mDistance是否賦值判斷），并不需要不停地去測量。后面會根據(jù)進度計算滑塊位置。
mOffsetLow
=
mThumbWidth
/
2;
mOffsetHigh
=
width
-
mThumbWidth
/
2;
}
mDistance
=
width
-
mThumbWidth;
if(defaultScreenLow
!=
0)
{
mOffsetLow
=
formatInt(defaultScreenLow
/
100
*
(mDistance))
+
mThumbWidth
/
2;
}
if(defaultScreenHigh
!=
100)
{
mOffsetHigh
=
formatInt(defaultScreenHigh
/
100
*
(mDistance))
+
mThumbWidth
/
2;
}
setMeasuredDimension(width,
mThumbWidth
+
mThumbMarginTop
+
2);
}
protected
void
onLayout(boolean
changed,
int
l,
int
t,
int
r,
int
b)
{
super.onLayout(changed,
l,
t,
r,
b);
}
/**
*
繪制進度條
*/
protected
void
onDraw(Canvas
canvas)
{
super.onDraw(canvas);
//設置繪制樣式
Paint
text_Paint
=
new
Paint();
text_Paint.setTextAlign(Paint.Align.CENTER);
text_Paint.setColor(Color.RED);
text_Paint.setTextSize(20);
int
top
=
mThumbMarginTop
+
mThumbWidth
/
2
-
mScollBarHeight
/
2;
int
bottom
=
top
+
mScollBarHeight;
//繪制是否可操作狀態(tài)的下的不同樣式，僅可編輯狀態(tài)下顯示進度條
if(editable)
{
//白色滑動條，兩個滑塊各兩邊部分
notScrollBarBg.setBounds(mThumbWidth
/
2,
top,
mScollBarWidth
-
mThumbWidth
/
2,
bottom);
notScrollBarBg.draw(canvas);
//紅色滑動條，兩個滑塊中間部分
hasScrollBarBg.setBounds((int)
mOffsetLow,
top,
(int)
mOffsetHigh,
bottom);
hasScrollBarBg.draw(canvas);
}
//前滑塊
mThumbLow.setBounds((int)
(mOffsetLow
-
mThumbWidth
/
2),
mThumbMarginTop,
(int)
(mOffsetLow
+
mThumbWidth
/
2),
mThumbWidth
+
mThumbMarginTop);
mThumbLow.draw(canvas);
//后滑塊
mThumbHigh.setBounds((int)
(mOffsetHigh
-
mThumbWidth
/
2),
mThumbMarginTop,
(int)
(mOffsetHigh
+
mThumbWidth
/
2),
mThumbWidth
+
mThumbMarginTop);
mThumbHigh.draw(canvas);
//當前滑塊刻度
progressLow
=
formatInt((mOffsetLow
-
mThumbWidth
/
2)
*
100
/
mDistance);
progressHigh
=
formatInt((mOffsetHigh
-
mThumbWidth
/
2)
*
100
/
mDistance);
canvas.drawText((int)
progressLow
+
"",
(int)
mOffsetLow
-
2
-
2,
mTextViewMarginTop,
text_Paint);
canvas.drawText((int)
progressHigh
+
"",
(int)
mOffsetHigh
-
2,
mTextViewMarginTop,
text_Paint);
if
(mBarChangeListener
!=
null)
{
mBarChangeListener.onProgressChanged(this,
progressLow,
progressHigh);
}
}
//手勢監(jiān)聽
@Override
public
boolean
onTouchEvent(MotionEvent
e)
{
if(!editable)
{
return
false;
}
if
(e.getAction()
==
MotionEvent.ACTION_DOWN)
{
mFlag
=
getAreaFlag(e);
if
(mFlag
==
CLICK_ON_LOW)
{
mThumbLow.setState(STATE_PRESSED);
}
else
if
(mFlag
==
CLICK_ON_HIGH)
{
mThumbHigh.setState(STATE_PRESSED);
}
else
if
(mFlag
==
CLICK_IN_LOW_AREA)
{
mThumbLow.setState(STATE_PRESSED);
mThumbHigh.setState(STATE_NORMAL);
//如果點擊0-mThumbWidth/2坐標
if
(e.getX()
<
0
||
e.getX()
<=
mThumbWidth
/
2)
{
mOffsetLow
=
mThumbWidth
/
2;
}
else
if
(e.getX()
>
mScollBarWidth
-
mThumbWidth
/
2)
{
mOffsetLow
=
mThumbWidth
/
2
+
mDistance;
}
else
{
mOffsetLow
=
formatInt(e.getX());
}
}
else
if
(mFlag
==
CLICK_IN_HIGH_AREA)
{
mThumbHigh.setState(STATE_PRESSED);
mThumbLow.setState(STATE_NORMAL);
if
(e.getX()
>=
mScollBarWidth
-
mThumbWidth
/
2)
{
mOffsetHigh
=
mDistance
+
mThumbWidth
/
2;
}
else
{
mOffsetHigh
=
formatInt(e.getX());
}
}
//更新滑塊
invalidate();
}
else
if
(e.getAction()
==
MotionEvent.ACTION_MOVE)
{
if
(mFlag
==
CLICK_ON_LOW)
{
if
(e.getX()
<
0
||
e.getX()
<=
mThumbWidth
/
2)
{
mOffsetLow
=
mThumbWidth
/
2;
}
else
if
(e.getX()
>=
mScollBarWidth
-
mThumbWidth
/
2)
{
mOffsetLow
=
mThumbWidth
/
2
+
mDistance;
mOffsetHigh
=
mOffsetLow;
}
else
{
mOffsetLow
=
formatInt(e.getX());
if
(mOffsetHigh
-
mOffsetLow
<=
0)
{
mOffsetHigh
=
(mOffsetLow
<=
mDistance
+
mThumbWidth
/
2)
?
(mOffsetLow)
:
(mDistance
+
mThumbWidth
/
2);
}
}
}
else
if
(mFlag
==
CLICK_ON_HIGH)
{
if
(e.getX()
<
mThumbWidth
/
2)
{
mOffsetHigh
=
mThumbWidth
/
2;
mOffsetLow
=
mThumbWidth
/
2;
}
else
if
(e.getX()
>
mScollBarWidth
-
mThumbWidth
/
2)
{
mOffsetHigh
=
mThumbWidth
/
2
+
mDistance;
}
else
{
mOffsetHigh
=
formatInt(e.getX());
if
(mOffsetHigh
-
mOffsetLow
<=
0)
{
mOffsetLow
=
(mOffsetHigh
>=
mThumbWidth
/
2)
?
(mOffsetHigh)
:
mThumbWidth
/
2;
}
}
}
//更新滑塊，每次滑塊有動作都要執(zhí)行此函數(shù)觸發(fā)onDraw方法繪制新圖片
invalidate();
}
else
if
(e.getAction()
==
MotionEvent.ACTION_UP)
{
Log.d("LOGCAT","ACTION
UP:"+progressHigh+"-"+progressLow);
mThumbLow.setState(STATE_NORMAL);
mThumbHigh.setState(STATE_NORMAL);
if(miniGap>0
&&
progressHigh<progressLow+miniGap){
progressHigh=progressLow+miniGap;
this.defaultScreenHigh
=
progressHigh;
mOffsetHigh
=
formatInt(progressHigh
/
100
*
(mDistance))
+
mThumbWidth
/
2;
invalidate();
}
}
return
true;
}
/**
*
設置是否可編輯狀態(tài)，非可編輯狀態(tài)將不能對AB點進行操作
*
@param
_b
*/
public
void
setEditable(boolean
_b){
editable=_b;
invalidate();
}
/**
*
獲取當前手指位置
*/
public
int
getAreaFlag(MotionEvent
e)
{
int
top
=
mThumbMarginTop;
int
bottom
=
mThumbWidth
+
mThumbMarginTop;
if
(e.getY()
>=
top
&&
e.getY()
<=
bottom
&&
e.getX()
>=
(mOffsetLow
-
mThumbWidth
/
2)
&&
e.getX()
<=
mOffsetLow
+
mThumbWidth
/
2)
{
return
CLICK_ON_LOW;
}
else
if
(e.getY()
>=
top
&&
e.getY()
<=
bottom
&&
e.getX()
>=
(mOffsetHigh
-
mThumbWidth
/
2)
&&
e.getX()
<=
(mOffsetHigh
+
mThumbWidth
/
2))
{
return
CLICK_ON_HIGH;
}
else
if
(e.getY()
>=
top
&&
e.getY()
<=
bottom
&&
((e.getX()
>=
0
&&
e.getX()
<
(mOffsetLow
-
mThumbWidth
/
2))
||
((e.getX()
>
(mOffsetLow
+
mThumbWidth
/
2))
&&
e.getX()
<=
((double)
mOffsetHigh
+
mOffsetLow)
/
2)))
{
return
CLICK_IN_LOW_AREA;
}
else
if
(e.getY()
>=
top
&&
e.getY()
<=
bottom
&&
(((e.getX()
>
((double)
mOffsetHigh
+
mOffsetLow)
/
2)
&&
e.getX()
<
(mOffsetHigh
-
mThumbWidth
/
2))
||
(e.getX()
>
(mOffsetHigh
+
mThumbWidth
/
2)
&&
e.getX()
<=
mScollBarWidth)))
{
return
CLICK_IN_HIGH_AREA;
}
else
if
(!(e.getX()
>=
0
&&
e.getX()
<=
mScollBarWidth
&&
e.getY()
>=
top
&&
e.getY()
<=
bottom))
{
return
CLICK_OUT_AREA;
}
else
{
return
CLICK_INVAILD;
}
}
/**
*
設置前滑塊位置
*
@param
progressLow
*/
public
void
setProgressLow(double
progressLow)
{
this.defaultScreenLow
=
progressLow;
mOffsetLow
=
formatInt(progressLow
/
100
*
(mDistance))
+
mThumbWidth
/
2;
invalidate();
}
/**
*
設置后滑塊位置
*
@param
progressHigh
*/
public
void
setProgressHigh(double
progressHigh)
{
this.defaultScreenHigh
=
progressHigh;
mOffsetHigh
=
formatInt(progressHigh
/
100
*
(mDistance))
+
mThumbWidth
/
2;
invalidate();
}
/*
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 人教版小學四年級上冊數(shù)學口算練習試題 全套
- 金屬熱處理考試題（含參考答案）
- 石油產(chǎn)品購銷合同范本
- 電路理論模擬考試題（含參考答案）
- 網(wǎng)絡安全服務合同
- 生豬養(yǎng)殖合同生豬采購合同
- 人力資源部門勞動合同協(xié)議
- 面料訂購合同模板
- 原料供應居間合同
- 胃造瘺管病人護理查房
- 汽車吊起重吊裝方案
- 從0到1開播指導抖音本地生活商家直播培訓
- 產(chǎn)房助產(chǎn)士進修匯報
- 大型綜合樓新建工程技術(shù)方案、施工方案投標文件（投標方案）
- GB/T 16439-2024交流伺服系統(tǒng)通用技術(shù)規(guī)范
- 2024義務教育《英語課程標準》(2022版)
- 閩教版小學英語四年級 （下）Unit 6 Weather Part A 教學設計
- 鐵粉銷售合同
- 初中語文修改病句市公開課一等獎省賽課獲獎課件
- 世界《結(jié)核病日》主題班會課件
- 高考數(shù)學微專題集專題6圓錐曲線硬解定理微點1圓錐曲線硬解定理(原卷版+解析)
評論
0/150
提交評論