废话不多说了,直接给大家贴代码了,具体代码如下所示:
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; } }
以上所述是小编给大家介绍的Android侧边栏滑动切换的view效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!
本文向大家介绍Android实现仿通讯录侧边栏滑动SiderBar效果代码,包括了Android实现仿通讯录侧边栏滑动SiderBar效果代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android实现仿通讯录侧边栏滑动SiderBar效果代码。分享给大家供大家参考,具体如下: 之前看到某些应用的侧边栏做得不错,想想自己也弄一个出来,现在分享出来,当然里面还有不足的地方,请大家多多包
可以从左侧或者右侧滑出的面板。 使用侧栏 在任何元素上增加 .open-panel 类都可以使它能点击打开侧栏。如果有多个侧栏,你可以通过 data-panel='{panel的选择}'来指定具体打开哪一个侧栏 在任何元素上增加 .close-panel 类都可以使他点击关闭侧栏,因为侧栏只能同时打开一个,所以关闭的时候你不用指定是哪一个侧栏。 可以通过 .panel-left 或者 .panel
创建侧边栏对于以下目的很有用: 将 相关文档 分组 为每篇文档 显示一个侧边栏 提供带有 下一页/上一页(next/previous)按钮的 分页导航 要为你的 Docusaurus 网站添加侧边栏的话,需要: 创建一个导出(export) 侧边栏对象(sidebar object) 的文件。 将此对象直接或通过 @docusaurus/preset-classic 传递给 @docusaurus
本文向大家介绍jq实现左侧显示图片右侧文字滑动切换效果,包括了jq实现左侧显示图片右侧文字滑动切换效果的使用技巧和注意事项,需要的朋友参考一下 分享一款jQuery左侧图片右侧文字滑动切换代码。这是一款基于jQuery实现的列表图片控制图片滑动切换代码。效果图如下: 下面给大家分享下基于jq实现左侧显示图片右侧文字滑动切换效果,用div+css布置表单借用jq实现特效,具体不多说了,请看下面代码。
本文向大家介绍Android实现3种侧滑效果(仿qq侧滑、抽屉侧滑、普通侧滑),包括了Android实现3种侧滑效果(仿qq侧滑、抽屉侧滑、普通侧滑)的使用技巧和注意事项,需要的朋友参考一下 自己实现了一下侧滑的三种方式(注释都写代码里了) 本文Demo下载地址:Andriod侧滑 本文实现所需框架:nineoldandroids下载地址:nineoldandroids 1.普通侧滑: 主要是基于
本文向大家介绍jQuery实现平滑滚动的标签分栏切换效果,包括了jQuery实现平滑滚动的标签分栏切换效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现平滑滚动的标签分栏切换效果。分享给大家供大家参考。具体如下: 这是一款老外的作品,后半部分的代码有点乱,具体就不细整理了,喜欢的朋友自己拷贝代码慢慢整理一下吧,呵呵,虽乱但功能不乱,预览看效果吧,很不错的标签滚动切换。 先