最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Android侧边栏滑动切换的view效果
时间:2022-06-25 23:23:47 编辑:袖梨 来源:一聚教程网
代码如下 | 复制代码 |
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轴坐标 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; } } |
相关文章
- 时空中的绘旅人天宇之间怎么玩 绘旅人天宇之间活动玩法介绍 12-25
- QQ2024年度报告怎么看 2024qq年度报告玩法介绍 12-25
- 归龙潮珠砂什么时候up 归龙潮红缘绮梦卡池介绍 12-25
- 王者荣耀S38赛季有什么更新 12-25
- 王者荣耀S38赛季有什么更新 王者荣耀S38赛季更新内容介绍 12-25
- 世界之外12.25有什么更新 世界之外12月25日更新内容介绍 12-25