效果图:

这样写Layout:

<?

xml version="1.0" encoding="utf-8"?

>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:rcm="http://schemas.android.com/apk/res/com.ringcentral.android"
android:id="@+id/contact_list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/bgColorMain"
android:orientation="vertical" > <FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent" > <ListView
android:id="@android:id/list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:cacheColorHint="@android:color/transparent"
android:divider="@null"
android:listSelector="@drawable/bg_list_item_selector" /> <com.example.view.<strong>SectionIndexerView //这个是右边的导航</strong>
android:id="@+id/section_indexer_view"
android:layout_width="70dip"
android:layout_height="fill_parent"
android:layout_gravity="right"
android:layout_marginBottom="4dip"
android:layout_marginRight="6dip"
android:layout_marginTop="4dip"
android:textSize="12.0sp" /> <<strong>TextView //这个是中间的字母提示</strong>
android:id="@+id/section_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/section_text_bg"
android:gravity="center"
android:textColor="#FFFFFF"
android:textSize="40sp"
android:visibility="gone" />
</FrameLayout> <RelativeLayout
android:id="@+id/no_contact_indication"
android:layout_width="match_parent"
android:layout_height="match_parent" > <TextView
android:id="@+id/emptyListText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:singleLine="true"
android:text="No Contacts"
android:textColor="@color/text_no_items"
android:textSize="20sp" /> <ProgressBar
android:id="@+id/loading"
style="@style/RCMProgressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:visibility="gone" />
</RelativeLayout> </LinearLayout>

关于SectionIndexerView  的写法:

public class SectionIndexerView extends View{

    public static final String TAG = SectionIndexerView.class.getSimpleName();
private static final boolean DEBUG = true;
/** 写文字的画笔 */
private Paint mTextPaint;
/** 指定view的宽度 */
private int mViewWidth = 0;
/** 指定view的高度 */
private int mViewHeight = 0;
/** 每一个文字的高度 */
private float mPerTextHeight;
/** 是否是按下状态 */
private boolean mIsPressed = false;
/** 关联的listview */
private ListView mListview = null;
/** 关联的indexer */
private SectionIndexer mIndexer;
/** 关联的textview */
private TextView mView = null;
/** 依照A-Z排序的section */
private String[] mSectionIndexerText = { "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 static final float TEXTSIZE_RATIO = 0.84f;
/** 默认的字体大小常量 */
private static final int CHAR_WIDTH = 12;
/** 背景的透明度 */
private static final int BG_ALPHA = 153;
/** 背景的圆角弧度 */
private static final float BG_RADIAN = 20f;
/** 默认的字体大小 */
private int mCharwidth = CHAR_WIDTH;
/** Context */
private Context mContext = null; /**
* 构造函数
*
* @param context
* Context
*/
public SectionIndexerView(Context context) {
super(context);
init(context);
} /**
* 构造函数
*
* @param context
* Context
* @param attributeSet
* AttributeSet
*/
public SectionIndexerView(Context context, AttributeSet attributeSet) {
super(context, attributeSet);
init(context);
} /**
* 初始化基本信息
*
* @param context
* Context
*/
private void init(Context context) {
mContext = context;
mCharwidth = (int) (mCharwidth * mContext.getResources().getDisplayMetrics().density);
this.mTextPaint = new Paint();
this.mTextPaint.setAntiAlias(true);
this.mTextPaint.setColor(-1);
} /**
* 初始化SectionIndexer,指定listview,indexer及显示section的textview
*
* @param listview
* 关联的listview
* @param indexer
* 关联的SectionIndexer
* @param view
* 关联的TextView
*/
public void init(ListView listview, SectionIndexer indexer, TextView view) {
this.mListview = listview;
this.mIndexer = indexer;
this.mView = view;
} @Override
protected void onDraw(Canvas paramCanvas) {
Paint localPaint = new Paint();
localPaint.setAntiAlias(true);
this.mTextPaint.setColor(Color.parseColor("#75797d"));
if (this.mIsPressed) {
localPaint.setColor(Color.parseColor("#838a98"));
localPaint.setAlpha(BG_ALPHA);
} else {
localPaint.setAlpha(0);
} this.mTextPaint.setTextSize(this.mViewHeight * TEXTSIZE_RATIO / mSectionIndexerText.length);
System.out.println("==textSize="+(this.mViewHeight * TEXTSIZE_RATIO / mSectionIndexerText.length));
System.out.println("====mViewWidth="+mViewWidth+"mCharWidth="+mCharwidth);
//paramCanvas.drawRoundRect是画背景,BG_RADIAN为弯曲的弧度
paramCanvas.drawRoundRect(new RectF(50, 0.0F, this.mViewWidth,
this.mViewHeight), BG_RADIAN, BG_RADIAN,
localPaint); //这个textPointX为
int textPointX = 140; //textPointY为写text的Y的位置
float textPointY = (this.mPerTextHeight - this.mTextPaint.ascent()) / 2.0F; int sectionslength = this.mSectionIndexerText.length;
int currentSection = 0;
int currentHeight = 0;
while (true) {
if (currentSection >= sectionslength) {
break;
} //(mCharwidth - (int) this.mTextPaint.measureText(this.mSectionIndexerText[currentSection])) / 2
//这样写的原因是使每一个字母居中对齐
paramCanvas.drawText(
this.mSectionIndexerText[currentSection],
textPointX
+ (mCharwidth - (int) this.mTextPaint
.measureText(this.mSectionIndexerText[currentSection])) / 2,
textPointY + (3.0F + currentHeight * this.mPerTextHeight), this.mTextPaint);// SUPPRESS CHECKSTYLE : magic number
++currentHeight;
++currentSection;
} } @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int width = View.MeasureSpec.getSize(widthMeasureSpec);
this.mViewWidth = width; int height = View.MeasureSpec.getSize(heightMeasureSpec);
this.mViewHeight = height;
setMeasuredDimension(this.mViewWidth, this.mViewHeight);
this.mPerTextHeight = (this.mViewHeight / this.mSectionIndexerText.length);
} @Override
public boolean onTouchEvent(MotionEvent motionEvent) {
boolean returnvalue = false;
switch (motionEvent.getAction()) {
case MotionEvent.ACTION_DOWN:
if (DEBUG) {
Log.d(TAG, "action down!");
}
mListview.dispatchTouchEvent(MotionEvent.obtain(SystemClock.uptimeMillis(),
SystemClock.uptimeMillis(), MotionEvent.ACTION_CANCEL, 0, 0, 0));
returnvalue = processTouchEvent(motionEvent);
break;
case MotionEvent.ACTION_MOVE:
if (DEBUG) {
Log.d(TAG, "action move!");
}
returnvalue = processTouchEvent(motionEvent);
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_CANCEL:
if (DEBUG) {
Log.d(TAG, "action up!");
}
setPressed(false);
mView.setText("");
mView.setVisibility(View.GONE);
returnvalue = true; break;
default:
break;
}
invalidate();
return returnvalue;
} /**
* 处理onTouch事件
*
* @param motionEvent
* MotionEvent
* @return true 处理了触摸事件。false没有处理
*/
private boolean processTouchEvent(MotionEvent motionEvent) {
String selcected = ""; int backgroundPointX = this.mViewWidth - getPaddingRight() - mCharwidth * 3// SUPPRESS CHECKSTYLE
- getPaddingLeft();
if (motionEvent.getX() < backgroundPointX) {
mView.setVisibility(View.GONE);
setPressed(false);
return false;
}
setPressed(true);
int curruntSection = (int) (motionEvent.getY() / this.mPerTextHeight); if (curruntSection >= 0 && curruntSection <= mSectionIndexerText.length - 1) {
selcected = mSectionIndexerText[curruntSection];
mView.setVisibility(View.VISIBLE);
} else {
if (curruntSection < 0) {
selcected = mSectionIndexerText[0];
} else if (curruntSection > mSectionIndexerText.length) {
selcected = mSectionIndexerText[mSectionIndexerText.length - 1];
}
mView.setVisibility(View.GONE);
}
boolean foundedPosition = false;
for (int i = 0; i < mIndexer.getSections().length; i++) {
SectionTitle title = (SectionTitle)mIndexer.getSections()[i];
if (selcected.equals(title.title)) {
mListview.setSelection(mIndexer.getPositionForSection(i));
foundedPosition = true;
break;
}
} if (foundedPosition) {
mView.setBackgroundResource(R.drawable.section_text_bg);
mView.setText(selcected);
} else {
mView.setBackgroundResource(R.drawable.section_text_gray_bg);
mView.setText(selcected);
}
return true;
}
@Override
public void setPressed(boolean pressed) {
this.mIsPressed = pressed;
} }

这样来初始化:

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.contacts_list_content);
mEmtytext = (TextView) findViewById(R.id.emptyListText);
mLoadingBar = (ProgressBar) findViewById(R.id.loading); mQueryHandler = new MyHandler(this);
mAdapter = new ContactsAdapter(this); mSectionIndexer = (SectionIndexerView)findViewById(R.id.section_indexer_view);
TextView textView = (TextView)findViewById(R.id.section_text); getListView().setOnScrollListener(mAdapter);
setListAdapter(mAdapter);
<strong>mSectionIndexer.init(getListView(), mAdapter, textView);</strong>
startQuery();
}

代码:http://download.csdn.net/detail/baidu_nod/7810525

假设给Contact的List加一个用字母排序的导航的更多相关文章

  1. WordPress制作一个首字母排序的标签页面

    很早就想制作这样一个页面了,废话不多说, 先看看效果:传送门 在网上找了很多的代码,试了很久,修改了一些代码,最终就达到了现在的效果. 实现方法:(里面增加了缓存功能,打开页面更快,对数据进行了缓存, ...

  2. C++在字符串前加一个L作用:

    在字符串前加一个L作用:    如 L"我的字符串" 表示将ANSI字符串转换成unicode的字符串,就是每个字符占用两个字节.    strlen("asd" ...

  3. oracle 中的trunc()函数及加一个月,一天,一小时,一分钟,一秒钟方法

    返回处理后的数据,不同于round()(对数值进行四舍五入处理),该函数不对指定小数前或后的数值部分进行舍入处理. 语法:trunc(number[,decimals]) 其中,number为待做处理 ...

  4. iOS圆形图片裁剪,以及原型图片外面加一个圆环

    废话不多说,直接上代码 #import "ViewController.h" @interface ViewController () @property (nonatomic,s ...

  5. 如何给div加一个边框border样式

    如何给div加一个边框样式? 对div盒子加一个边框样式很简单只需要使用border板块样式即可. 一.虚线与实线边框 边框虚线样式:dashed 边框实现样式:solid border:1px da ...

  6. sh里没有多行注释,只能每一行加一个#号

    sh里没有多行注释,只能每一行加一个#号.只能像这样: #-------------------------------------------- # 这是一个自动打ipa的脚本,基于webfrogs ...

  7. express4.0之后不会解析req.files,必须加一个插件multer

    express 4 + 用multer express4.0之后不会解析req.files,必须加一个插件multer http://www.w3school.com.cn/tags/att_form ...

  8. iOS 给UITextView加一个placeholder

    苹果并没有为UITextView提供placeholder功能.我们可以通过两种办法实现. 方法一: 思路:设置默认显示的文字,颜色设置为灰色.代理方法监听textView点击. 缺点:如果点击到文字 ...

  9. [UE4]快速移动,给单位向量加一个力

    一.(Vector_End- Vector_Start ).Normalize,获取从起始位置指向目标位置的单位向量. 二.给单位向量乘以一个浮点数,即给向量加一个力,是往向量方向移动 每一帧往目标点 ...

随机推荐

  1. Android 更好的Activity生命周期回调

    /** * This class allows you to listen to when the user is entering the background (i.e. after a home ...

  2. cookie记录用户的浏览商品的路径

    在电子商务的网站中,经常要记录用户的浏览路径,以判断用户到底对哪些商品感兴趣,或者哪些商品之间存在关联. 下面将使用cookie记录用户的浏览过的历史页面.该网站将每个页面的标题保存在该页面的$TIT ...

  3. asp.net内置对象session和cookie

    1.各个机器的session对象不同,不同浏览器之间不通用(换个浏览器,是个新的session). 2.session状态对象起始于网页打开,终止于网页关闭,生命周期有限. 3.关闭浏览器/超时的情况 ...

  4. intent传对象

    intent还有一个很好用的地方,就是传输对象,但要注意的是这里的传输只是将对象复制了一份通过intent进行传递,并不能达到实时更新的效果,也就是这个对象等偏重于“读”.intent对这个对象有着严 ...

  5. uestc 10 In Galgame We Trust

    题意:求最长的合法括号序列 解:栈+分类讨论 now表示已经算出的序列,且此序列与现在扫描的序列可能能够连接,tmp表示现在扫描到的序列长度 左括号入栈 右括号:1.栈空时:统计当前总长 并且将栈,n ...

  6. opennebula kvm attach disk

    openNebula hotPlug disk or nic 网络检索关键字(Network search keywords) 208.117.233.122 virsh attach disk vi ...

  7. Sprite Kit编程指南中文版下载

    下载地址:http://download.csdn.net/detail/xin814/6032573 关于Sprite Kit 重要提示:  这是API或开发技术的一个初版文档.虽然本文档的技术准确 ...

  8. linux下Oracle11g RAC搭建(六)

    linux下Oracle11g RAC搭建(六) 五.校验安装前的环境 root身份下完毕解压grid.database安装包 [grid@node1 soft]$ su - Password: [r ...

  9. oracle传输表空间功能测试(含详细过程)

    最近做数据迁移,之前有一篇迁移思路思考的文章,这里继续做具体的测试,主题问表空间传输. 一.源服务器上导出表空间 源服务器:   10.1.122.55 目标服务器:10.1.122.54 0.设置字 ...

  10. appium locator

    If you want to find out more about the UIAutomator library, then it might be helpful to check out ht ...