Android側(cè)邊欄滑動(dòng)切換的view效果
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.drawable.BitmapDrawable;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
public class SideBar extends View {
private static final int MARGIN_BOTTOM = 2;
private int mItemHeight = 18;
private OnLetterTouchListener mOnLetterTouchListener;
private Paint mPaint;
private float mWidthCenter;
private int backgroundColor = 0x00F0F0F0;
private char[] chars = AppCommon.INDEXER_CHARS;
public interface OnLetterTouchListener {
public abstract void onPressedDown(int index, char ch);
public abstract void onPressedUp(int index, char ch);
}
public SideBar(Context context) {
this(context, null);
}
public SideBar(Context context, AttributeSet attrs) {
this(context, attrs, -1);
}
public SideBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
private int startY = 0;//其實(shí)位置的y軸坐標(biāo)
public SideBar setChars(char[] chars) {
this.chars = chars;
// for(int i = 0 ; i < (26 - chars.length) / 2 ; i++){
// startY += i * mItemHeight;
// }
init();
postInvalidate();
return this;
}
private void init() {
mPaint = new Paint();
mPaint.setColor(0xFFCFCFD0);
mPaint.setAntiAlias(true);
mPaint.setFakeBoldText(true);
mPaint.setTextSize(32);
mPaint.setColor(getResources().getColor(R.color.blue));
mPaint.setSubpixelText(true);
mPaint.setTextAlign(Paint.Align.CENTER);
setBackgroundColor(backgroundColor);
}
public boolean onTouchEvent(MotionEvent event) {
super.onTouchEvent(event);
int idx = (int) event.getY() / mItemHeight;
if (idx >= chars.length) {
idx = chars.length - 1;
} else if (idx < 0) {
idx = 0;
}
if (event.getAction() == MotionEvent.ACTION_DOWN || event.getAction() == MotionEvent.ACTION_MOVE) {
setBackgroundResource(R.color.sidebar_select_background);
if (mOnLetterTouchListener != null) {
mOnLetterTouchListener.onPressedDown(idx, chars[idx]);
}
} else if (event.getAction() == MotionEvent.ACTION_UP) {
setBackgroundDrawable(new BitmapDrawable());
setBackgroundColor(backgroundColor);
if (mOnLetterTouchListener != null) {
mOnLetterTouchListener.onPressedUp(idx, chars[idx]);
}
}
return true;
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
mItemHeight = (h - MARGIN_BOTTOM) / 26;
mWidthCenter = getMeasuredWidth() / 2;
super.onSizeChanged(w, h, oldw, oldh);
}
protected void onDraw(Canvas canvas) {
for (int i = 0; i < chars.length; i++) {
canvas.drawText(String.valueOf(chars[i]), mWidthCenter,startY + mItemHeight + (i * mItemHeight), mPaint);
}
super.onDraw(canvas);
}
public void setOnLetterTouchListener(OnLetterTouchListener listener) {
mOnLetterTouchListener = listener;
}
}
以上所述是小編給大家介紹的Android側(cè)邊欄滑動(dòng)切換的view效果,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
android TextView中識(shí)別多個(gè)url并分別點(diǎn)擊跳轉(zhuǎn)方法詳解
在本篇文章里小編給大家整理的是關(guān)于android TextView中識(shí)別多個(gè)url并分別點(diǎn)擊跳轉(zhuǎn)方法詳解,需要的朋友們可以學(xué)習(xí)參考下。2019-08-08
Gradle?Build?Cache引發(fā)的Task緩存編譯問題
這篇文章主要為大家介紹了Gradle?Build?Cache引發(fā)的Task緩存編譯問題,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06
基于Flutter實(shí)現(xiàn)動(dòng)態(tài)高斯模糊的流程步驟
一個(gè)App加上高斯模糊會(huì)形成一種高級(jí)的感覺,本文將介紹如何制作一個(gè)根據(jù)背景內(nèi)容來動(dòng)態(tài)高斯模糊,文中有詳細(xì)的代碼實(shí)現(xiàn)步驟,代碼示例講解的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2023-11-11
android自定義組件實(shí)現(xiàn)儀表計(jì)數(shù)盤
這篇文章主要為大家詳細(xì)介紹了android自定義組件實(shí)現(xiàn)儀表計(jì)數(shù)盤,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11
Android實(shí)現(xiàn)一周時(shí)間早中晚排班表
項(xiàng)目需求需要實(shí)現(xiàn)一個(gè)動(dòng)態(tài)添加,修改一周早中晚時(shí)間排班表,文章給大家提供了實(shí)現(xiàn)代碼,需要的朋友參考下吧2018-07-07

