Android自定義View實現(xiàn)分段選擇按鈕的實現(xiàn)代碼
更新時間：2020年12月31日 11:36:17 作者：danledian
這篇文章主要介紹了Android自定義View實現(xiàn)分段選擇按鈕的實現(xiàn)代碼，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
首先演示下效果，分段選擇按鈕，支持點擊和滑動切換。
視圖繪制過程中，要執(zhí)行onMeasure、onLayout、onDraw等方法，這也是自定義控件最常用到的幾個方法。
onMeasure：測量視圖的大小，可以根據(jù)MeasureSpec的Mode確定父視圖和子視圖的大小。
onLayout：確定視圖的位置
onDraw：繪制視圖
這里就不做過多的介紹，主要介紹本控件涉及的到的部分。
1.1 獲取item大小、起始位置
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if(isItemZero() || getMeasuredWidth() == 0)
return;
mHeight = getMeasuredHeight();
int width = getMeasuredWidth();
mItemWidth = (width - 2 * itemHorizontalMargin)/getCount();
mStart = itemHorizontalMargin + mItemWidth * selectedItem;
mEnd = width - itemHorizontalMargin - mItemWidth;
}
1.2 繪制
繪制背景，所有的Item，以及選中項
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(isItemZero())
return;
drawBackgroundRect(canvas);
drawUnselectedItemsText(canvas);
drawSelectedItem(canvas);
drawSelectedItemsText(canvas);
}
* 繪制背景區(qū)域
背景區(qū)域就是個帶圓角的長方形
/**
* 畫背景區(qū)域
* @param canvas
*/
private void drawBackgroundRect(Canvas canvas) {
float r = cornersMode == Round?cornersRadius: mHeight >> 1;
mPaint.setXfermode(null);
mPaint.setColor(backgroundColor);
mRectF.set(0, 0, getWidth(), getHeight());
canvas.drawRoundRect(mRectF, r, r, mPaint);
}
* 繪制所有未選中Item的文字
輪流繪制所有Item的文字
/**
* 畫所有未選中Item的文字
* @param canvas
*/
private void drawUnselectedItemsText(Canvas canvas) {
mTextPaint.setColor(textColor);
mTextPaint.setXfermode(null);
for (int i = 0; i< getCount(); i++){
int start = itemHorizontalMargin + i * mItemWidth;
float x = start + (mItemWidth >> 1) - mTextPaint.measureText(getName(i))/2;
float y = (getHeight() >> 1) - (mTextPaint.ascent() + mTextPaint.descent())/2;
canvas.drawText(getName(i), x, y, mTextPaint);
}
}
* 繪制選中項
/**
* 畫選中項
* @param canvas
*/
private void drawSelectedItem(Canvas canvas) {
float r = cornersMode == Round?cornersRadius: (mHeight >> 1) - itemVerticalMargin;
mPaint.setColor(selectedItemBackgroundColor);
mRectF.set(mStart, itemVerticalMargin, mStart + mItemWidth, getHeight() - itemVerticalMargin);
canvas.drawRoundRect(mRectF, r, r, mPaint);
}
* 繪制選中Item的文字
當選中項移動時，剛移動到下一個Item時，顏色應該是選中的顏色。這里在原來文字之上再畫選中Item的文字顏色，就有了被選中的效果。
/**
* 畫選中Item的文字
* @param canvas
*/
private void drawSelectedItemsText(Canvas canvas) {
canvas.saveLayer(mStart, 0, mStart + mItemWidth, getHeight(), null, Canvas.ALL_SAVE_FLAG);
mTextPaint.setColor(selectedItemTextColor);
mTextPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_OUT));
int begin = mStart/mItemWidth;
int end = (begin + 2) < getCount()?begin+2:getCount();
for (int i = begin; i< end; i++){
int start = itemHorizontalMargin + i * mItemWidth;
float x = start + (mItemWidth >> 1) - mTextPaint.measureText(getName(i))/2;
float y = (getHeight() >> 1) - (mTextPaint.ascent() + mTextPaint.descent())/2;
canvas.drawText(getName(i), x, y, mTextPaint);
}
canvas.restore();
}
1.3 添加手勢事件
手勢分為三種，ACTION_DOWN、ACTION_MOVE、ACTION_UP，對應動作就是按下，滑動，按起。
當按下時確定按下位置，是在當前Item，則不做處理，當按下位置為其它Item位置，就滑動到其它Item位置。
當手勢滑動時，計算相對滑動值，通過改變mStart，改變選中項的位置。
當手勢按起時，根據(jù)按下位置、速度和方向，判斷是否可用移動到下一個Item。
@Override
public boolean onTouchEvent(MotionEvent event) {
if(!isEnabled() || !isInTouchMode() || getCount() == 0)
return false;
if (mVelocityTracker == null) {
mVelocityTracker = VelocityTracker.obtain();
}
mVelocityTracker.addMovement(event);
int action = event.getActionMasked();
if(action == MotionEvent.ACTION_DOWN){
x = event.getX();
onClickDownPosition = -1;
final float y = event.getY();
if(isItemInside(x, y)){
return scrollSelectEnabled;
}else if(isItemOutside(x, y)){
if(!mScroller.isFinished()){
mScroller.abortAnimation();
}
onClickDownPosition = (int) ((x - itemHorizontalMargin)/ mItemWidth);
startScroll(positionStart(x));
return true;
}
return false;
}else if(action == MotionEvent.ACTION_MOVE){
if(!mScroller.isFinished() || !scrollSelectEnabled){
return true;
}
float dx = event.getX() - x;
if(Math.abs(dx) > MIN_MOVE_X){
mStart = (int) (mStart + dx);
mStart = Math.min(Math.max(mStart, itemHorizontalMargin), mEnd);
postInvalidate();
x = event.getX();
}
return true;
}else if(action == MotionEvent.ACTION_UP){
int newSelectedItem;
float offset = (mStart - itemHorizontalMargin)%mItemWidth;
float itemStartPosition = (mStart - itemHorizontalMargin) * 1.0f/ mItemWidth;
if(!mScroller.isFinished() && onClickDownPosition != -1){
newSelectedItem = onClickDownPosition;
}else{
if(offset == 0f){
newSelectedItem = (int)itemStartPosition;
}else {
VelocityTracker velocityTracker = mVelocityTracker;
velocityTracker.computeCurrentVelocity(VELOCITY_UNITS, mMaximumFlingVelocity);
int initialVelocity = (int) velocityTracker.getXVelocity();
float itemRate = offset/mItemWidth;
if (isXVelocityCanMoveNextItem(initialVelocity, itemRate)){
newSelectedItem = initialVelocity > 0?(int)itemStartPosition+1:(int)itemStartPosition;
}else {
newSelectedItem = Math.round(itemStartPosition);
}
newSelectedItem = Math.max(Math.min(newSelectedItem, getCount() - 1), 0);
startScroll(getXByPosition(newSelectedItem));
}
}
onStateChange(newSelectedItem);
mVelocityTracker = null;
onClickDownPosition = -1;
return true;
}
return super.onTouchEvent(event);
}
1.4 保存狀態(tài)
當手機屏幕方向轉換或者內(nèi)存不足等情況下， 視圖會重新加載，這樣就會導致狀態(tài)丟失。使用onSaveInstanceState和onRestoreInstanceState方法保存并恢復狀態(tài)。
@Override
public Parcelable onSaveInstanceState() {
Parcelable parcelable = super.onSaveInstanceState();
SelectedItemState pullToLoadState = new SelectedItemState(parcelable);
pullToLoadState.setSelectedItem(selectedItem);
return pullToLoadState;
}
@Override
public void onRestoreInstanceState(Parcelable state) {
if(!(state instanceof SelectedItemState))
return;
SelectedItemState pullToLoadState = ((SelectedItemState)state);
super.onRestoreInstanceState(pullToLoadState.getSuperState());
selectedItem = pullToLoadState.getSelectedItem();
invalidate();
}
想要學習的同學，建議還是直接看項目源碼。項目源碼地址：https://github.com/danledian/SegmentedControl
到此這篇關于Android自定義View實現(xiàn)分段選擇按鈕的文章就介紹到這了,更多相關Android自定義View分段選擇按鈕內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關文章
這篇文章主要介紹了Android數(shù)據(jù)持久化之I/O操作,結合實例形式較為詳細的分析了Android I/O操作的相關原理與具體的持久化實現(xiàn)技巧,需要的朋友可以參考下2017-05-05
大家應該都知道目前Flutter官方是沒有自定義鍵盤的解決方案,下面這篇文章主要給大家介紹了關于Flutter軟鍵盤原理的相關資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-10-10
這篇文章主要為大家詳細介紹了Android圖表庫HelloChart繪制多折線圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
Android獲取所在時區(qū)正確時間的方式有兩種,通過wifi獲取時間和通過通過GPS獲取時間這兩種方式,文中通過代碼示例給大家的介紹的非常詳細,需要的朋友可以參考下2024-04-04
下面小編就為大家分享一篇仿ios狀態(tài)欄顏色和標題欄顏色一致的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
Android SharedPreferences四種操作模式使用詳解
這篇文章主要介紹了Android SharedPreferences四種操作模式使用詳解的相關資料,這里介紹了獲取Android SharedPreferences的兩種方法及比較，和操作模式的介紹，需要的朋友可以參考下2017-07-07
Android動畫效果之自定義ViewGroup添加布局動畫（五）
這篇文章主要介紹了Android動畫效果之自定義ViewGroup添加布局動畫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要給大家介紹了關于Android如何通過URI獲取文件路徑的相關資料，文中通過示例代碼介紹的非常詳細，對各位Android開發(fā)者們具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-01-01
這篇文章主要為大家詳細介紹了Android自定義Banner輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
這篇文章主要為大家詳細介紹了如何實現(xiàn)一個Kotlin函數(shù)類型，文中的實現(xiàn)方法講解詳細，具有一定的借鑒價值，需要的小伙伴可以跟隨小編一起學習一下2022-10-10