最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Android侧边栏滑动切换的view效果
时间:2017-07-31 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 |
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; } } |
-
上一个: 带秀直播如何开直播 带秀直播开直播的方法
-
下一个: 王者荣耀3d视角如何打开
相关文章
- Android中Activity之间的切换动画例子 05-21
- 关于Android横竖屏切换及Activity重启周期的总结 08-17
- Android 5.0 中Activity切换效果动画介绍及例 06-08
- sora软件价格介绍 02-22
- sora官网入口地址一览 02-22
- Sora生成的视频使用教程 02-22