需要定义一个SideBar的视图类  在布局文件中引用   同时在布局中设置一个textView默认不可见

当触摸时才显示   在调用的Activity中

sideBar.setOnTouchingLetterChangedListener方法
离开时不可见 同时联动listView listView.setSelection(i)设置联动;
 package com.archie.lazyhousewifery.cityandauntdetail.makeview;

 import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.TextView; import com.archie.lazyhousewifery.cityandauntdetail.Constants; public class SideBar extends View { public String[] characters = new String[] { "#", "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 Paint paint;
private int textSize = 16;
private int defaultTextColor = Color.parseColor("#D2D2D2");
private int selectedTextColor = Color.parseColor("#2DB7E1");
private int touchedBgColor = Color.parseColor("#F5F5F5");
private TextView text_dialog; private OnTouchingLetterChangedListener onTouchingLetterChangedListener; private int position = -1; public SideBar(Context context) {
super(context);
} public SideBar(Context context, AttributeSet attrs) {
super(context, attrs);
init();
} public SideBar(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
} public void setTextDialog(TextView textView){
this.text_dialog = textView;
} private void init() {
paint = new Paint();
paint.setAntiAlias(true);
} @Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas); int height = getHeight();
int width = getWidth();
int singleHeight = height / characters.length; for (int i = 0; i < characters.length; i++) {
if (i == position) {
paint.setColor(selectedTextColor);
} else {
paint.setColor(defaultTextColor);
}
paint.setTextSize(textSize); float xPos = width / 2 - paint.measureText(characters[i]) / 2;
float yPos = singleHeight * i + singleHeight;
canvas.drawText(characters[i], xPos, yPos, paint);
}
} @Override
public boolean onTouchEvent(MotionEvent event) {
int action = event.getAction();
float y = event.getY();
position = (int) (y / (getHeight() / characters.length));
if (position >= 0 && position < Constants.CITY_TYPE.length) {
onTouchingLetterChangedListener.onTouchingLetterChanged(position);
switch (action) {
case MotionEvent.ACTION_UP:
setBackgroundColor(Color.TRANSPARENT);
position = -1;
invalidate();
if (text_dialog != null) {
text_dialog.setVisibility(View.INVISIBLE);
}
break;
default:
setBackgroundColor(touchedBgColor);
invalidate();
text_dialog.setText(characters[position]);
break;
}
}else{ setBackgroundColor(Color.TRANSPARENT);
if (text_dialog != null) {
text_dialog.setVisibility(View.INVISIBLE);
} }
return true;
} public void setOnTouchingLetterChangedListener(
OnTouchingLetterChangedListener onTouchingLetterChangedListener) {
this.onTouchingLetterChangedListener = onTouchingLetterChangedListener;
} public interface OnTouchingLetterChangedListener {
public void onTouchingLetterChanged(int position);
} }

SideBar

private void initSideBar() {

        sideBar.setTextDialog(dialog_text);
sideBar.setOnTouchingLetterChangedListener(new SideBar.OnTouchingLetterChangedListener() { @Override
public void onTouchingLetterChanged(int position) {
String city_label = Constants.CITY_TYPE[position];
for (int i = 0; i < cityList.size(); i++) {
if (cityList.get(i).getCityName().equals(city_label)) { cityListView.setSelection(i);
dialog_text.setVisibility(View.VISIBLE);
break;
}
if(i == cityList.size() -1){ dialog_text.setVisibility(View.INVISIBLE); }
}
}
}); }
上边的代码是在activity中引用sideBar  回调的方法  其他的稍作处理就可以运行了

SideBar 选择城市时右侧边上的 选择bar的更多相关文章

  1. 美团HD(5)-选择城市

    DJSelectCityViewController.m #import "DJSelectCityViewController.h" #import "DJConsta ...

  2. h5手机端下拉选择城市

    <!doctype html><html>    <head>            <meta http-equiv="Content-Type& ...

  3. XML:使用DOM技术解析xML文件中的城市,实现select级联选择

    中国的城市xml格式:cities.xml <?xml version="1.0" encoding="utf-8"?> <china> ...

  4. jquery实现输入框聚焦,键盘上下键选择城市

    在最近有个项目中 需要实现当文本框聚焦的时候,可以键盘上下键选择内容,按enter键的时候,把内容传到输入框中,如图所示: 实现代码如下: /** *输入框聚焦,键盘上下键选择城市 */ ;(func ...

  5. [WP8] Binding时,依照DataType选择DataTemplate

    [WP8] Binding时,依照DataType选择DataTemplate 范例下载 范例程序代码:点此下载 问题情景 在开发WPF.WP8...这类应用程序的时候,透过Binding机制搭配Da ...

  6. ecshop添加商品选择品牌时如何按拼音排序

    ECSHOP后台添加新商品时,有一个选择品牌的下拉框,如果品牌太多,在下拉框里查找起来很不方便. 我想给“下拉框里的品牌列表”按品牌名的拼音排序,比如有“中国水利出版社” “中国人民出版社” 这两个品 ...

  7. 每天一个JavaScript实例-动态省份选择城市

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  8. Swift基础之实现选择图片时,出现类似于ActionSheet的样式

    之前看到过有APP在选择图片时,调用手机相册时,将手机相册做成了左右滑动选择的效果,这次展示的就是这种样式,用OC语言已经有人实现过类似的代码,在这里写的仅仅是效果展示的代码调用,具体代码,可以自己研 ...

  9. jQuery 选择城市,显示对应的即时时区时间

    因客户需要,我们CRM系统中,jQuery 弄个时区插件 如图: HTML: <div id="cityDate"> <i class="P_arrow ...

随机推荐

  1. laravel视图$errors为空

    最近用laravel5.2的validator时,完全参考手册操作,结果控制器$validator->errors()->all()正常显示错误信息,$validator->fail ...

  2. U3D中可以直接使用GL!!!

    https://blog.csdn.net/u013172864/article/details/78860624

  3. Grafana+Zabbix使用配置

    官方提供的网友分享的图形面板,可以自行选择使用下载---  https://grafana.com/dashboards   Grafana 是 Graphite 和 InfluxDB 仪表盘和图形编 ...

  4. hadoop搭建部署

    HDFS(Hadoop Distributed File System)和Mapreduce是hadoop的两大核心: HDFS(文件系统)实现分布式存储的底层支持 Mapreduce(编程模型)实现 ...

  5. 使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. numpy-Randow

    Randow使用 http://blog.csdn.net/pipisorry/article/details/39508417 概率相关使用 转:http://www.cnblogs.com/Nau ...

  7. 通过日志恢复SQL Server的历史数据

    通过日志恢复SQL Server的历史数据 Posted on 2008-11-14 21:47 代码乱了 阅读(4658) 评论(10)  编辑 收藏 园子里前段时间发过一篇通过日志恢复MSSQL数 ...

  8. MySQL 数据 导入到 SQL Service

    1.下载安装ODBC驱动程序 地址:http://dev.mysql.com/downloads/connector/odbc/ 注意:系统的版本问题( 我的是64位的win7系统,但是SQL Ser ...

  9. hadoop2.7.7 测试安装 centos7

    useradd –m hadoop –s /bin/bash passwd hadoop   增加sudo权限 chmod u+w /etc/sudoers vi /etc/sudoers root ...

  10. vc for python2.7

    https://www.microsoft.com/en-us/download/confirmation.aspx?id=44266