微信联系人右侧字母滑动索引

实现思路：通过自定义View在频幕右侧循环写入a~z;复写onTouchEvent

 @Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_MOVE:break;case MotionEvent.ACTION_DOWN:break;case MotionEvent.ACTION_UP:             break;}

点击的时候获取点击的字母传给 listener.onItemSelect(index, array[index]);
使用观察者模式` //观察者模式
public interface OnItemSelect {
public void onItemSelect(int index, String indexString);
}

private OnItemSelect listener;public void setOnItemSelectListener(OnItemSelect listener) {this.listener = listener;
}`

在MainActivity当中

mySlider.setOnItemSelectListener(new MySlider.OnItemSelect(){@Overridepublic void onItemSelect(int index, String indexString) {textView.setText(indexString);}});

将字母赋给textView

通过自定义View实现，代码及注释如下

自定义View

public class MySlider extends View {private String[] array = {"a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"};private int width;private int height;private Paint paint;private Paint paintTouch;private int index = -1;//观察者模式public interface OnItemSelect {public void onItemSelect(int index, String indexString);}private OnItemSelect listener;public void setOnItemSelectListener(OnItemSelect listener) {this.listener = listener;}public MySlider(Context context, AttributeSet attrs) {super(context, attrs);paint = new Paint();paint.setTextAlign(Paint.Align.CENTER);paint.setTextSize(30);paintTouch = new Paint();paintTouch.setColor(Color.GREEN);paintTouch.setTextSize(32);}@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);setMeasuredDimension(width, height);}private float x;private float y;@Overridepublic boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_MOVE:case MotionEvent.ACTION_DOWN:x = event.getX();y = event.getY();if (x > width - paint.measureText("m") * 2) {index = (int) y / (height / 26);Log.d("", "点击的字母" + array[index]);if (listener != null) {listener.onItemSelect(index, array[index]);}invalidate();return true;}break;case MotionEvent.ACTION_UP:index = -1;invalidate();break;}return super.onTouchEvent(event);}@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);for (int i = 0; i < 26; i++) {if (index == i) {canvas.drawText("" + array[i], width - paint.measureText("m"), height / 26 * (i + 1), paintTouch);} else {canvas.drawText("" + array[i], width - paint.measureText("m"), height / 26 * (i + 1), paint);}}}
}

Activity

public class MainActivityMySlider extends Activity {private MySlider mySlider;private TextView textView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_mainmyslider);//mySlider既是一个控件又是类名mySlider= (MySlider) findViewById(R.id.myslider);textView= (TextView) findViewById(R.id.textview);mySlider.setOnItemSelectListener(new MySlider.OnItemSelect(){@Overridepublic void onItemSelect(int index, String indexString) {textView.setText(indexString);}});}
}

XML布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><com.example.administrator.canvas.widget.MySlider
        android:id="@+id/myslider"android:layout_width="match_parent"android:layout_height="match_parent"/><TextView
        android:id="@+id/textview"android:layout_width="wrap_content"android:layout_height="wrap_content"android:gravity="center"android:text="A"android:textSize="200dp"/></RelativeLayout>

微信联系人右侧字母滑动索引相关推荐

模拟微信联系人右侧字母滑动
先看看效果图具体代码如下(可以直接使用,不需要依赖其他东西) import android.annotation.TargetApi; import android.content.Context; ...
Android获取通讯录联系人，右侧字母滑动索引
一.跳转系统通讯录普通的联系人列表,无法选择联系人或回调,只能查看详情 Intent intent = new Intent();intent.setClassName("com.andr ...
android 仿微信联系人首字母分组快速索引
总结是一种习惯,不能停,一停人就懒了,都快一个月没有写了!该提提神了! 进入正题:android 仿微信联系人首字母快速索引,先用下美团的索引效果图: 1.自定义View字母索引栏(右边那一列): ...
联系人列表字母排序索引（三）
也是忙忙碌碌好几天,今天又有时间了,继续这个文章的编写. 阅读这篇文章之前,请先阅读联系人列表字母排序索引(一) 联系人列表字母排序索引(二) 今天是这篇文章的最后一部分,主要内容包括以下几点: 1 ...
联系人排序java代码_Android仿微信联系人按字母排序_脚本之家
App只要涉及到联系人的界面,几乎都是按照字母排序以及导航栏的方式.既然这个需求这么火,于是开始学习相关内容,此篇文章是我通过参考网上资料独立编写和总结的,希望多多少少对大家有所帮助,写的不好,还请各 ...
联系人排序java代码_Android仿微信联系人按字母排序
App只要涉及到联系人的界面,几乎都是按照字母排序以及导航栏的方式.既然这个需求这么火,于是开始学习相关内容,此篇文章是我通过参考网上资料独立编写和总结的,希望多多少少对大家有所帮助,写的不好,还请各 ...
联系人列表字母排序索引（一）
很久没有写博客了,对自己又放松了很多.这篇博客本来早就要写了,迟迟拖到现在.今天这里要说的是,联系人列表,分组带索引,即联系人按字母顺序排列并分组,右边还有索引条.先看下效果: 就是这么一个效果,想必 ...
vue中城市页面的实现方法（带右侧字母滑动和点击）
需要引入的插件 npm install better-scroll --save npm install axios --save 父组件代码 <template><div>& ...
Android仿微信实现通讯录字母列表索引
下面先看下我的效果图: 有需要的可以点击这里下载源码点我点我!!!

微信联系人右侧字母滑动索引

自定义View

Activity

XML布局

微信联系人右侧字母滑动索引相关推荐

最新文章

热门文章