課程
/移動開發(fā)
/Android
/Android高級特效-索引
其中也有些沒講啊,就是事件處理中的如何確認(rèn)是那個索引?
2015-10-13
源自:Android高級特效-索引
正在回答
【蜘蛛俠TG@abin789】-6801【蜘蛛俠TG@abin789】-6802【蜘蛛俠TG@abin789】-6803【蜘蛛俠TG@abin789】-6804【蜘蛛俠TG@abin789】-6805【蜘蛛俠TG@abin789】-6806【蜘蛛俠TG@abin789】-6807【蜘蛛俠TG@abin789】-6808【蜘蛛俠TG@abin789】-6809【蜘蛛俠TG@abin789】-6810【蜘蛛俠TG@abin789】-6811【蜘蛛俠TG@abin789】-6812【蜘蛛俠TG@abin789】-6813【蜘蛛俠TG@abin789】-6814【蜘蛛俠TG@abin789】-6815【蜘蛛俠TG@abin789】-6816【蜘蛛俠TG@abin789】-6817【蜘蛛俠TG@abin789】-6818【蜘蛛俠TG@abin789】-6819【蜘蛛俠TG@abin789】-6820【蜘蛛俠TG@abin789】-6821【蜘蛛俠TG@abin789】-6822【蜘蛛俠TG@abin789】-6823【蜘蛛俠TG@abin789】-6824【蜘蛛俠TG@abin789】-6825【蜘蛛俠TG@abin789】-6826【蜘蛛俠TG@abin789】-6827【蜘蛛俠TG@abin789】-6828【蜘蛛俠TG@abin789】-6829【蜘蛛俠TG@abin789】-6830【蜘蛛俠TG@abin789】-6831【蜘蛛俠TG@abin789】-6832【蜘蛛俠TG@abin789】-6833【蜘蛛俠TG@abin789】-6834【蜘蛛俠TG@abin789】-6835【蜘蛛俠TG@abin789】-6836【蜘蛛俠TG@abin789】-6837【蜘蛛俠TG@abin789】-6838【蜘蛛俠TG@abin789】-6839【蜘蛛俠TG@abin789】-6840【蜘蛛俠TG@abin789】-6841【蜘蛛俠TG@abin789】-6842【蜘蛛俠TG@abin789】-6843【蜘蛛俠TG@abin789】-6844【蜘蛛俠TG@abin789】-6845【蜘蛛俠TG@abin789】-6846【蜘蛛俠TG@abin789】-6847【蜘蛛俠TG@abin789】-6848【蜘蛛俠TG@abin789】-6849【蜘蛛俠TG@abin789】-6850【蜘蛛俠TG@abin789】-6851【蜘蛛俠TG@abin789】-6852【蜘蛛俠TG@abin789】-6853【蜘蛛俠TG@abin789】-6854【蜘蛛俠TG@abin789】-6855【蜘蛛俠TG@abin789】-6856【蜘蛛俠TG@abin789】-6857【蜘蛛俠TG@abin789】-6858【蜘蛛俠TG@abin789】-6859【蜘蛛俠TG@abin789】-6860【蜘蛛俠TG@abin789】-6861【蜘蛛俠TG@abin789】-6862【蜘蛛俠TG@abin789】-6863【蜘蛛俠TG@abin789】-6864【蜘蛛俠TG@abin789】-6865【蜘蛛俠TG@abin789】-6866【蜘蛛俠TG@abin789】-6867【蜘蛛俠TG@abin789】-6868【蜘蛛俠TG@abin789】-6869【蜘蛛俠TG@abin789】-6870【蜘蛛俠TG@abin789】-6871【蜘蛛俠TG@abin789】-6872【蜘蛛俠TG@abin789】-6873【蜘蛛俠TG@abin789】-6874【蜘蛛俠TG@abin789】-6875【蜘蛛俠TG@abin789】-6876【蜘蛛俠TG@abin789】-6877【蜘蛛俠TG@abin789】-6878【蜘蛛俠TG@abin789】-6879【蜘蛛俠TG@abin789】-6880【蜘蛛俠TG@abin789】-6881【蜘蛛俠TG@abin789】-6882【蜘蛛俠TG@abin789】-6883【蜘蛛俠TG@abin789】-6884【蜘蛛俠TG@abin789】-6885【蜘蛛俠TG@abin789】-6886【蜘蛛俠TG@abin789】-6887【蜘蛛俠TG@abin789】-6888【蜘蛛俠TG@abin789】-6889【蜘蛛俠TG@abin789】-6890【蜘蛛俠TG@abin789】-6891【蜘蛛俠TG@abin789】-6892【蜘蛛俠TG@abin789】-6893【蜘蛛俠TG@abin789】-6894【蜘蛛俠TG@abin789】-6895【蜘蛛俠TG@abin789】-6896【蜘蛛俠TG@abin789】-6897【蜘蛛俠TG@abin789】-6898【蜘蛛俠TG@abin789】-6899【蜘蛛俠TG@abin789】-6900【蜘蛛俠TG@abin789】-6901【蜘蛛俠TG@abin789】-6902【蜘蛛俠TG@abin789】-6903【蜘蛛俠TG@abin789】-6904【蜘蛛俠TG@abin789】-6905【蜘蛛俠TG@abin789】-6906【蜘蛛俠TG@abin789】-6907【蜘蛛俠TG@abin789】-6908【蜘蛛俠TG@abin789】-6909【蜘蛛俠TG@abin789】-6910【蜘蛛俠TG@abin789】-6911【蜘蛛俠TG@abin789】-6912【蜘蛛俠TG@abin789】-6913【蜘蛛俠TG@abin789】-6914【蜘蛛俠TG@abin789】-6915【蜘蛛俠TG@abin789】-6916【蜘蛛俠TG@abin789】-6917【蜘蛛俠TG@abin789】-6918【蜘蛛俠TG@abin789】-6919【蜘蛛俠TG@abin789】-6920【蜘蛛俠TG@abin789】-6921【蜘蛛俠TG@abin789】-6922【蜘蛛俠TG@abin789】-6923【蜘蛛俠TG@abin789】-6924【蜘蛛俠TG@abin789】-6925【蜘蛛俠TG@abin789】-6926【蜘蛛俠TG@abin789】-6927【蜘蛛俠TG@abin789】-6928【蜘蛛俠TG@abin789】-6929【蜘蛛俠TG@abin789】-6930【蜘蛛俠TG@abin789】-6931【蜘蛛俠TG@abin789】-6932【蜘蛛俠TG@abin789】-6933【蜘蛛俠TG@abin789】-6934【蜘蛛俠TG@abin789】-6935【蜘蛛俠TG@abin789】-6936【蜘蛛俠TG@abin789】-6937【蜘蛛俠TG@abin789】-6938【蜘蛛俠TG@abin789】-6939【蜘蛛俠TG@abin789】-6940【蜘蛛俠TG@abin789】-6941【蜘蛛俠TG@abin789】-6942【蜘蛛俠TG@abin789】-6943【蜘蛛俠TG@abin789】-6944【蜘蛛俠TG@abin789】-6945【蜘蛛俠TG@abin789】-6946【蜘蛛俠TG@abin789】-6947【蜘蛛俠TG@abin789】-6948【蜘蛛俠TG@abin789】-6949【蜘蛛俠TG@abin789】-6950【蜘蛛俠TG@abin789】-6951【蜘蛛俠TG@abin789】-6952【蜘蛛俠TG@abin789】-6953【蜘蛛俠TG@abin789】-6954【蜘蛛俠TG@abin789】-6955【蜘蛛俠TG@abin789】-6956【蜘蛛俠TG@abin789】-6957【蜘蛛俠TG@abin789】-6958【蜘蛛俠TG@abin789】-6959【蜘蛛俠TG@abin789】-6960【蜘蛛俠TG@abin789】-6961【蜘蛛俠TG@abin789】-6962【蜘蛛俠TG@abin789】-6963【蜘蛛俠TG@abin789】-6964【蜘蛛俠TG@abin789】-6965【蜘蛛俠TG@abin789】-6966【蜘蛛俠TG@abin789】-6967【蜘蛛俠TG@abin789】-6968【蜘蛛俠TG@abin789】-6969【蜘蛛俠TG@abin789】-6970【蜘蛛俠TG@abin789】-6971【蜘蛛俠TG@abin789】-6972【蜘蛛俠TG@abin789】-6973【蜘蛛俠TG@abin789】-6974【蜘蛛俠TG@abin789】-6975【蜘蛛俠TG@abin789】-6976【蜘蛛俠TG@abin789】-6977【蜘蛛俠TG@abin789】-6978【蜘蛛俠TG@abin789】-6979【蜘蛛俠TG@abin789】-6980【蜘蛛俠TG@abin789】-6981【蜘蛛俠TG@abin789】-6982【蜘蛛俠TG@abin789】-6983【蜘蛛俠TG@abin789】-6984【蜘蛛俠TG@abin789】-6985【蜘蛛俠TG@abin789】-6986【蜘蛛俠TG@abin789】-6987【蜘蛛俠TG@abin789】-6988【蜘蛛俠TG@abin789】-6989【蜘蛛俠TG@abin789】-6990【蜘蛛俠TG@abin789】-6991【蜘蛛俠TG@abin789】-6992【蜘蛛俠TG@abin789】-6993【蜘蛛俠TG@abin789】-6994【蜘蛛俠TG@abin789】-6995【蜘蛛俠TG@abin789】-6996【蜘蛛俠TG@abin789】-6997【蜘蛛俠TG@abin789】-6998【蜘蛛俠TG@abin789】-6999【蜘蛛俠TG@abin789】-7000【蜘蛛俠TG@abin789】-7001【蜘蛛俠TG@abin789】-7002【蜘蛛俠TG@abin789】-7003【蜘蛛俠TG@abin789】-7004
package com.user.Widget;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.os.Handler;
import android.os.SystemClock;
import android.view.MotionEvent;
import android.widget.Adapter;
import android.widget.ListView;
import android.widget.SectionIndexer;
public class IndexScroller {
private Context mContext;
private ListView mListView = null;
private float mIndexbarWidth; // 索引條的寬度,
private float mIndexbarMargin; // 索引條離右側(cè)邊緣的距離
private float mPreviewPadding; // 點擊中間顯示的索引文本,距離四周的距離
private float mDensity; // 當(dāng)前屏幕密度除以160
private float mScaledDensity; // 當(dāng)前屏幕密度除以160(設(shè)置字體的尺寸)
private float mAlphaRate; // 索引條透明度(用來顯示和隱藏索引條)0-1
private int mState = STATE_HIDDEN; // 索引條當(dāng)前狀態(tài)
private int mListViewWidth; // 屏幕的寬度
private int mListViewHeight; // 屏幕的高度
private int mCurrentSection = -1; // 當(dāng)前所點擊的索引值
private boolean mIsIndexing = false;
private SectionIndexer mIndexer = null;
private String[] mSections;
private RectF mIdexbarRect; // 繪制索引條區(qū)域
public static final int STATE_HIDDEN = 0;
public static final int STATE_SHOWING = 1;
public static final int STATE_SHOW = 2;
public static final int STATE_HIDDENING = 3;
public IndexScroller(Context mContext, ListView mListView) {
this.mContext = mContext;
this.mListView = mListView;
// 獲取當(dāng)前屏幕的密度比值
mDensity = mContext.getResources().getDisplayMetrics().density;
// 獲取字體密度比值
mScaledDensity = mContext.getResources().getDisplayMetrics().scaledDensity;
setAdapter(mListView.getAdapter());
// 根據(jù)屏幕的 密度比值來調(diào)整索引條的寬度(單位:像素)
mIndexbarWidth = 20 * mDensity;
mIndexbarMargin = 10 * mDensity;
mPreviewPadding = 5 * mDensity;
}
public void setAdapter(Adapter adapter) {
if (adapter instanceof SectionIndexer) {
mIndexer = (SectionIndexer) adapter;
mSections = (String[]) mIndexer.getSections();
/**
* 繪制索引條和預(yù)覽文本
*?
* @param mPaint
*/
public void draw(Canvas mCanvas) {
// 1、繪制索引條和背景
// 2、繪制預(yù)覽文本和背景
if (mState == STATE_HIDDEN) {
return;
* 繪制索引條的區(qū)域
Paint mPaint = new Paint();
mPaint.setColor(Color.BLACK);
mPaint.setAlpha((int) (64 * mAlphaRate)); // 設(shè)置透明度,逐漸顯示
// 繪制索引條(四個角都是圓角區(qū)域)
mCanvas.drawRoundRect(mIdexbarRect, 5 * mDensity, 5 * mDensity, mPaint);
* 繪制預(yù)覽文本背景和文字
if (mSections != null && mSections.length > 0) {
// 繪制預(yù)覽文本背景和文字 , 大于0則點擊
if (mCurrentSection > 0) {
Paint previewPaint = new Paint(); // 繪制文本畫筆
previewPaint.setColor(Color.BLACK);
previewPaint.setAlpha(96);
Paint previewTextPaint = new Paint(); // 繪制文字畫筆
previewTextPaint.setColor(Color.WHITE);
previewTextPaint.setTextSize(50 * mScaledDensity);
// 獲取文本字體的寬度
float previewTextWidth = previewTextPaint
.measureText(mSections[mCurrentSection]);
// 獲得顯示文本的區(qū)域?qū)捀叨?= 上下間距padding + 字母往下超過基準(zhǔn)線的高度(正值) +
// 字母在基準(zhǔn)線的上面的高度(負(fù)值,負(fù)負(fù)得正)
float previewSize = 2 * mPreviewPadding
+ previewTextPaint.descent()
- previewTextPaint.ascent();
// 預(yù)覽文本區(qū)域所在位置
// 左=(屏幕寬度-顯示文本區(qū)域?qū)挾龋? 2 上= (屏幕高度-顯示文本區(qū)域高度)/ 2
RectF previewRectF = new RectF(
(mListViewWidth - previewSize) / 2,
(mListViewHeight - previewSize) / 2,
(mListViewWidth - previewSize) / 2 + previewSize,
(mListViewHeight - previewSize) / 2 + previewSize);
// 繪制預(yù)覽文本背景
mCanvas.drawRoundRect(previewRectF, 5 * mDensity, 5 * mDensity,
previewPaint);
// 繪制預(yù)覽文本的字體
mCanvas.drawText(
mSections[mCurrentSection],
(previewRectF.left + (previewSize - previewTextWidth)
/ 2 + 1),
(previewRectF.top + mPreviewPadding
- previewTextPaint.ascent() + 1),
previewTextPaint);
* 設(shè)置索引字母
// 設(shè)置繪制索引字母的屬性
Paint indexPaint = new Paint();
indexPaint.setColor(Color.WHITE);
indexPaint.setAlpha((int) (255 * mAlphaRate));
indexPaint.setTextSize(12 * mScaledDensity);
// 取得索引中每個字母的區(qū)域高度 = (索引區(qū)域高度 - 上下margin值 )/索引的長度length
float sectionHeight = ((mIdexbarRect.height() - 2 * mIndexbarMargin) / mSections.length);
// 設(shè)置每個字母區(qū)域中的文字的padding值 = (每個字母區(qū)域 - 文字高度)/2
float sectionPaddingTop = ((sectionHeight - (indexPaint.descent() - indexPaint
.ascent())) / 2);
for (int i = 0; i < mSections.length; i++) {
// 取得繪制的文字的paddingLeft值
float sectionPaddingLeft = (mIndexbarWidth - indexPaint
.measureText(mSections[i])) / 2;
// 開始繪制
mCanvas.drawText(mSections[i],
(mIdexbarRect.left + sectionPaddingLeft), mIdexbarRect.top
+ mIndexbarMargin + sectionPaddingTop * i/* 索引字母區(qū)域 */
+ sectionPaddingTop - indexPaint.ascent(),
indexPaint);
* 保持最新的高度與寬度 重新加載索引條的區(qū)域
* @param w
* @param h
* @param oldw
* @param oldh
public void onSizeChanged(int w, int h, int oldw, int oldh) {
mListViewWidth = w;
mListViewHeight = h;
mIdexbarRect = new RectF(w - mIndexbarMargin - mIndexbarWidth,
mIndexbarMargin, w - mIndexbarMargin, h - mIndexbarMargin);
private void fade(long delay) {
// 0立即執(zhí)行,不延遲
// 清除消息
mHandler.removeMessages(0);
mHandler.sendEmptyMessageAtTime(0, SystemClock.uptimeMillis() + delay);
* 判定狀態(tài)來顯示,并移除消息message
private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
super.handleMessage(msg);
switch (mState) {
case STATE_HIDDENING:
mAlphaRate -= mAlphaRate * 0.2;
if (mAlphaRate < 0.1) {
mAlphaRate = 0;
setState(STATE_HIDDEN);
mListView.invalidate();
fade(10);
break;
case STATE_HIDDEN:
setState(STATE_SHOWING);
case STATE_SHOWING:
mAlphaRate += (1 - mAlphaRate) * 0.2;
if (mAlphaRate > 0.9) {
mAlphaRate = 1;
setState(STATE_SHOW);
mListView.invalidate(); // listview不斷刷新,知道m(xù)AlphaRate > 0.9
case STATE_SHOW:
setState(STATE_HIDDENING);
};
* 改變狀態(tài)
* @param state
private void setState(int state) {
if (state < STATE_HIDDEN || state > STATE_HIDDENING) {
mState = state;
fade(0);
fade(3000); // 顯示的時間
* 管理觸摸索引條
* @param ev
* @return
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
if (mState != STATE_HIDDEN && cantains(ev.getX(), ev.getY())) {
mIsIndexing = true;
mCurrentSection = getSectionByPoint(ev.getY());
mListView.setSelection(mIndexer
.getPositionForSection(mCurrentSection));
return true;
case MotionEvent.ACTION_MOVE:
if (mIsIndexing) {
if (cantains(ev.getX(), ev.getY())) {
case MotionEvent.ACTION_UP:
mIsIndexing = false;
mCurrentSection = -1;
if (mState == STATE_SHOW) {
return false;
* @param x
* @param y
private boolean cantains(float x, float y) {
return (x >= mIdexbarRect.left && y >= mIdexbarRect.top && y <= mIdexbarRect.top
+ mIdexbarRect.height());
private int getSectionByPoint(float y) {
if (mSections == null || mSections.length == 0)
return 0;
if (y < mIdexbarRect.top + mIndexbarMargin)
if (y >= mIdexbarRect.top + mIdexbarRect.height() - mIndexbarMargin)
return mSections.length - 1;
return (int) ((y - mIdexbarRect.top - mIndexbarMargin) / ((mIdexbarRect
.height() - 2 * mIndexbarMargin) / mSections.length));
* show()
public void show() {
if (mState == STATE_HIDDEN)
else if (mState == STATE_HIDDENING)
* hide()
public void hide() {
if (mState == STATE_SHOW)
舉報
APP中的熟面孔,索引列表的實現(xiàn),有效增加了查找的便捷度
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2022-04-01
【蜘蛛俠TG@abin789】-6801
【蜘蛛俠TG@abin789】-6802
【蜘蛛俠TG@abin789】-6803
【蜘蛛俠TG@abin789】-6804
【蜘蛛俠TG@abin789】-6805
【蜘蛛俠TG@abin789】-6806
【蜘蛛俠TG@abin789】-6807
【蜘蛛俠TG@abin789】-6808
【蜘蛛俠TG@abin789】-6809
【蜘蛛俠TG@abin789】-6810
【蜘蛛俠TG@abin789】-6811
【蜘蛛俠TG@abin789】-6812
【蜘蛛俠TG@abin789】-6813
【蜘蛛俠TG@abin789】-6814
【蜘蛛俠TG@abin789】-6815
【蜘蛛俠TG@abin789】-6816
【蜘蛛俠TG@abin789】-6817
【蜘蛛俠TG@abin789】-6818
【蜘蛛俠TG@abin789】-6819
【蜘蛛俠TG@abin789】-6820
【蜘蛛俠TG@abin789】-6821
【蜘蛛俠TG@abin789】-6822
【蜘蛛俠TG@abin789】-6823
【蜘蛛俠TG@abin789】-6824
【蜘蛛俠TG@abin789】-6825
【蜘蛛俠TG@abin789】-6826
【蜘蛛俠TG@abin789】-6827
【蜘蛛俠TG@abin789】-6828
【蜘蛛俠TG@abin789】-6829
【蜘蛛俠TG@abin789】-6830
【蜘蛛俠TG@abin789】-6831
【蜘蛛俠TG@abin789】-6832
【蜘蛛俠TG@abin789】-6833
【蜘蛛俠TG@abin789】-6834
【蜘蛛俠TG@abin789】-6835
【蜘蛛俠TG@abin789】-6836
【蜘蛛俠TG@abin789】-6837
【蜘蛛俠TG@abin789】-6838
【蜘蛛俠TG@abin789】-6839
【蜘蛛俠TG@abin789】-6840
【蜘蛛俠TG@abin789】-6841
【蜘蛛俠TG@abin789】-6842
【蜘蛛俠TG@abin789】-6843
【蜘蛛俠TG@abin789】-6844
【蜘蛛俠TG@abin789】-6845
【蜘蛛俠TG@abin789】-6846
【蜘蛛俠TG@abin789】-6847
【蜘蛛俠TG@abin789】-6848
【蜘蛛俠TG@abin789】-6849
【蜘蛛俠TG@abin789】-6850
【蜘蛛俠TG@abin789】-6851
【蜘蛛俠TG@abin789】-6852
【蜘蛛俠TG@abin789】-6853
【蜘蛛俠TG@abin789】-6854
【蜘蛛俠TG@abin789】-6855
【蜘蛛俠TG@abin789】-6856
【蜘蛛俠TG@abin789】-6857
【蜘蛛俠TG@abin789】-6858
【蜘蛛俠TG@abin789】-6859
【蜘蛛俠TG@abin789】-6860
【蜘蛛俠TG@abin789】-6861
【蜘蛛俠TG@abin789】-6862
【蜘蛛俠TG@abin789】-6863
【蜘蛛俠TG@abin789】-6864
【蜘蛛俠TG@abin789】-6865
【蜘蛛俠TG@abin789】-6866
【蜘蛛俠TG@abin789】-6867
【蜘蛛俠TG@abin789】-6868
【蜘蛛俠TG@abin789】-6869
【蜘蛛俠TG@abin789】-6870
【蜘蛛俠TG@abin789】-6871
【蜘蛛俠TG@abin789】-6872
【蜘蛛俠TG@abin789】-6873
【蜘蛛俠TG@abin789】-6874
【蜘蛛俠TG@abin789】-6875
【蜘蛛俠TG@abin789】-6876
【蜘蛛俠TG@abin789】-6877
【蜘蛛俠TG@abin789】-6878
【蜘蛛俠TG@abin789】-6879
【蜘蛛俠TG@abin789】-6880
【蜘蛛俠TG@abin789】-6881
【蜘蛛俠TG@abin789】-6882
【蜘蛛俠TG@abin789】-6883
【蜘蛛俠TG@abin789】-6884
【蜘蛛俠TG@abin789】-6885
【蜘蛛俠TG@abin789】-6886
【蜘蛛俠TG@abin789】-6887
【蜘蛛俠TG@abin789】-6888
【蜘蛛俠TG@abin789】-6889
【蜘蛛俠TG@abin789】-6890
【蜘蛛俠TG@abin789】-6891
【蜘蛛俠TG@abin789】-6892
【蜘蛛俠TG@abin789】-6893
【蜘蛛俠TG@abin789】-6894
【蜘蛛俠TG@abin789】-6895
【蜘蛛俠TG@abin789】-6896
【蜘蛛俠TG@abin789】-6897
【蜘蛛俠TG@abin789】-6898
【蜘蛛俠TG@abin789】-6899
【蜘蛛俠TG@abin789】-6900
【蜘蛛俠TG@abin789】-6901
【蜘蛛俠TG@abin789】-6902
【蜘蛛俠TG@abin789】-6903
【蜘蛛俠TG@abin789】-6904
【蜘蛛俠TG@abin789】-6905
【蜘蛛俠TG@abin789】-6906
【蜘蛛俠TG@abin789】-6907
【蜘蛛俠TG@abin789】-6908
【蜘蛛俠TG@abin789】-6909
【蜘蛛俠TG@abin789】-6910
【蜘蛛俠TG@abin789】-6911
【蜘蛛俠TG@abin789】-6912
【蜘蛛俠TG@abin789】-6913
【蜘蛛俠TG@abin789】-6914
【蜘蛛俠TG@abin789】-6915
【蜘蛛俠TG@abin789】-6916
【蜘蛛俠TG@abin789】-6917
【蜘蛛俠TG@abin789】-6918
【蜘蛛俠TG@abin789】-6919
【蜘蛛俠TG@abin789】-6920
【蜘蛛俠TG@abin789】-6921
【蜘蛛俠TG@abin789】-6922
【蜘蛛俠TG@abin789】-6923
【蜘蛛俠TG@abin789】-6924
【蜘蛛俠TG@abin789】-6925
【蜘蛛俠TG@abin789】-6926
【蜘蛛俠TG@abin789】-6927
【蜘蛛俠TG@abin789】-6928
【蜘蛛俠TG@abin789】-6929
【蜘蛛俠TG@abin789】-6930
【蜘蛛俠TG@abin789】-6931
【蜘蛛俠TG@abin789】-6932
【蜘蛛俠TG@abin789】-6933
【蜘蛛俠TG@abin789】-6934
【蜘蛛俠TG@abin789】-6935
【蜘蛛俠TG@abin789】-6936
【蜘蛛俠TG@abin789】-6937
【蜘蛛俠TG@abin789】-6938
【蜘蛛俠TG@abin789】-6939
【蜘蛛俠TG@abin789】-6940
【蜘蛛俠TG@abin789】-6941
【蜘蛛俠TG@abin789】-6942
【蜘蛛俠TG@abin789】-6943
【蜘蛛俠TG@abin789】-6944
【蜘蛛俠TG@abin789】-6945
【蜘蛛俠TG@abin789】-6946
【蜘蛛俠TG@abin789】-6947
【蜘蛛俠TG@abin789】-6948
【蜘蛛俠TG@abin789】-6949
【蜘蛛俠TG@abin789】-6950
【蜘蛛俠TG@abin789】-6951
【蜘蛛俠TG@abin789】-6952
【蜘蛛俠TG@abin789】-6953
【蜘蛛俠TG@abin789】-6954
【蜘蛛俠TG@abin789】-6955
【蜘蛛俠TG@abin789】-6956
【蜘蛛俠TG@abin789】-6957
【蜘蛛俠TG@abin789】-6958
【蜘蛛俠TG@abin789】-6959
【蜘蛛俠TG@abin789】-6960
【蜘蛛俠TG@abin789】-6961
【蜘蛛俠TG@abin789】-6962
【蜘蛛俠TG@abin789】-6963
【蜘蛛俠TG@abin789】-6964
【蜘蛛俠TG@abin789】-6965
【蜘蛛俠TG@abin789】-6966
【蜘蛛俠TG@abin789】-6967
【蜘蛛俠TG@abin789】-6968
【蜘蛛俠TG@abin789】-6969
【蜘蛛俠TG@abin789】-6970
【蜘蛛俠TG@abin789】-6971
【蜘蛛俠TG@abin789】-6972
【蜘蛛俠TG@abin789】-6973
【蜘蛛俠TG@abin789】-6974
【蜘蛛俠TG@abin789】-6975
【蜘蛛俠TG@abin789】-6976
【蜘蛛俠TG@abin789】-6977
【蜘蛛俠TG@abin789】-6978
【蜘蛛俠TG@abin789】-6979
【蜘蛛俠TG@abin789】-6980
【蜘蛛俠TG@abin789】-6981
【蜘蛛俠TG@abin789】-6982
【蜘蛛俠TG@abin789】-6983
【蜘蛛俠TG@abin789】-6984
【蜘蛛俠TG@abin789】-6985
【蜘蛛俠TG@abin789】-6986
【蜘蛛俠TG@abin789】-6987
【蜘蛛俠TG@abin789】-6988
【蜘蛛俠TG@abin789】-6989
【蜘蛛俠TG@abin789】-6990
【蜘蛛俠TG@abin789】-6991
【蜘蛛俠TG@abin789】-6992
【蜘蛛俠TG@abin789】-6993
【蜘蛛俠TG@abin789】-6994
【蜘蛛俠TG@abin789】-6995
【蜘蛛俠TG@abin789】-6996
【蜘蛛俠TG@abin789】-6997
【蜘蛛俠TG@abin789】-6998
【蜘蛛俠TG@abin789】-6999
【蜘蛛俠TG@abin789】-7000
【蜘蛛俠TG@abin789】-7001
【蜘蛛俠TG@abin789】-7002
【蜘蛛俠TG@abin789】-7003
【蜘蛛俠TG@abin789】-7004
2016-09-23
package com.user.Widget;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.RectF;
import android.os.Handler;
import android.os.SystemClock;
import android.view.MotionEvent;
import android.widget.Adapter;
import android.widget.ListView;
import android.widget.SectionIndexer;
public class IndexScroller {
private Context mContext;
private ListView mListView = null;
private float mIndexbarWidth; // 索引條的寬度,
private float mIndexbarMargin; // 索引條離右側(cè)邊緣的距離
private float mPreviewPadding; // 點擊中間顯示的索引文本,距離四周的距離
private float mDensity; // 當(dāng)前屏幕密度除以160
private float mScaledDensity; // 當(dāng)前屏幕密度除以160(設(shè)置字體的尺寸)
private float mAlphaRate; // 索引條透明度(用來顯示和隱藏索引條)0-1
private int mState = STATE_HIDDEN; // 索引條當(dāng)前狀態(tài)
private int mListViewWidth; // 屏幕的寬度
private int mListViewHeight; // 屏幕的高度
private int mCurrentSection = -1; // 當(dāng)前所點擊的索引值
private boolean mIsIndexing = false;
private SectionIndexer mIndexer = null;
private String[] mSections;
private RectF mIdexbarRect; // 繪制索引條區(qū)域
public static final int STATE_HIDDEN = 0;
public static final int STATE_SHOWING = 1;
public static final int STATE_SHOW = 2;
public static final int STATE_HIDDENING = 3;
public IndexScroller(Context mContext, ListView mListView) {
this.mContext = mContext;
this.mListView = mListView;
// 獲取當(dāng)前屏幕的密度比值
mDensity = mContext.getResources().getDisplayMetrics().density;
// 獲取字體密度比值
mScaledDensity = mContext.getResources().getDisplayMetrics().scaledDensity;
setAdapter(mListView.getAdapter());
// 根據(jù)屏幕的 密度比值來調(diào)整索引條的寬度(單位:像素)
mIndexbarWidth = 20 * mDensity;
mIndexbarMargin = 10 * mDensity;
mPreviewPadding = 5 * mDensity;
}
public void setAdapter(Adapter adapter) {
if (adapter instanceof SectionIndexer) {
mIndexer = (SectionIndexer) adapter;
mSections = (String[]) mIndexer.getSections();
}
}
/**
* 繪制索引條和預(yù)覽文本
*?
* @param mPaint
*/
public void draw(Canvas mCanvas) {
// 1、繪制索引條和背景
// 2、繪制預(yù)覽文本和背景
if (mState == STATE_HIDDEN) {
return;
}
/**
* 繪制索引條的區(qū)域
*/
Paint mPaint = new Paint();
mPaint.setColor(Color.BLACK);
mPaint.setAlpha((int) (64 * mAlphaRate)); // 設(shè)置透明度,逐漸顯示
// 繪制索引條(四個角都是圓角區(qū)域)
mCanvas.drawRoundRect(mIdexbarRect, 5 * mDensity, 5 * mDensity, mPaint);
/**
* 繪制預(yù)覽文本背景和文字
*/
if (mSections != null && mSections.length > 0) {
// 繪制預(yù)覽文本背景和文字 , 大于0則點擊
if (mCurrentSection > 0) {
Paint previewPaint = new Paint(); // 繪制文本畫筆
previewPaint.setColor(Color.BLACK);
previewPaint.setAlpha(96);
Paint previewTextPaint = new Paint(); // 繪制文字畫筆
previewTextPaint.setColor(Color.WHITE);
previewTextPaint.setTextSize(50 * mScaledDensity);
// 獲取文本字體的寬度
float previewTextWidth = previewTextPaint
.measureText(mSections[mCurrentSection]);
// 獲得顯示文本的區(qū)域?qū)捀叨?= 上下間距padding + 字母往下超過基準(zhǔn)線的高度(正值) +
// 字母在基準(zhǔn)線的上面的高度(負(fù)值,負(fù)負(fù)得正)
float previewSize = 2 * mPreviewPadding
+ previewTextPaint.descent()
- previewTextPaint.ascent();
// 預(yù)覽文本區(qū)域所在位置
// 左=(屏幕寬度-顯示文本區(qū)域?qū)挾龋? 2 上= (屏幕高度-顯示文本區(qū)域高度)/ 2
RectF previewRectF = new RectF(
(mListViewWidth - previewSize) / 2,
(mListViewHeight - previewSize) / 2,
(mListViewWidth - previewSize) / 2 + previewSize,
(mListViewHeight - previewSize) / 2 + previewSize);
// 繪制預(yù)覽文本背景
mCanvas.drawRoundRect(previewRectF, 5 * mDensity, 5 * mDensity,
previewPaint);
// 繪制預(yù)覽文本的字體
mCanvas.drawText(
mSections[mCurrentSection],
(previewRectF.left + (previewSize - previewTextWidth)
/ 2 + 1),
(previewRectF.top + mPreviewPadding
- previewTextPaint.ascent() + 1),
previewTextPaint);
}
}
/**
* 設(shè)置索引字母
*/
// 設(shè)置繪制索引字母的屬性
Paint indexPaint = new Paint();
indexPaint.setColor(Color.WHITE);
indexPaint.setAlpha((int) (255 * mAlphaRate));
indexPaint.setTextSize(12 * mScaledDensity);
// 取得索引中每個字母的區(qū)域高度 = (索引區(qū)域高度 - 上下margin值 )/索引的長度length
float sectionHeight = ((mIdexbarRect.height() - 2 * mIndexbarMargin) / mSections.length);
// 設(shè)置每個字母區(qū)域中的文字的padding值 = (每個字母區(qū)域 - 文字高度)/2
float sectionPaddingTop = ((sectionHeight - (indexPaint.descent() - indexPaint
.ascent())) / 2);
for (int i = 0; i < mSections.length; i++) {
// 取得繪制的文字的paddingLeft值
float sectionPaddingLeft = (mIndexbarWidth - indexPaint
.measureText(mSections[i])) / 2;
// 開始繪制
mCanvas.drawText(mSections[i],
(mIdexbarRect.left + sectionPaddingLeft), mIdexbarRect.top
+ mIndexbarMargin + sectionPaddingTop * i/* 索引字母區(qū)域 */
+ sectionPaddingTop - indexPaint.ascent(),
indexPaint);
}
}
/**
* 保持最新的高度與寬度 重新加載索引條的區(qū)域
*?
* @param w
* @param h
* @param oldw
* @param oldh
*/
public void onSizeChanged(int w, int h, int oldw, int oldh) {
mListViewWidth = w;
mListViewHeight = h;
mIdexbarRect = new RectF(w - mIndexbarMargin - mIndexbarWidth,
mIndexbarMargin, w - mIndexbarMargin, h - mIndexbarMargin);
}
private void fade(long delay) {
// 0立即執(zhí)行,不延遲
// 清除消息
mHandler.removeMessages(0);
mHandler.sendEmptyMessageAtTime(0, SystemClock.uptimeMillis() + delay);
}
/**
* 判定狀態(tài)來顯示,并移除消息message
*/
private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
super.handleMessage(msg);
switch (mState) {
case STATE_HIDDENING:
mAlphaRate -= mAlphaRate * 0.2;
if (mAlphaRate < 0.1) {
mAlphaRate = 0;
setState(STATE_HIDDEN);
}
mListView.invalidate();
fade(10);
break;
case STATE_HIDDEN:
setState(STATE_SHOWING);
break;
case STATE_SHOWING:
mAlphaRate += (1 - mAlphaRate) * 0.2;
if (mAlphaRate > 0.9) {
mAlphaRate = 1;
setState(STATE_SHOW);
}
mListView.invalidate(); // listview不斷刷新,知道m(xù)AlphaRate > 0.9
fade(10);
break;
case STATE_SHOW:
setState(STATE_HIDDENING);
break;
}
};
};
/**
* 改變狀態(tài)
*?
* @param state
*/
private void setState(int state) {
if (state < STATE_HIDDEN || state > STATE_HIDDENING) {
return;
}
mState = state;
switch (mState) {
case STATE_SHOWING:
mAlphaRate = 0;
fade(0);
break;
case STATE_SHOW:
mHandler.removeMessages(0);
break;
case STATE_HIDDENING:
mAlphaRate = 1;
fade(3000); // 顯示的時間
break;
case STATE_HIDDEN:
mHandler.removeMessages(0);
break;
}
}
/**
* 管理觸摸索引條
*?
* @param ev
* @return
*/
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
if (mState != STATE_HIDDEN && cantains(ev.getX(), ev.getY())) {
setState(STATE_SHOW);
mIsIndexing = true;
mCurrentSection = getSectionByPoint(ev.getY());
mListView.setSelection(mIndexer
.getPositionForSection(mCurrentSection));
return true;
}
break;
case MotionEvent.ACTION_MOVE:
if (mIsIndexing) {
if (cantains(ev.getX(), ev.getY())) {
mCurrentSection = getSectionByPoint(ev.getY());
mListView.setSelection(mIndexer
.getPositionForSection(mCurrentSection));
return true;
}
}
break;
case MotionEvent.ACTION_UP:
if (mIsIndexing) {
mIsIndexing = false;
mCurrentSection = -1;
}
if (mState == STATE_SHOW) {
setState(STATE_HIDDENING);
break;
}
}
return false;
}
/**
*?
* @param x
* @param y
* @return
*/
private boolean cantains(float x, float y) {
return (x >= mIdexbarRect.left && y >= mIdexbarRect.top && y <= mIdexbarRect.top
+ mIdexbarRect.height());
}
/**
*?
* @param y
* @return
*/
private int getSectionByPoint(float y) {
if (mSections == null || mSections.length == 0)
return 0;
if (y < mIdexbarRect.top + mIndexbarMargin)
return 0;
if (y >= mIdexbarRect.top + mIdexbarRect.height() - mIndexbarMargin)
return mSections.length - 1;
return (int) ((y - mIdexbarRect.top - mIndexbarMargin) / ((mIdexbarRect
.height() - 2 * mIndexbarMargin) / mSections.length));
}
/**
* show()
*/
public void show() {
if (mState == STATE_HIDDEN)
setState(STATE_SHOWING);
else if (mState == STATE_HIDDENING)
setState(STATE_HIDDENING);
}
/**
* hide()
*/
public void hide() {
if (mState == STATE_SHOW)
setState(STATE_HIDDENING);
}
}