Android側(cè)邊欄滑動切換的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;//其實位置的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è)邊欄滑動切換的view效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
關(guān)于Android 6.0權(quán)限的動態(tài)適配詳解
Android 6.0版本(Api 23)推出了很多新的特性, 大幅提升了用戶體驗, 同時也為程序員帶來新的負(fù)擔(dān). 動態(tài)權(quán)限管理就是這樣, 一方面讓用戶更加容易的控制自己的隱私, 一方面需要重新適配應(yīng)用權(quán)限,本文介紹了關(guān)于Android 6.0權(quán)限動態(tài)適配的相關(guān)資料,需要的朋友可以參考下。2017-11-11android實現(xiàn)圖片驗證碼方法解析(自繪控件)
本文主要介紹了android自繪控件的應(yīng)用--實現(xiàn)圖片驗證碼方法案例,具有一定的參考價值,下面跟著小編一起來看下吧2017-01-01解決RecyclerView無法onItemClick問題的兩種方法
這篇文章主要介紹了解決RecyclerView無法onItemClick問題的相關(guān)知識,非常不錯,具有參考借鑒價值,感興趣的朋友一起看下吧2016-07-07Flutter StatefulBuilder實現(xiàn)局部刷新實例詳解
這篇文章主要為大家介紹了Flutter StatefulBuilder實現(xiàn)局部刷新實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08Android?RecyclerView曝光采集的實現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Android?RecyclerView曝光采集的實現(xiàn)方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-01-01Android仿微信進(jìn)度彈出框的實現(xiàn)方法
最近公司項目需要實現(xiàn)類似微信進(jìn)度條彈出框效果,其實現(xiàn)方法并不難,下面給大家介紹下Android仿微信進(jìn)度彈出框的實現(xiàn)方法,需要的朋友參考下吧2017-01-01android關(guān)于按鈕點擊效果實現(xiàn)的方法
今天小編就為大家分享一篇關(guān)于android關(guān)于按鈕點擊效果實現(xiàn)的方法,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-03-03Android—基于微信開放平臺v3SDK開發(fā)(微信支付填坑)
這篇文章主要介紹了Android—基于微信開放平臺v3SDK開發(fā)(微信支付填坑),具有一定的參考價值,有需要的可以了解一下。2016-11-11