技术联盟

【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法…

博客地址 http://blog.csdn.net/shulianghan/article/details/41520569

代码下载 :

GitHub https://github.com/han1202012/WheelViewDemo.git

CSDN http://download.csdn.net/detail/han1202012/8208997 ;

博客总结 :

博文内容 : 本文完整地分析了 WheelView 所有的源码, 包括其 适配器类型 , 两种回调接口 ( 选中条目改变回调 , 和 开始结束滚动回调 ), 以及详细的分析了 WheelView 主题源码, 其中 组件宽高测量 , 手势监听器添加 , 以及 精准的绘图方法 是主要目的, 花了将近1周时间, 感觉很值, 在这里分享给大家;

WheelView 使用方法 : 创建 WheelView 组件 –> 设置显示条目数 –> 设置循环 –> 设置适配器 –> 设置监听器 ;

自定义组件宽高获取策略 : MeasureSpec 最大模式 取 默认值 和 给定值中较小的那个 , 未定义模式取默认值 , 精准模式取 给定值 ;

自定义组件维护各种回调监听器策略 : 维护集合, 将监听器置于集合中, 回调接口时遍历集合元素, 回调每个元素的接口方法;

自定义组件手势监听器添加方法 : 创建手势监听器, 将手势监听器传入手势探测器, 在 onTouchEvent() 方法中回调手势监听器的 onTouchEvent()方法;

一. WheelView 简介

1. WheelView 效果

在 Android 中实现类似与 IOS 的 WheelView 控件 : 如图

2. WheelView 使用流程

(1) 基本流程简介

获取组件 –> 设置显示条目数 –> 设置循环 –> 设置适配器 –> 设置条目改变监听器 –> 设置滚动监听器

a. 创建 WheelView 组件 : 使用 构造方法 或者 从布局文件获取 WheelView 组件;

b. 设置显示条目数 : 调用 WheelView 组件对象的 setVisibleItems 方法 设置;

c. 设置是否循环 : 设置 WheelView 是否循环, 调用 setCyclic() 方法设置;

d. 设置适配器 : 调用 WheelView 组件的 setAdapter() 方法设置;

e. 设置条目改变监听器 : 调用 WheelView 组件对象的 addChangingListener() 方法设置;

f. 设置滚动监听器 : 调用 WheelView 组件对象的 addScrollingListener() 方法设置;

(2) 代码实例

a. 创建 WheelView 对象 :

//创建 WheelView 组件
        final WheelView wheelLeft = new WheelView(context);

b. 设置 WheelView 显示条目数:

//设置 WheelView 组件最多显示 5 个元素
        wheelLeft.setVisibleItems(5);

c. 设置 WheelView 是否滚动循环:

//设置 WheelView 元素是否循环滚动
        wheelLeft.setCyclic(false);

d. 设置 WheelView 适配器:

//设置 WheelView 适配器
        wheelLeft.setAdapter(new ArrayWheelAdapter<String>(left));

e. 设置条目改变监听器:

//为左侧的 WheelView 设置条目改变监听器
    wheelLeft.addChangingListener(new OnWheelChangedListener() {
      @Override
      public void onChanged(WheelView wheel, int oldValue, int newValue) {
        //设置右侧的 WheelView 的适配器
        wheelRight.setAdapter(new ArrayWheelAdapter<String>(right[newValue]));
        wheelRight.setCurrentItem(right[newValue].length / 2);
      }
    });

f. 设置滚动监听器:

wheelLeft.addScrollingListener(new OnWheelScrollListener() {
      
      @Override
      public void onScrollingStarted(WheelView wheel) {
        // TODO Auto-generated method stub
        
      }
      
      @Override
      public void onScrollingFinished(WheelView wheel) {
        // TODO Auto-generated method stub
        
      }
    });

二. WheelView  适配器 监听器 相关接口分析

1. 适配器 分析

这里定义了一个适配器接口, 以及两个适配器类, 一个用于任意类型的数据集适配, 一个用于数字适配;

适配器操作 : 在 WheelView.java 中通过 setAdapter(WheelAdapter adapter) 和 getAdapter() 方法设置 获取 适配器;

— 适配器常用操作 : 在 WheelView 中定义了 getItem(), getItemsCount(), getMaxmiumLength() 方法获取 适配器的相关信息;

/**
  * 获取该 WheelView 的适配器
  * 
  * @return 
  * 		返回适配器
  */
    public WheelAdapter getAdapter() {
     return adapter;
    }

    /**
  * 设置适配器
  * 
  * @param adapter
  *		  要设置的适配器
  */
    public void setAdapter(WheelAdapter adapter) {
     this.adapter = adapter;
     invalidateLayouts();
     invalidate();
    }

(1) 适配器接口 ( interface WheelAdapter )

适配器接口 :  WheelAdapter ;

— 接口作用 : 该接口是所有适配器的接口, 适配器类都需要实现该接口;

接口抽象方法介绍 :

—  getItemsCount() : 获取适配器数据集合中元素个数;

/**
  * 获取条目的个数
  * 
  * @return 
  * 		WheelView 的条目个数
  */
    public int getItemsCount();

—  getItem(int index) : 获取适配器集合的中指定索引元素;

/**
  * 根据索引位置获取 WheelView 的条目
  * 
  * @param index
  *		  条目的索引
  * @return 
  * 		WheelView 上显示的条目的值
  */
    public String getItem(int index);

—  getMaximumLength() : 获取 WheelView 在界面上的显示宽度;

/**
  * 获取条目的最大长度. 用来定义 WheelView 的宽度. 如果返回 -1, 就会使用默认宽度
  * 
  * @return 
  * 		条目的最大宽度 或者 -1
  */
    public int getMaximumLength();

(2) 数组适配器 ( class ArrayWheelAdapter<T> implements WheelAdapter )

适配器作用 : 该适配器可以传入 任何数据类型的数组 , 可以是 字符串数组, 也可以是任何对象的数组, 传入的数组作为适配器的数据源;

成员变量分析 :

— 数据源 :

/** 适配器的数据源 */
    private T items[];

— WheelView 最大宽度 :

/** WheelView 的宽度 */
    private int length;

构造方法分析 :

—  ArrayWheelAdapter(T items[], int length) : 传入 T 类型 对象数组, 以及 WheelView 的宽度;

/**
  * 构造方法
  * 
  * @param items
  *		  适配器数据源 集合 T 类型的数组
  * @param length
  *		  适配器数据源 集合 T 数组长度
  */
    public ArrayWheelAdapter(T items[], int length) {
     this.items = items;
     this.length = length;
    }

—  ArrayWheelAdapter(T items[]) : 传入 T 类型对象数组, 宽度使用默认的宽度;

/**
  * 构造方法
  * 
  * @param items
  *		  适配器数据源集合 T 类型数组
  */
    public ArrayWheelAdapter(T items[]) {
     this(items, DEFAULT_LENGTH);
    }

实现的父类方法分析 :

—  getItem(int index) : 根据索引获取数组中对应位置的对象的字符串类型;

@Override
  public String getItem(int index) {
    //如果这个索引值合法, 就返回 item 数组对应的元素的字符串形式
    if (index >= 0 && index < items.length) {
      return items[index].toString();
    }
    return null;
  }

—  getItemsCount() : 获取数据集广大小, 直接返回数组大小;

@Override
    public int getItemsCount() {
    	//返回 item 数组的长度
        return items.length;
    }

—  getMaximumLength() : 获取 WheelView 的最大宽度;

@Override
    public int getMaximumLength() {
    	//返回 item 元素的宽度
        return length;
    }

(3) 数字适配器 ( class NumericWheelAdapter implements WheelAdapter )

NumericWheelAdapter 适配器作用 : 数字作为 WheelView 适配器的显示值;

成员变量分析 :

— 最小值 : WheelView 数值显示的最小值;

/** 设置的最小值 */
    private int minValue;

— 最大值 : WheelView 数值显示的最大值;

/** 设置的最大值 */
    private int maxValue;

格式化字符串: 用于字符串的格式化;

/** 格式化字符串, 用于格式化 货币, 科学计数, 十六进制 等格式 */
    private String format;

构造方法分析 :

—  NumericWheelAdapter() : 默认的构造方法, 使用默认的最大最小值;

/**
     * 默认的构造方法, 使用默认的最大最小值
     */
    public NumericWheelAdapter() {
        this(DEFAULT_MIN_VALUE, DEFAULT_MAX_VALUE);
    }

—  NumericWheelAdapter(int minValue, int maxValue) : 传入一个最大最小值;

/**
  * 构造方法
  * 
  * @param minValue
  *		  最小值
  * @param maxValue
  *		  最大值
  */
    public NumericWheelAdapter(int minValue, int maxValue) {
     this(minValue, maxValue, null);
    }

—  NumericWheelAdapter(int minValue, int maxValue, String format) : 传入最大最小值, 以及数字格式化方式;

/**
  * 构造方法
  * 
  * @param minValue
  *		  最小值
  * @param maxValue
  *		  最大值
  * @param format
  *		  格式化字符串
  */
    public NumericWheelAdapter(int minValue, int maxValue, String format) {
     this.minValue = minValue;
     this.maxValue = maxValue;
     this.format = format;
    }

实现的父类方法 :

— 获取条目 : 如果需要格式化, 先进行格式化;

@Override
  public String getItem(int index) {
    String result = "";
    if (index >= 0 && index < getItemsCount()) {
      int value = minValue + index;
      //如果 format 不为 null, 那么格式化字符串, 如果为 null, 直接返回数字
      if(format != null){
        result = String.format(format, value);
      }else{
        result = Integer.toString(value);
      }
      return result;
    }
    return null;
  }

获取元素个数 :

@Override
    public int getItemsCount() {
    	//返回数字总个数
        return maxValue - minValue + 1;
    }

获取 WheelView 最大宽度 :

@Override
  public int getMaximumLength() {
    //获取 最大值 和 最小值 中的 较大的数字
    int max = Math.max(Math.abs(maxValue), Math.abs(minValue));
    //获取这个数字 的 字符串形式的 字符串长度
    int maxLen = Integer.toString(max).length();
    if (minValue < 0) {
      maxLen++;
    }
    return maxLen;
  }

2. 监听器相关接口

(1) 条目改变监听器 ( interface OnWheelChangedListener )

监听器作用 : 在 WheelView 条目改变的时候, 回调该监听器的接口方法, 执行条目改变对应的操作;

接口方法介绍 :

—  onChanged(WheelView wheel, int oldValue, int newValue) : 传入 WheelView 组件对象, 以及 旧的 和 新的 条目值索引;

/**
  * 当前条目改变时回调该方法
  * 
  * @param wheel
  *		  条目改变的 WheelView 对象
  * @param oldValue
  *		  WheelView 旧的条目值
  * @param newValue
  *		  WheelView 新的条目值
  */
    void onChanged(WheelView wheel, int oldValue, int newValue);

(2) 滚动监听器 ( interface OnWheelScrollListener )

滚动监听器作用 : 在 WheelView 滚动动作 开始 和 结束的时候回调对应的方法, 在对应方法中进行相应的操作;

接口方法介绍 :

— 开始滚动方法 : 在滚动开始的时候回调该方法;

/**
  * 在 WheelView 滚动开始的时候回调该接口
  * 
  * @param wheel
  *		  开始滚动的 WheelView 对象
  */
    void onScrollingStarted(WheelView wheel);

— 停止滚动方法 : 在滚动结束的时候回调该方法;

/**
  * 在 WheelView 滚动结束的时候回调该接口
  * 
  * @param wheel
  *		  结束滚动的 WheelView 对象
  */
    void onScrollingFinished(WheelView wheel);

三. WheelView 解析

1. 触摸 点击 手势 动作操作控制组件 模块

(1) 创建手势监听器

手势监听器创建及对应方法 :

—  onDown(MotionEvent e) : 在按下的时候回调该方法, e 参数是按下的事件;

—  onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) : 滚动的时候回调该方法, e1 滚动第一次按下事件, e2 当前滚动的触摸事件, X 上一次滚动到这一次滚动 x 轴距离, Y 上一次滚动到这一次滚动 y 轴距离;

—  onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) : 快速急冲滚动时回调的方法, e1 e2 与上面参数相同,  velocityX 是手势在 x 轴的速度,  velocityY 是手势在 y 轴的速度;

— 代码示例 :

/*
         * 手势监听器监听到 滚动操作后回调
         * 
         * 参数解析 : 
         * MotionEvent e1 : 触发滚动时第一次按下的事件
         * MotionEvent e2 : 触发当前滚动的移动事件
         * float distanceX : 自从上一次调用 该方法 到这一次 x 轴滚动的距离, 
         * 				注意不是 e1 到 e2 的距离, e1 到 e2 的距离是从开始滚动到现在的滚动距离
         * float distanceY : 自从上一次回调该方法到这一次 y 轴滚动的距离
         * 
         * 返回值 : 如果事件成功触发, 执行完了方法中的操作, 返回true, 否则返回 false 
         * (non-Javadoc)
         * @see android.view.GestureDetector.SimpleOnGestureListener#onScroll(android.view.MotionEvent, android.view.MotionEvent, float, float)
         */
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
        	//开始滚动, 并回调滚动监听器集合中监听器的 开始滚动方法
            startScrolling();
            doScroll((int) -distanceY);
            return true;
        }

        /*
         * 当一个急冲手势发生后 回调该方法, 会计算出该手势在 x 轴 y 轴的速率
         * 
         * 参数解析 : 
         * -- MotionEvent e1 : 急冲动作的第一次触摸事件;
         * -- MotionEvent e2 : 急冲动作的移动发生的时候的触摸事件;
         * -- float velocityX : x 轴的速率
         * -- float velocityY : y 轴的速率
         * 
         * 返回值 : 如果执行完毕返回 true, 否则返回false, 这个就是自己定义的
         * 
         * (non-Javadoc)
         * @see android.view.GestureDetector.SimpleOnGestureListener#onFling(android.view.MotionEvent, android.view.MotionEvent, float, float)
         */
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        	//计算上一次的 y 轴位置, 当前的条目高度 加上 剩余的 不够一行高度的那部分
            lastScrollY = currentItem * getItemHeight() + scrollingOffset;
            //如果可以循环最大值是无限大, 不能循环就是条目数的高度值
            int maxY = isCyclic ? 0x7FFFFFFF : adapter.getItemsCount() * getItemHeight();
            int minY = isCyclic ? -maxY : 0;
            /*
             * Scroll 开始根据一个急冲手势滚动, 滚动的距离与初速度有关
             * 参数介绍 : 
             * -- int startX : 开始时的 X轴位置
             * -- int startY : 开始时的 y轴位置
             * -- int velocityX : 急冲手势的 x 轴的初速度, 单位 px/s
             * -- int velocityY : 急冲手势的 y 轴的初速度, 单位 px/s
             * -- int minX : x 轴滚动的最小值
             * -- int maxX : x 轴滚动的最大值
             * -- int minY : y 轴滚动的最小值
             * -- int maxY : y 轴滚动的最大值
             */
            scroller.fling(0, lastScrollY, 0, (int) -velocityY / 2, 0, 0, minY, maxY);
            setNextMessage(MESSAGE_SCROLL);
            return true;
        }
    };

(2) 创建手势探测器

手势探测器创建 : 调用 其构造函数, 传入 上下文对象 和 手势监听器对象;

— 禁止长按操作 : 调用 setIsLongpressEnabled(false) 方法, 禁止长按操作, 因为 长按操作会屏蔽滚动事件;

//创建一个手势处理
        gestureDetector = new GestureDetector(context, gestureListener);
        /*
         * 是否允许长按操作, 
         * 如果设置为 true 用户按下不松开, 会返回一个长按事件, 
         * 如果设置为 false, 按下不松开滑动的话 会收到滚动事件.
         */
        gestureDetector.setIsLongpressEnabled(false);

(3) 将手势探测器 与 组件结合

关联手势探测器 与 组件 : 在组件的 onTouchEvent(MotionEvent event) 方法中, 调用手势探测器的 gestureDetector.onTouchEvent(event) 方法即可;

/*
  * 继承自 View 的触摸事件, 当出现触摸事件的时候, 就会回调该方法
  * (non-Javadoc)
  * @see android.view.View#onTouchEvent(android.view.MotionEvent)
  */
    @Override
    public boolean onTouchEvent(MotionEvent event) {
    	//获取适配器
     WheelAdapter adapter = getAdapter();
     if (adapter == null) {
      return true;
     }

     /*
      * gestureDetector.onTouchEvent(event) : 分析给定的动作, 如果可用, 调用 手势检测器的 onTouchEvent 方法
      * -- 参数解析 : ev , 触摸事件
      * -- 返回值 : 如果手势监听器成功执行了该方法, 返回true, 如果执行出现意外 返回 false;
      */
     if (!gestureDetector.onTouchEvent(event) && event.getAction() == MotionEvent.ACTION_UP) {
      justify();
     }
     return true;
    }

2. Scroller 简介

(1) Scroller 简介

Scroller 通用作用 : Scroller 组件并不是一个布局组件, 该组件是运行在后台的, 通过一些方法设定 Scroller 对象 的操作 或者 动画, 然后让 Scroller 运行在后台中 用于模拟滚动操作 , 在 适当的时机 获取该对象的坐标信息 , 这些信息是在后台运算出来的;

Scroller 在本 View 中作用 : Android 的这个自定义的 WheelView 组件, 可以 平滑的滚动 , 当我们做一个 加速滑动时, 会根据速度计算出滑动的距离 , 这些数据都是在 Scroller 中计算出来的;

(2) 设定 Scroller 对象的动作参数

终止滚动 :

— 终止滚动 跳转到目标位置 : 终止平缓的动画, 直接跳转到最终的 x y 轴的坐标位置;

public void abortAnimation()

终止滚动 停止在当前位置 : 强行结束 Scroll 的滚动;

public final void forceFinished(boolean finished)

设置滚动参数 :

— 设置最终 x 轴坐标 :

public void setFinalX(int newX)

— 设置最终 y 轴坐标 :

public void setFinalY(int newY)

— 设置滚动摩擦力 :

public final void setFriction(float friction)

设置动作 :

— 开始滚动 : 传入参数 开始 x 位置, 开始 y 位置, x 轴滚动距离, y 轴滚动距离;

public void startScroll(int startX, int startY, int dx, int dy)

开始滚动 设定时间: 最后一个参数是时间, 单位是 ms;

public void startScroll(int startX, int startY, int dx, int dy, int duration)

急冲滚动: 根据一个 急冲 手势进行滚动, 传入参数 : x轴开始位置, y轴开始位置, x 轴速度, y 轴速度, x 轴最小速度, x 轴最大速度, y 轴最小速度, y 轴最大速度;

public void fling(int startX, int startY, int velocityX, int velocityY,
            int minX, int maxX, int minY, int maxY)

延长滚动时间: 延长滚动的时间, 让滚动滚的更远一些;

public void extendDuration(int extend)

(3) 获取 Scroll 后台运行参数

获取当前数据 :

— 获取当前 x 轴坐标 :

public final int getCurrX()

— 获取当前 y 轴坐标 :

public final int getCurrY()

— 获取当前速度 :

public float getCurrVelocity()

获取开始结束时的数据 :

— 获取开始 x 轴坐标 :

public final int getStartX()

— 获取开始 y 轴坐标 :

public final int getStartY()

— 获取最终 x 轴坐标 : 该参数只在急冲滚动时有效;

public final int getFinalX()

— 获取最终 y 轴坐标 : 该参数只在急冲滚动时有效;

public final int getFinalY()

查看是否滚动完毕 :

public final boolean isFinished()

获取从开始滚动到现在的时间 :

public int timePassed()

获取新位置 : 调用该方法可以获取新位置, 如果返回 true 说明动画还没执行完毕;

public boolean computeScrollOffset()

(4) Scroll 在 WheelView 中的运用

Scroller 创建 :

//使用默认的 时间 和 插入器 创建一个滚动器
        scroller = new Scroller(context);

手势监听器 SimpleOnGestureListener 对象中的 onDown() 方法 : 如果滚动还在执行, 那么强行停止 Scroller 滚动;

//按下操作
    public boolean onDown(MotionEvent e) {
      //如果滚动在执行
      if (isScrollingPerformed) {
        //滚动强制停止, 按下的时候不能继续滚动
        scroller.forceFinished(true);
        //清理信息
        clearMessages();
        return true;
      }
      return false;
    }

当手势监听器 SimpleOnGestureListener 对象中有急冲动作时 onFling() 方法中 : 手势监听器监听到了 急冲动作, 那么 Scroller 也进行对应操作;

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        	//计算上一次的 y 轴位置, 当前的条目高度 加上 剩余的 不够一行高度的那部分
            lastScrollY = currentItem * getItemHeight() + scrollingOffset;
            //如果可以循环最大值是无限大, 不能循环就是条目数的高度值
            int maxY = isCyclic ? 0x7FFFFFFF : adapter.getItemsCount() * getItemHeight();
            int minY = isCyclic ? -maxY : 0;
            /*
             * Scroll 开始根据一个急冲手势滚动, 滚动的距离与初速度有关
             * 参数介绍 : 
             * -- int startX : 开始时的 X轴位置
             * -- int startY : 开始时的 y轴位置
             * -- int velocityX : 急冲手势的 x 轴的初速度, 单位 px/s
             * -- int velocityY : 急冲手势的 y 轴的初速度, 单位 px/s
             * -- int minX : x 轴滚动的最小值
             * -- int maxX : x 轴滚动的最大值
             * -- int minY : y 轴滚动的最小值
             * -- int maxY : y 轴滚动的最大值
             */
            scroller.fling(0, lastScrollY, 0, (int) -velocityY / 2, 0, 0, minY, maxY);
            setNextMessage(MESSAGE_SCROLL);
            return true;
        }

动画控制 Handler 中 :

— 滚动 : 获取当前 Scroller 的 y 轴位置, 与上一次的 y 轴位置对比, 如果 间距 delta 不为0, 就滚动;

— 查看是否停止 : 如果现在距离 到 最终距离 小于最小滚动距离, 强制停止;

— 执行 msg.what 指令 : 如果需要停止, 强制停止, 否则调整坐标;

/**
   * 动画控制器
   *  animation handler
   *  
   *  可能会造成内存泄露 : 添加注解 HandlerLeak
   *  Handler 类应该应该为static类型,否则有可能造成泄露。
   *  在程序消息队列中排队的消息保持了对目标Handler类的应用。
   *  如果Handler是个内部类,那 么它也会保持它所在的外部类的引用。
   *  为了避免泄露这个外部类,应该将Handler声明为static嵌套类,并且使用对外部类的弱应用。
   */
  @SuppressLint("HandlerLeak")
  private Handler animationHandler = new Handler() {
    public void handleMessage(Message msg) {
      //回调该方法获取当前位置, 如果返回true, 说明动画还没有执行完毕
      scroller.computeScrollOffset();
      //获取当前 y 位置
      int currY = scroller.getCurrY();
      //获取已经滚动了的位置, 使用上一次位置 减去 当前位置
      int delta = lastScrollY - currY;
      lastScrollY = currY;
      if (delta != 0) {
        //改变值不为 0 , 继续滚动
        doScroll(delta);
      }

      /*
       * 如果滚动到了指定的位置, 滚动还没有停止
       * 这时需要强制停止
       */
      if (Math.abs(currY - scroller.getFinalY()) < MIN_DELTA_FOR_SCROLLING) {
        currY = scroller.getFinalY();
        scroller.forceFinished(true);
      }
      
      /*
       * 如果滚动没有停止
       * 再向 Handler 发送一个停止
       */
      if (!scroller.isFinished()) {
        animationHandler.sendEmptyMessage(msg.what);
      } else if (msg.what == MESSAGE_SCROLL) {
        justify();
      } else {
        finishScrolling();
      }
    }
  };

3. StaticLayout  布局容器

(1) StaticLayout 解析

StaticLayout 解析 : 该组件用于显示文本, 一旦该文本被显示后, 就不能再编辑, 如果想要修改文本, 使用 DynamicLayout 布局即可;

— 使用场景 : 一般情况下不会使用该组件, 当想要自定义组件 或者 想要使用 Canvas 绘制文本时 才使用该布局;

常用方法解析 :

— 获取底部 Padding : 获取底部 到最后一行文字的 间隔, 单位是 px;

public int getBottomPadding()

— 获取顶部 Padding :

public int getTopPadding()

获取省略个数: 获取某一行需要省略的字符个数;

public int getEllipsisCount(int line)

获取省略开始位置: 获取某一行要省略的字符串的第一个位置索引;

public int getEllipsisStart(int line)

获取省略的宽度: 获取某一行省略字符串的宽度, 单位 px;

public int getEllipsisStart(int line)

获取是否处理特殊符号:

public boolean getLineContainsTab(int line)

获取文字的行数:

public int getLineCount()

获取顶部位置: 获取某一行顶部的位置;

public int getLineTop(int line)

获取某一行底部位置:

public int getLineDescent(int line)

获取行的方向: 字符串从左至右 还是从右至左;

public final Directions getLineDirections(int line)

获取某行第一个字符索引: 获取的是 某一行 第一个字符 在整个字符串的索引;

public int getLineStart(int line)

获取该行段落方向: 获取该行文字方向, 左至右 或者 右至左;

public int getParagraphDirection(int line)

获取某个垂直位置显示的行数:

public int getLineForVertical(int vertical)

(2) 布局显示

布局创建 :

— 三种布局 : WheelView 中涉及到了三种 StaticLayout 布局, 普通条目布局 itemLayout, 选中条目布局 valueLayout, 标签布局 labelLayout;

— 创建时机 : 在 View 组件 每次 onMeasure() 和 onDraw() 方法中都要重新创建对应布局;

— 创建布局源码 :

/**
   * 创建布局
   * 
   * @param widthItems
   *			布局条目宽度
   * @param widthLabel
   *			label 宽度
   */
  private void createLayouts(int widthItems, int widthLabel) {
    /*
     * 创建普通条目布局
     * 如果 普通条目布局 为 null 或者 普通条目布局的宽度 大于 传入的宽度, 这时需要重新创建布局
     * 如果 普通条目布局存在, 并且其宽度小于传入的宽度, 此时需要将
     */
    if (itemsLayout == null || itemsLayout.getWidth() > widthItems) {
      
      /*
       * android.text.StaticLayout.StaticLayout(
       * CharSequence source, TextPaint paint, 
       * int width, Alignment align, 
       * float spacingmult, float spacingadd, boolean includepad)
       * 传入参数介绍 : 
       * CharSequence source : 需要分行显示的字符串
       * TextPaint paint : 绘制字符串的画笔
       * int width : 条目的宽度
       * Alignment align : Layout 的对齐方式, ALIGN_CENTER 居中对齐, ALIGN_NORMAL 左对齐, Alignment.ALIGN_OPPOSITE 右对齐
       * float spacingmult : 行间距, 1.5f 代表 1.5 倍字体高度
       * float spacingadd : 基础行距上增加多少 , 真实行间距 等于 spacingmult 和 spacingadd 的和
       * boolean includepad : 
       */
      itemsLayout = new StaticLayout(buildText(isScrollingPerformed), itemsPaint, widthItems,
          widthLabel > 0 ? Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER, 1,
          ADDITIONAL_ITEM_HEIGHT, false);
    } else {
      //调用 Layout 内置的方法 increaseWidthTo 将宽度提升到指定的宽度
      itemsLayout.increaseWidthTo(widthItems);
    }

    /*
     * 创建选中条目
     */
    if (!isScrollingPerformed && (valueLayout == null || valueLayout.getWidth() > widthItems)) {
      String text = getAdapter() != null ? getAdapter().getItem(currentItem) : null;
      valueLayout = new StaticLayout(text != null ? text : "", valuePaint, widthItems,
          widthLabel > 0 ? Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER, 1,
          ADDITIONAL_ITEM_HEIGHT, false);
    } else if (isScrollingPerformed) {
      valueLayout = null;
    } else {
      valueLayout.increaseWidthTo(widthItems);
    }

    /*
     * 创建标签条目
     */
    if (widthLabel > 0) {
      if (labelLayout == null || labelLayout.getWidth() > widthLabel) {
        labelLayout = new StaticLayout(label, valuePaint, widthLabel, Layout.Alignment.ALIGN_NORMAL, 1,
            ADDITIONAL_ITEM_HEIGHT, false);
      } else {
        labelLayout.increaseWidthTo(widthLabel);
      }
    }
  }

4. 监听器管理

监听器集合维护  :

— 定义监听器集合 : 在 View 组件中 定义一个 List 集合, 集合中存放 监听器元素;

/** 条目改变监听器集合  封装了条目改变方法, 当条目改变时回调 */
    private List<OnWheelChangedListener> changingListeners = new LinkedList<OnWheelChangedListener>();
    /** 条目滚动监听器集合, 该监听器封装了 开始滚动方法, 结束滚动方法 */
    private List<OnWheelScrollListener> scrollingListeners = new LinkedList<OnWheelScrollListener>();

— 提供对监听器集合的添加删除接口 : 提供 对集合 进行 添加 和 删除的接口;

/**
  * 添加 WheelView 选择的元素改变监听器
  * 
  * @param listener
  *		  the listener
  */
    public void addChangingListener(OnWheelChangedListener listener) {
     changingListeners.add(listener);
    }

    /**
  * 移除 WheelView 元素改变监听器
  * 
  * @param listener
  *		  the listener
  */
    public void removeChangingListener(OnWheelChangedListener listener) {
     changingListeners.remove(listener);
    }

调用监听器接口:

/**
  * 回调元素改变监听器集合的元素改变监听器元素的元素改变方法
  * 
  * @param oldValue
  *		  旧的 WheelView选中的值
  * @param newValue
  *		  新的 WheelView选中的值
  */
    protected void notifyChangingListeners(int oldValue, int newValue) {
     for (OnWheelChangedListener listener : changingListeners) {
      listener.onChanged(this, oldValue, newValue);
     }
    }

5. 自定义 View 对象的宽高

(1) onMeasure 方法 MeasureSpec 模式解析

常规处理方法 : 组件的宽高有三种情况, widthMeasureSpec 有三种模式 最大模式, 精准模式, 未定义模式;

— 最大模式 : 在 组件的宽或高 warp_content 属性时, 会使用最大模式;

— 精准模式 : 当给组件宽 或者高 定义一个值 或者 使用 match_parent 时, 会使用精准模式;

处理宽高的常规代码 :

@Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    
    //获取宽度 和 高度的模式 和 大小
  int widthMode = MeasureSpec.getMode(widthMeasureSpec);
  int heightMode = MeasureSpec.getMode(heightMeasureSpec);
  int widthSize = MeasureSpec.getSize(widthMeasureSpec);
  int heightSize = MeasureSpec.getSize(heightMeasureSpec);
  
  Log.i(TAG, "宽度 : widthMode : " + getMode(widthMode) + " , widthSize : " + widthSize + "\n" 
      + "高度 : heightMode : " + getMode(heightMode) + " , heightSize : " + heightSize);
  
  int width = 0;
  int height = 0;
  /*
   * 精准模式
   * 		精准模式下 高度就是精确的高度
   */
  if (heightMode == MeasureSpec.EXACTLY) {
      height = heightSize;
  //未定义模式 和 最大模式
  } else {
    //未定义模式下 获取布局需要的高度
      height = 100;

      //最大模式下 获取 布局高度 和 布局所需高度的最小值
      if (heightMode == MeasureSpec.AT_MOST) {
    height = Math.min(height, heightSize);
      }
  }
  
  if (widthMode == MeasureSpec.EXACTLY) {
      width = widthSize;
  } else {
      width = 100;
      if (heightMode == MeasureSpec.AT_MOST) {
    width = Math.min(width, widthSize);
      }
  }

  Log.i(TAG, "最终结果 : 宽度 : " + width + " , 高度 : " + height);
  
  setMeasuredDimension(width, height);
    
  }
  
  
  public String getMode(int mode) {
    String modeName = "";
    if(mode == MeasureSpec.EXACTLY){
      modeName = "精准模式";
    }else if(mode == MeasureSpec.AT_MOST){
      modeName = "最大模式";
    }else if(mode == MeasureSpec.UNSPECIFIED){
      modeName = "未定义模式";
    }
      
    return modeName;
  }

(2) 测试上述代码

使用下面的自定义组件测试 :

package cn.org.octopus.wheelview;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

public class MyView extends View {

  public static final String TAG = "octopus.my.view";
  
  public MyView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  public MyView(Context context) {
    super(context);
  }

  public MyView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
  }
  
  
  
  
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    
    //获取宽度 和 高度的模式 和 大小
  int widthMode = MeasureSpec.getMode(widthMeasureSpec);
  int heightMode = MeasureSpec.getMode(heightMeasureSpec);
  int widthSize = MeasureSpec.getSize(widthMeasureSpec);
  int heightSize = MeasureSpec.getSize(heightMeasureSpec);
  
  Log.i(TAG, "宽度 : widthMode : " + getMode(widthMode) + " , widthSize : " + widthSize + "\n" 
      + "高度 : heightMode : " + getMode(heightMode) + " , heightSize : " + heightSize);
  
  int width = 0;
  int height = 0;
  /*
   * 精准模式
   * 		精准模式下 高度就是精确的高度
   */
  if (heightMode == MeasureSpec.EXACTLY) {
      height = heightSize;
  //未定义模式 和 最大模式
  } else {
    //未定义模式下 获取布局需要的高度
      height = 100;

      //最大模式下 获取 布局高度 和 布局所需高度的最小值
      if (heightMode == MeasureSpec.AT_MOST) {
    height = Math.min(height, heightSize);
      }
  }
  
  if (widthMode == MeasureSpec.EXACTLY) {
      width = widthSize;
  } else {
      width = 100;
      if (heightMode == MeasureSpec.AT_MOST) {
    width = Math.min(width, widthSize);
      }
  }

  Log.i(TAG, "最终结果 : 宽度 : " + width + " , 高度 : " + height);
  
  setMeasuredDimension(width, height);
    
  }
  
  
  public String getMode(int mode) {
    String modeName = "";
    if(mode == MeasureSpec.EXACTLY){
      modeName = "精准模式";
    }else if(mode == MeasureSpec.AT_MOST){
      modeName = "最大模式";
    }else if(mode == MeasureSpec.UNSPECIFIED){
      modeName = "未定义模式";
    }
      
    return modeName;
  }
  
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    
    canvas.drawColor(Color.BLUE);
  }

}

给定具体值情况 :

— 组件信息 :

<cn.org.octopus.wheelview.MyView
        android:layout_width="300dip"
        android:layout_height="300dip"/>

日志信息:

11-30 01:40:24.304: I/octopus.my.view(2609): 宽度 : widthMode : 精准模式 , widthSize : 450
11-30 01:40:24.304: I/octopus.my.view(2609): 高度 : heightMode : 最大模式 , heightSize : 850
11-30 01:40:24.304: I/octopus.my.view(2609): 最终结果 : 宽度 : 450 , 高度 : 100
11-30 01:40:24.304: I/octopus.my.view(2609): 宽度 : widthMode : 精准模式 , widthSize : 450
11-30 01:40:24.304: I/octopus.my.view(2609): 高度 : heightMode : 精准模式 , heightSize : 450
11-30 01:40:24.304: I/octopus.my.view(2609): 最终结果 : 宽度 : 450 , 高度 : 450
11-30 01:40:24.335: I/octopus.my.view(2609): 宽度 : widthMode : 精准模式 , widthSize : 450
11-30 01:40:24.335: I/octopus.my.view(2609): 高度 : heightMode : 最大模式 , heightSize : 850
11-30 01:40:24.335: I/octopus.my.view(2609): 最终结果 : 宽度 : 450 , 高度 : 100
11-30 01:40:24.335: I/octopus.my.view(2609): 宽度 : widthMode : 精准模式 , widthSize : 450
11-30 01:40:24.335: I/octopus.my.view(2609): 高度 : heightMode : 精准模式 , heightSize : 450
11-30 01:40:24.335: I/octopus.my.view(2609): 最终结果 : 宽度 : 450 , 高度 : 450

warp_content 情况:

— 组件信息 :

<cn.org.octopus.wheelview.MyView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

日志信息:

11-30 01:37:47.351: I/octopus.my.view(1803): 宽度 : widthMode : 最大模式 , widthSize : 492
11-30 01:37:47.351: I/octopus.my.view(1803): 高度 : heightMode : 最大模式 , heightSize : 850
11-30 01:37:47.351: I/octopus.my.view(1803): 最终结果 : 宽度 : 100 , 高度 : 100
11-30 01:37:47.351: I/octopus.my.view(1803): 宽度 : widthMode : 精准模式 , widthSize : 100
11-30 01:37:47.351: I/octopus.my.view(1803): 高度 : heightMode : 最大模式 , heightSize : 802
11-30 01:37:47.351: I/octopus.my.view(1803): 最终结果 : 宽度 : 100 , 高度 : 100
11-30 01:37:47.390: I/octopus.my.view(1803): 宽度 : widthMode : 最大模式 , widthSize : 492
11-30 01:37:47.390: I/octopus.my.view(1803): 高度 : heightMode : 最大模式 , heightSize : 850
11-30 01:37:47.390: I/octopus.my.view(1803): 最终结果 : 宽度 : 100 , 高度 : 100
11-30 01:37:47.390: I/octopus.my.view(1803): 宽度 : widthMode : 精准模式 , widthSize : 100
11-30 01:37:47.390: I/octopus.my.view(1803): 高度 : heightMode : 最大模式 , heightSize : 802
11-30 01:37:47.390: I/octopus.my.view(1803): 最终结果 : 宽度 : 100 , 高度 : 100

match_parent 情况 :

— 组件信息 :

<cn.org.octopus.wheelview.MyView
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

— 日志信息 :

11-30 01:39:08.296: I/octopus.my.view(2249): 宽度 : widthMode : 精准模式 , widthSize : 492
11-30 01:39:08.296: I/octopus.my.view(2249): 高度 : heightMode : 精准模式 , heightSize : 850
11-30 01:39:08.296: I/octopus.my.view(2249): 最终结果 : 宽度 : 492 , 高度 : 850
11-30 01:39:08.296: I/octopus.my.view(2249): 宽度 : widthMode : 精准模式 , widthSize : 492
11-30 01:39:08.296: I/octopus.my.view(2249): 高度 : heightMode : 精准模式 , heightSize : 802
11-30 01:39:08.296: I/octopus.my.view(2249): 最终结果 : 宽度 : 492 , 高度 : 802
11-30 01:39:08.328: I/octopus.my.view(2249): 宽度 : widthMode : 精准模式 , widthSize : 492
11-30 01:39:08.328: I/octopus.my.view(2249): 高度 : heightMode : 精准模式 , heightSize : 850
11-30 01:39:08.328: I/octopus.my.view(2249): 最终结果 : 宽度 : 492 , 高度 : 850
11-30 01:39:08.328: I/octopus.my.view(2249): 宽度 : widthMode : 精准模式 , widthSize : 492
11-30 01:39:08.328: I/octopus.my.view(2249): 高度 : heightMode : 精准模式 , heightSize : 802
11-30 01:39:08.328: I/octopus.my.view(2249): 最终结果 : 宽度 : 492 , 高度 : 802

博客地址  http://blog.csdn.net/shulianghan/article/details/41520569#t17

代码下载 :

—  GitHub https://github.com/han1202012/WheelViewDemo.git

—  CSDN http://download.csdn.net/detail/han1202012/8208997 ;

四. 详细代码

1. WheelAdapter

package cn.org.octopus.wheelview.widget;

/**
 * WheelView 适配器接口
 * @author han_shuliang(octopus_truth@163.com)
 *
 */
public interface WheelAdapter {
    /**
     * 获取条目的个数
     * 
     * @return 
     * 		WheelView 的条目个数
     */
    public int getItemsCount();

    /**
     * 根据索引位置获取 WheelView 的条目
     * 
     * @param index
     *            条目的索引
     * @return 
     * 		WheelView 上显示的条目的值
     */
    public String getItem(int index);

    /**
     * 获取条目的最大长度. 用来定义 WheelView 的宽度. 如果返回 -1, 就会使用默认宽度
     * 
     * @return 
     * 		条目的最大宽度 或者 -1
     */
    public int getMaximumLength();
}

2. ArrayWheelAdapter

package cn.org.octopus.wheelview.widget;

/**
 * WheelView 的适配器类
 * 
 * @param <T>
 *			元素类型
 */
public class ArrayWheelAdapter<T> implements WheelAdapter {

  /** 适配器的 元素集合(数据源) 默认长度为 -1 */
  public static final int DEFAULT_LENGTH = -1;

  /** 适配器的数据源 */
  private T items[];
  /** WheelView 的宽度 */
  private int length;

  /**
   * 构造方法
   * 
   * @param items
   *			适配器数据源 集合 T 类型的数组
   * @param length
   *			适配器数据源 集合 T 数组长度
   */
  public ArrayWheelAdapter(T items[], int length) {
    this.items = items;
    this.length = length;
  }

  /**
   * 构造方法
   * 
   * @param items
   *			适配器数据源集合 T 类型数组
   */
  public ArrayWheelAdapter(T items[]) {
    this(items, DEFAULT_LENGTH);
  }

  
  @Override
  public String getItem(int index) {
    //如果这个索引值合法, 就返回 item 数组对应的元素的字符串形式
    if (index >= 0 && index < items.length) {
      return items[index].toString();
    }
    return null;
  }

  @Override
  public int getItemsCount() {
    //返回 item 数组的长度
    return items.length;
  }

  @Override
  public int getMaximumLength() {
    //返回 item 元素的宽度
    return length;
  }

}

3. NumericWheelAdapter

package cn.org.octopus.wheelview.widget;

/**
 * 显示数字的 WheelAdapter
 */
public class NumericWheelAdapter implements WheelAdapter {

  /** 默认最小值 */
  public static final int DEFAULT_MAX_VALUE = 9;

  /** 默认最大值 */
  private static final int DEFAULT_MIN_VALUE = 0;

  /** 设置的最小值 */
  private int minValue;
  /** 设置的最大值 */
  private int maxValue;

  /** 格式化字符串, 用于格式化 货币, 科学计数, 十六进制 等格式 */
  private String format;

  /**
   * 默认的构造方法, 使用默认的最大最小值
   */
  public NumericWheelAdapter() {
    this(DEFAULT_MIN_VALUE, DEFAULT_MAX_VALUE);
  }

  /**
   * 构造方法
   * 
   * @param minValue
   *			最小值
   * @param maxValue
   *			最大值
   */
  public NumericWheelAdapter(int minValue, int maxValue) {
    this(minValue, maxValue, null);
  }

  /**
   * 构造方法
   * 
   * @param minValue
   *			最小值
   * @param maxValue
   *			最大值
   * @param format
   *			格式化字符串
   */
  public NumericWheelAdapter(int minValue, int maxValue, String format) {
    this.minValue = minValue;
    this.maxValue = maxValue;
    this.format = format;
  }

  @Override
  public String getItem(int index) {
    String result = "";
    if (index >= 0 && index < getItemsCount()) {
      int value = minValue + index;
      //如果 format 不为 null, 那么格式化字符串, 如果为 null, 直接返回数字
      if(format != null){
        result = String.format(format, value);
      }else{
        result = Integer.toString(value);
      }
      return result;
    }
    return null;
  }

  @Override
  public int getItemsCount() {
    //返回数字总个数
    return maxValue - minValue + 1;
  }

  @Override
  public int getMaximumLength() {
    //获取 最大值 和 最小值 中的 较大的数字
    int max = Math.max(Math.abs(maxValue), Math.abs(minValue));
    //获取这个数字 的 字符串形式的 字符串长度
    int maxLen = Integer.toString(max).length();
    if (minValue < 0) {
      maxLen++;
    }
    return maxLen;
  }
}

4. OnWheelChangedListener

package cn.org.octopus.wheelview.widget;

/**
 * 条目改变监听器
 */
public interface OnWheelChangedListener {
    /**
     * 当前条目改变时回调该方法
     * 
     * @param wheel
     *            条目改变的 WheelView 对象
     * @param oldValue
     *            WheelView 旧的条目值
     * @param newValue
     *            WheelView 新的条目值
     */
    void onChanged(WheelView wheel, int oldValue, int newValue);
}

5. OnWheelScrollListener

package cn.org.octopus.wheelview.widget;

/**
 * WheelView 滚动监听器
 */
public interface OnWheelScrollListener {
    /**
     * 在 WheelView 滚动开始的时候回调该接口
     * 
     * @param wheel
     *            开始滚动的 WheelView 对象
     */
    void onScrollingStarted(WheelView wheel);

    /**
     * 在 WheelView 滚动结束的时候回调该接口
     * 
     * @param wheel
     *            结束滚动的 WheelView 对象
     */
    void onScrollingFinished(WheelView wheel);
}

6. WheelView

package cn.org.octopus.wheelview.widget;

import java.util.LinkedList;
import java.util.List;

import cn.org.octopus.wheelview.R;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.GradientDrawable;
import android.graphics.drawable.GradientDrawable.Orientation;
import android.os.Handler;
import android.os.Message;
import android.text.Layout;
import android.text.StaticLayout;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.GestureDetector.SimpleOnGestureListener;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Interpolator;
import android.widget.Scroller;

/**
 * WheelView 主对象
 */
public class WheelView extends View {
  /** 滚动花费时间 Scrolling duration */
  private static final int SCROLLING_DURATION = 400;

  /** 最小的滚动值, 每次最少滚动一个单位 */
  private static final int MIN_DELTA_FOR_SCROLLING = 1;

  /** 当前条目中的文字颜色 */
  private static final int VALUE_TEXT_COLOR = 0xF0FF6347;

  /** 非当前条目的文字颜色 */
  private static final int ITEMS_TEXT_COLOR = 0xFF000000;

  /** 顶部和底部的阴影颜色 */
  //private static final int[] SHADOWS_COLORS = new int[] { 0xFF5436EE, 0x0012CEAE, 0x0012CEAE };
  private static final int[] SHADOWS_COLORS = new int[] { 0xFF111111, 0x00AAAAAA, 0x00AAAAAA };

  /** 额外的条目高度 Additional items height (is added to standard text item height) */
  private static final int ADDITIONAL_ITEM_HEIGHT = 15;

  /** 字体大小 */
  private static final int TEXT_SIZE = 24;

  /** 顶部 和 底部 条目的隐藏大小, 
   * 如果是正数 会隐藏一部份, 
   * 0 顶部 和 底部的字正好紧贴 边缘, 
   * 负数时 顶部和底部 与 字有一定间距 */
  private static final int ITEM_OFFSET = TEXT_SIZE / 5;

  /** Additional width for items layout */
  private static final int ADDITIONAL_ITEMS_SPACE = 10;

  /** Label offset */
  private static final int LABEL_OFFSET = 8;

  /** Left and right padding value */
  private static final int PADDING = 10;

  /** 默认的可显示的条目数 */
  private static final int DEF_VISIBLE_ITEMS = 5;

  /** WheelView 适配器 */
  private WheelAdapter adapter = null;
  /** 当前显示的条目索引 */
  private int currentItem = 0;

  /** 条目宽度 */
  private int itemsWidth = 0;
  /** 标签宽度 */
  private int labelWidth = 0;

  /** 可见的条目数 */
  private int visibleItems = DEF_VISIBLE_ITEMS;

  /** 条目高度 */
  private int itemHeight = 0;

  /** 绘制普通条目画笔 */
  private TextPaint itemsPaint;
  /** 绘制选中条目画笔 */
  private TextPaint valuePaint;

  /** 普通条目布局
   * StaticLayout 布局用于控制 TextView 组件, 一般情况下不会直接使用该组件, 
   * 除非你自定义一个组件 或者 想要直接调用  Canvas.drawText() 方法
   *  */
  private StaticLayout itemsLayout;
  private StaticLayout labelLayout;
  /** 选中条目布局 */
  private StaticLayout valueLayout;

  /** 标签 在选中条目的右边出现 */
  private String label;
  /** 选中条目的背景图片 */
  private Drawable centerDrawable;

  /** 顶部阴影图片 */
  private GradientDrawable topShadow;
  /** 底部阴影图片 */
  private GradientDrawable bottomShadow;

  /** 是否在滚动 */
  private boolean isScrollingPerformed;
  /** 滚动的位置 */
  private int scrollingOffset;

  /** 手势检测器 */
  private GestureDetector gestureDetector;
  /** 
   * Scroll 类封装了滚动动作. 
   * 开发者可以使用 Scroll 或者 Scroll 实现类 去收集产生一个滚动动画所需要的数据, 返回一个急冲滑动的手势.
   * 该对象可以追踪随着时间推移滚动的偏移量, 但是这些对象不会自动向 View 对象提供这些位置.
   * 如果想要使滚动动画看起来比较平滑, 开发者需要在适当的时机  获取 和 使用新的坐标; 
   *  */
  private Scroller scroller;
  /** 之前所在的 y 轴位置 */
  private int lastScrollY;

  /** 是否循环 */
  boolean isCyclic = false;

  /** 条目改变监听器集合  封装了条目改变方法, 当条目改变时回调 */
  private List<OnWheelChangedListener> changingListeners = new LinkedList<OnWheelChangedListener>();
  /** 条目滚动监听器集合, 该监听器封装了 开始滚动方法, 结束滚动方法 */
  private List<OnWheelScrollListener> scrollingListeners = new LinkedList<OnWheelScrollListener>();

  /**
   * 构造方法
   */
  public WheelView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    initData(context);
  }

  /**
   * 构造方法
   */
  public WheelView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initData(context);
  }

  /**
   * 构造方法
   */
  public WheelView(Context context) {
    super(context);
    initData(context);
  }

  /**
   * 初始化数据
   * 
   * @param context
   *			上下文对象
   */
  private void initData(Context context) {
    //创建一个手势处理
    gestureDetector = new GestureDetector(context, gestureListener);
    /*
     * 是否允许长按操作, 
     * 如果设置为 true 用户按下不松开, 会返回一个长按事件, 
     * 如果设置为 false, 按下不松开滑动的话 会收到滚动事件.
     */
    gestureDetector.setIsLongpressEnabled(false);
    
    //使用默认的 时间 和 插入器 创建一个滚动器
    scroller = new Scroller(context);
  }

  /**
   * 获取该 WheelView 的适配器
   * 
   * @return 
   * 		返回适配器
   */
  public WheelAdapter getAdapter() {
    return adapter;
  }

  /**
   * 设置适配器
   * 
   * @param adapter
   *			要设置的适配器
   */
  public void setAdapter(WheelAdapter adapter) {
    this.adapter = adapter;
    invalidateLayouts();
    invalidate();
  }

  /**
   * 设置 Scroll 的插入器
   * 
   * @param interpolator
   *			the interpolator
   */
  public void setInterpolator(Interpolator interpolator) {
    //强制停止滚动
    scroller.forceFinished(true);
    //创建一个 Scroll 对象
    scroller = new Scroller(getContext(), interpolator);
  }

  /**
   * 获取课件条目数
   * 
   * @return the count of visible items
   */
  public int getVisibleItems() {
    return visibleItems;
  }

  /**
   * 设置可见条目数
   * 
   * @param count
   *			the new count
   */
  public void setVisibleItems(int count) {
    visibleItems = count;
    invalidate();
  }

  /**
   * 获取标签
   * 
   * @return the label
   */
  public String getLabel() {
    return label;
  }

  /**
   * 设置标签
   * 
   * @param newLabel
   *			the label to set
   */
  public void setLabel(String newLabel) {
    if (label == null || !label.equals(newLabel)) {
      label = newLabel;
      labelLayout = null;
      invalidate();
    }
  }

  /**
   * 添加 WheelView 选择的元素改变监听器
   * 
   * @param listener
   *			the listener
   */
  public void addChangingListener(OnWheelChangedListener listener) {
    changingListeners.add(listener);
  }

  /**
   * 移除 WheelView 元素改变监听器
   * 
   * @param listener
   *			the listener
   */
  public void removeChangingListener(OnWheelChangedListener listener) {
    changingListeners.remove(listener);
  }

  /**
   * 回调元素改变监听器集合的元素改变监听器元素的元素改变方法
   * 
   * @param oldValue
   *			旧的 WheelView选中的值
   * @param newValue
   *			新的 WheelView选中的值
   */
  protected void notifyChangingListeners(int oldValue, int newValue) {
    for (OnWheelChangedListener listener : changingListeners) {
      listener.onChanged(this, oldValue, newValue);
    }
  }

  /**
   * 添加 WheelView 滚动监听器
   * 
   * @param listener
   *			the listener
   */
  public void addScrollingListener(OnWheelScrollListener listener) {
    scrollingListeners.add(listener);
  }

  /**
   * 移除 WheelView 滚动监听器
   * 
   * @param listener
   *			the listener
   */
  public void removeScrollingListener(OnWheelScrollListener listener) {
    scrollingListeners.remove(listener);
  }

  /**
   * 通知监听器开始滚动
   */
  protected void notifyScrollingListenersAboutStart() {
    for (OnWheelScrollListener listener : scrollingListeners) {
      //回调开始滚动方法
      listener.onScrollingStarted(this);
    }
  }

  /**
   * 通知监听器结束滚动
   */
  protected void notifyScrollingListenersAboutEnd() {
    for (OnWheelScrollListener listener : scrollingListeners) {
      //回调滚动结束方法
      listener.onScrollingFinished(this);
    }
  }

  /**
   * 获取当前选中元素的索引
   * 
   * @return 
   * 		当前元素索引
   */
  public int getCurrentItem() {
    return currentItem;
  }

  /**
   * 设置当前元素的位置, 如果索引是错误的 不进行任何操作
   * -- 需要考虑该 WheelView 是否能循环
   * -- 根据是否需要滚动动画来确定是 ①滚动到目的位置 还是 ②晴空所有条目然后重绘
   * 
   * @param index
   *			要设置的元素索引值
   * @param animated
   *			动画标志位
   */
  public void setCurrentItem(int index, boolean animated) {
    //如果没有适配器或者元素个数为0 直接返回
    if (adapter == null || adapter.getItemsCount() == 0) {
      return; // throw?
    }
    //目标索引小于 0 或者大于 元素索引最大值(个数 -1)
    if (index < 0 || index >= adapter.getItemsCount()) {
      //入股WheelView 可循环, 修正索引值, 如果不可循环直接返回
      if (isCyclic) {
        while (index < 0) {
          index += adapter.getItemsCount();
        }
        index %= adapter.getItemsCount();
      } else {
        return; // throw?
      }
    }
    
    //如果当前的索引不是传入的 索引
    if (index != currentItem) {
      
      /*
       * 如果需要动画, 就滚动到目标位置
       * 如果不需要动画, 重新设置布局
       */
      if (animated) {
        /*
         * 开始滚动, 每个元素滚动间隔 400 ms, 滚动次数是 目标索引值 减去 当前索引值, 这是滚动的真实方法
         */
        scroll(index - currentItem, SCROLLING_DURATION);
      } else {
        //所有布局设置为 null, 滚动位置设置为 0
        invalidateLayouts();

        int old = currentItem;
        currentItem = index;

        //便利回调元素改变监听器集合中的监听器元素中的元素改变方法
        notifyChangingListeners(old, currentItem);

        //重绘
        invalidate();
      }
    }
  }

  /**
   * 设置当前选中的条目, 没有动画, 当索引出错不做任何操作
   * 
   * @param index
   *			要设置的索引
   */
  public void setCurrentItem(int index) {
    setCurrentItem(index, false);
  }

  /**
   * 获取 WheelView 是否可以循环
   * -- 如果可循环 : 第一个之前是最后一个, 最后一个之后是第一个;
   * -- 如果不可循环 : 到第一个就不能上翻, 最后一个不能下翻 
   * 
   * @return
   */
  public boolean isCyclic() {
    return isCyclic;
  }

  /**
   * 设置 WheelView 循环标志
   * 
   * @param isCyclic
   *			the flag to set
   */
  public void setCyclic(boolean isCyclic) {
    this.isCyclic = isCyclic;

    invalidate();
    invalidateLayouts();
  }

  /**
   * 使布局无效
   * 将 选中条目 和 普通条目设置为 null, 滚动位置设置为0
   */
  private void invalidateLayouts() {
    itemsLayout = null;
    valueLayout = null;
    scrollingOffset = 0;
  }

  /**
   * 初始化资源
   */
  private void initResourcesIfNecessary() {
    /*
     * 设置绘制普通条目的画笔, 允许抗拒齿, 允许 fake-bold
     * 设置文字大小为 24
     */
    if (itemsPaint == null) {
      itemsPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.FAKE_BOLD_TEXT_FLAG);
      itemsPaint.setTextSize(TEXT_SIZE);
    }

    /*
     * 设置绘制选中条目的画笔
     * 设置文字大小 24
     */
    if (valuePaint == null) {
      valuePaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.FAKE_BOLD_TEXT_FLAG | Paint.DITHER_FLAG);
      valuePaint.setTextSize(TEXT_SIZE);
      valuePaint.setShadowLayer(0.1f, 0, 0.1f, 0xFFC0C0C0);
    }

    //选中的条目背景
    if (centerDrawable == null) {
      centerDrawable = getContext().getResources().getDrawable(R.drawable.wheel_val);
    }

    //创建顶部阴影图片
    if (topShadow == null) {
      /*
       * 构造方法中传入颜色渐变方向
       * 阴影颜色
       */
      topShadow = new GradientDrawable(Orientation.TOP_BOTTOM, SHADOWS_COLORS);
    }

    //创建底部阴影图片
    if (bottomShadow == null) {
      bottomShadow = new GradientDrawable(Orientation.BOTTOM_TOP, SHADOWS_COLORS);
    }

    /*
     * 设置 View 组件的背景
     */
    setBackgroundResource(R.drawable.wheel_bg);
  }

  /**
   * 计算布局期望的高度
   * 
   * @param layout
   *	  组件的布局的
   * @return 
   * 		布局需要的高度
   */
  private int getDesiredHeight(Layout layout) {
    if (layout == null) {
      return 0;
    }

    /*
     * 布局需要的高度是 条目个数 * 可见条目数 减去 顶部和底部隐藏的一部份 减去 额外的条目高度
     */
    int desired = getItemHeight() * visibleItems - ITEM_OFFSET * 2 - ADDITIONAL_ITEM_HEIGHT;

    // 将计算的布局高度 与 最小高度比较, 取最大值
    desired = Math.max(desired, getSuggestedMinimumHeight());

    return desired;
  }

  /**
   * 根据条目获取字符串
   * 
   * @param index
   *			条目索引
   * @return 
   * 		条目显示的字符串
   */
  private String getTextItem(int index) {
    if (adapter == null || adapter.getItemsCount() == 0) {
      return null;
    }
    //适配器显示的字符串个数
    int count = adapter.getItemsCount();
    
    //考虑 index 小于 0 的情况
    if ((index < 0 || index >= count) && !isCyclic) {
      return null;
    } else {
      while (index < 0) {
        index = count + index;
      }
    }

    //index 大于 0
    index %= count;
    return adapter.getItem(index);
  }

  /**
   * 根据当前值创建 字符串
   * 
   * @param useCurrentValue
   * 		是否在滚动
   * @return the text
   * 		生成的字符串
   */
  private String buildText(boolean useCurrentValue) {
    //创建字符串容器
    StringBuilder itemsText = new StringBuilder();
    //计算出显示的条目相对位置, 例如显示 5个, 第 3 个是正中见选中的布局
    int addItems = visibleItems / 2 + 1;

    /*
     * 遍历显示的条目
     * 获取当前显示条目 上下 各 addItems 个文本, 将该文本添加到显示文本中去
     * 如果不是最后一个 都加上回车
     */
    for (int i = currentItem - addItems; i <= currentItem + addItems; i++) {
      //如果在滚动
      if (useCurrentValue || i != currentItem) {
        String text = getTextItem(i);
        if (text != null) {
          itemsText.append(text);
        }
      }
      if (i < currentItem + addItems) {
        itemsText.append("\n");
      }
    }

    return itemsText.toString();
  }

  /**
   * 返回 条目的字符串
   * 
   * @return 
   * 		条目最大宽度
   */
  private int getMaxTextLength() {
    WheelAdapter adapter = getAdapter();
    if (adapter == null) {
      return 0;
    }

    //如果获取的最大条目宽度不为 -1, 可以直接返回该条目宽度
    int adapterLength = adapter.getMaximumLength();
    if (adapterLength > 0) {
      return adapterLength;
    }

    String maxText = null;
    int addItems = visibleItems / 2;
    /*
     * 遍历当前显示的条目, 获取字符串长度最长的那个, 返回这个最长的字符串长度
     */
    for (int i = Math.max(currentItem - addItems, 0); i < Math.min(currentItem + visibleItems,
        adapter.getItemsCount()); i++) {
      String text = adapter.getItem(i);
      if (text != null && (maxText == null || maxText.length() < text.length())) {
        maxText = text;
      }
    }

    return maxText != null ? maxText.length() : 0;
  }

  /**
   * 获取每个条目的高度
   * 
   * @return 
   * 		条目的高度
   */
  private int getItemHeight() {
    //如果条目高度不为 0, 直接返回
    if (itemHeight != 0) {
      return itemHeight;
    //如果条目的高度为 0, 并且普通条目布局不为null, 条目个数大于 2 
    } else if (itemsLayout != null && itemsLayout.getLineCount() > 2) {
      /*
       * itemsLayout.getLineTop(2) : 获取顶部第二行上面的垂直(y轴)位置, 如果行数等于
       */
      itemHeight = itemsLayout.getLineTop(2) - itemsLayout.getLineTop(1);
      return itemHeight;
    }

    //如果上面都不符合, 使用整体高度处以 显示条目数
    return getHeight() / visibleItems;
  }

  /**
   * 计算宽度并创建文字布局
   * 
   * @param widthSize
   *			输入的布局宽度
   * @param mode
   *			布局模式
   * @return 
   * 		计算的宽度
   */
  private int calculateLayoutWidth(int widthSize, int mode) {
    initResourcesIfNecessary();

    int width = widthSize;

    //获取最长的条目显示字符串字符个数
    int maxLength = getMaxTextLength();
    
    if (maxLength > 0) {
      /*
       * 使用方法 FloatMath.ceil() 方法有以下警告
       * Use java.lang.Math#ceil instead of android.util.FloatMath#ceil() since it is faster as of API 8
       */
      //float textWidth = FloatMath.ceil(Layout.getDesiredWidth("0", itemsPaint));
      //向上取整  计算一个字符串宽度
      float textWidth = (float) Math.ceil(Layout.getDesiredWidth("0", itemsPaint));
      
      //获取字符串总的宽度
      itemsWidth = (int) (maxLength * textWidth);
    } else {
      itemsWidth = 0;
    }
    
    //总宽度加上一些间距
    itemsWidth += ADDITIONAL_ITEMS_SPACE; // make it some more

    //计算 label 的长度
    labelWidth = 0;
    if (label != null && label.length() > 0) {
      labelWidth = (int) Math.ceil(Layout.getDesiredWidth(label, valuePaint));
      //labelWidth = (int) FloatMath.ceil(Layout.getDesiredWidth(label, valuePaint));
    }

    boolean recalculate = false;
    //精准模式
    if (mode == MeasureSpec.EXACTLY) {
      //精准模式下, 宽度就是给定的宽度
      width = widthSize;
      recalculate = true;
    } else {
      //未定义模式
      width = itemsWidth + labelWidth + 2 * PADDING;
      if (labelWidth > 0) {
        width += LABEL_OFFSET;
      }

      // 获取 ( 计算出来的宽度 与 最小宽度的 ) 最大值
      width = Math.max(width, getSuggestedMinimumWidth());

      //最大模式 如果 给定的宽度 小于 计算出来的宽度, 那么使用最小的宽度 ( 给定宽度 | 计算出来的宽度 )
      if (mode == MeasureSpec.AT_MOST && widthSize < width) {
        width = widthSize;
        recalculate = true;
      }
    }

    /*
     * 重新计算宽度 , 如果宽度是给定的宽度, 不是我们计算出来的宽度, 需要重新进行计算
     * 重新计算的宽度是用于
     * 
     * 计算 itemsWidth , 这个与返回的 宽度无关, 与创建布局有关
     */
    if (recalculate) {
      int pureWidth = width - LABEL_OFFSET - 2 * PADDING;
      if (pureWidth <= 0) {
        itemsWidth = labelWidth = 0;
      }
      if (labelWidth > 0) {
        double newWidthItems = (double) itemsWidth * pureWidth / (itemsWidth + labelWidth);
        itemsWidth = (int) newWidthItems;
        labelWidth = pureWidth - itemsWidth;
      } else {
        itemsWidth = pureWidth + LABEL_OFFSET; // no label
      }
    }

    if (itemsWidth > 0) {
      //创建布局
      createLayouts(itemsWidth, labelWidth);
    }

    return width;
  }

  /**
   * 创建布局
   * 
   * @param widthItems
   *			布局条目宽度
   * @param widthLabel
   *			label 宽度
   */
  private void createLayouts(int widthItems, int widthLabel) {
    /*
     * 创建普通条目布局
     * 如果 普通条目布局 为 null 或者 普通条目布局的宽度 大于 传入的宽度, 这时需要重新创建布局
     * 如果 普通条目布局存在, 并且其宽度小于传入的宽度, 此时需要将
     */
    if (itemsLayout == null || itemsLayout.getWidth() > widthItems) {
      
      /*
       * android.text.StaticLayout.StaticLayout(
       * CharSequence source, TextPaint paint, 
       * int width, Alignment align, 
       * float spacingmult, float spacingadd, boolean includepad)
       * 传入参数介绍 : 
       * CharSequence source : 需要分行显示的字符串
       * TextPaint paint : 绘制字符串的画笔
       * int width : 条目的宽度
       * Alignment align : Layout 的对齐方式, ALIGN_CENTER 居中对齐, ALIGN_NORMAL 左对齐, Alignment.ALIGN_OPPOSITE 右对齐
       * float spacingmult : 行间距, 1.5f 代表 1.5 倍字体高度
       * float spacingadd : 基础行距上增加多少 , 真实行间距 等于 spacingmult 和 spacingadd 的和
       * boolean includepad : 
       */
      itemsLayout = new StaticLayout(buildText(isScrollingPerformed), itemsPaint, widthItems,
          widthLabel > 0 ? Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER, 1,
          ADDITIONAL_ITEM_HEIGHT, false);
    } else {
      //调用 Layout 内置的方法 increaseWidthTo 将宽度提升到指定的宽度
      itemsLayout.increaseWidthTo(widthItems);
    }

    /*
     * 创建选中条目
     */
    if (!isScrollingPerformed && (valueLayout == null || valueLayout.getWidth() > widthItems)) {
      String text = getAdapter() != null ? getAdapter().getItem(currentItem) : null;
      valueLayout = new StaticLayout(text != null ? text : "", valuePaint, widthItems,
          widthLabel > 0 ? Layout.Alignment.ALIGN_OPPOSITE : Layout.Alignment.ALIGN_CENTER, 1,
          ADDITIONAL_ITEM_HEIGHT, false);
    } else if (isScrollingPerformed) {
      valueLayout = null;
    } else {
      valueLayout.increaseWidthTo(widthItems);
    }

    /*
     * 创建标签条目
     */
    if (widthLabel > 0) {
      if (labelLayout == null || labelLayout.getWidth() > widthLabel) {
        labelLayout = new StaticLayout(label, valuePaint, widthLabel, Layout.Alignment.ALIGN_NORMAL, 1,
            ADDITIONAL_ITEM_HEIGHT, false);
      } else {
        labelLayout.increaseWidthTo(widthLabel);
      }
    }
  }

  /*
   * 测量组件大小
   * (non-Javadoc)
   * @see android.view.View#onMeasure(int, int)
   */
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    //获取宽度 和 高度的模式 和 大小
    int widthMode = MeasureSpec.getMode(widthMeasureSpec);
    int heightMode = MeasureSpec.getMode(heightMeasureSpec);
    int widthSize = MeasureSpec.getSize(widthMeasureSpec);
    int heightSize = MeasureSpec.getSize(heightMeasureSpec);

    //宽度就是 计算的布局的宽度
    int width = calculateLayoutWidth(widthSize, widthMode);

    int height;
    /*
     * 精准模式
     * 		精准模式下 高度就是精确的高度
     */
    if (heightMode == MeasureSpec.EXACTLY) {
      height = heightSize;
    
    //未定义模式 和 最大模式
    } else {
      //未定义模式下 获取布局需要的高度
      height = getDesiredHeight(itemsLayout);

      //最大模式下 获取 布局高度 和 布局所需高度的最小值
      if (heightMode == MeasureSpec.AT_MOST) {
        height = Math.min(height, heightSize);
      }
    }

    //设置组件的宽和高
    setMeasuredDimension(width, height);
  }

  /*
   * 绘制组件
   * (non-Javadoc)
   * @see android.view.View#onDraw(android.graphics.Canvas)
   */
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);

    //如果条目布局为 null, 就创建该布局
    if (itemsLayout == null) {
      /*
       * 如果 条目宽度为0, 说明该宽度没有计算, 先计算, 计算完之后会创建布局
       * 如果 条目宽度 大于 0, 说明已经计算过宽度了, 直接创建布局
       */
      if (itemsWidth == 0) {
        calculateLayoutWidth(getWidth(), MeasureSpec.EXACTLY);
      } else {
        //创建普通条目布局, 选中条目布局, 标签条目布局
        createLayouts(itemsWidth, labelWidth);
      }
    }

    //如果条目宽度大于0
    if (itemsWidth > 0) {
      canvas.save();
      // 使用平移方法忽略 填充的空间 和 顶部底部隐藏的一部份条目
      canvas.translate(PADDING, -ITEM_OFFSET);
      //绘制普通条目
      drawItems(canvas);
      //绘制选中条目
      drawValue(canvas);
      canvas.restore();
    }

    //在中心位置绘制
    drawCenterRect(canvas);
    //绘制阴影
    drawShadows(canvas);
  }

  /**
   * Draws shadows on top and bottom of control
   * 
   * @param canvas
   *			the canvas for drawing
   */
  private void drawShadows(Canvas canvas) {
    topShadow.setBounds(0, 0, getWidth(), getHeight() / visibleItems);
    topShadow.draw(canvas);

    bottomShadow.setBounds(0, getHeight() - getHeight() / visibleItems, getWidth(), getHeight());
    bottomShadow.draw(canvas);
  }

  /**
   * 绘制选中条目
   * 
   * @param canvas
   *			画布
   */
  private void drawValue(Canvas canvas) {
    valuePaint.setColor(VALUE_TEXT_COLOR);
    
    //将当前 View 状态属性值 转为整型集合, 赋值给 普通条目布局的绘制属性
    valuePaint.drawableState = getDrawableState();

    Rect bounds = new Rect();
    //获取选中条目布局的边界
    itemsLayout.getLineBounds(visibleItems / 2, bounds);

    // 绘制标签
    if (labelLayout != null) {
      canvas.save();
      canvas.translate(itemsLayout.getWidth() + LABEL_OFFSET, bounds.top);
      labelLayout.draw(canvas);
      canvas.restore();
    }

    // 绘制选中条目
    if (valueLayout != null) {
      canvas.save();
      canvas.translate(0, bounds.top + scrollingOffset);
      valueLayout.draw(canvas);
      canvas.restore();
    }
  }

  /**
   * 绘制普通条目
   * 
   * @param canvas
   *			画布
   */
  private void drawItems(Canvas canvas) {
    canvas.save();

    //获取 y 轴 定点高度
    int top = itemsLayout.getLineTop(1);
    canvas.translate(0, -top + scrollingOffset);

    //设置画笔颜色
    itemsPaint.setColor(ITEMS_TEXT_COLOR);
    //将当前 View 状态属性值 转为整型集合, 赋值给 普通条目布局的绘制属性
    itemsPaint.drawableState = getDrawableState();
    //将布局绘制到画布上
    itemsLayout.draw(canvas);

    canvas.restore();
  }

  /**
   * 绘制当前选中条目的背景图片
   * 
   * @param canvas
   *			画布
   */
  private void drawCenterRect(Canvas canvas) {
    int center = getHeight() / 2;
    int offset = getItemHeight() / 2;
    centerDrawable.setBounds(0, center - offset, getWidth(), center + offset);
    centerDrawable.draw(canvas);
  }

  /*
   * 继承自 View 的触摸事件, 当出现触摸事件的时候, 就会回调该方法
   * (non-Javadoc)
   * @see android.view.View#onTouchEvent(android.view.MotionEvent)
   */
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    //获取适配器
    WheelAdapter adapter = getAdapter();
    if (adapter == null) {
      return true;
    }

    /*
     * gestureDetector.onTouchEvent(event) : 分析给定的动作, 如果可用, 调用 手势检测器的 onTouchEvent 方法
     * -- 参数解析 : ev , 触摸事件
     * -- 返回值 : 如果手势监听器成功执行了该方法, 返回true, 如果执行出现意外 返回 false;
     */
    if (!gestureDetector.onTouchEvent(event) && event.getAction() == MotionEvent.ACTION_UP) {
      justify();
    }
    return true;
  }

  /**
   * 滚动 WheelView
   * 
   * @param delta
   *			滚动的值
   */
  private void doScroll(int delta) {
    scrollingOffset += delta;
    
    //计算滚动的条目数, 使用滚动的值 处于 单个条目高度, 注意计算整数值
    int count = scrollingOffset / getItemHeight();
    /*
     * pos 是滚动后的目标元素索引
     * 计算当前位置, 当前条目数 减去 滚动的条目数
     * 注意 滚动条目数可正 可负
     */
    int pos = currentItem - count;
    //如果是可循环的, 并且条目数大于0
    if (isCyclic && adapter.getItemsCount() > 0) {
      //设置循环, 如果位置小于0, 那么该位置就显示最后一个元素
      while (pos < 0) {
        pos += adapter.getItemsCount();
      }
      //如果位置正无限大, 模条目数 取余
      pos %= adapter.getItemsCount();
      
    // (前提 : 不可循环  条目数大于0, 可循环 条目数小于0, 条目数小于0, 不可循环) , 如果滚动在执行
    } else if (isScrollingPerformed) {
      //位置一旦小于0, 计算的位置就赋值为 0, 条目滚动数为0
      if (pos < 0) {
        count = currentItem;
        pos = 0;
        
      //位置大于条目数的时候, 当前位置等于(条目数 - 1), 条目滚动数等于 当前位置 减去 (条目数 - 1)
      } else if (pos >= adapter.getItemsCount()) {
        count = currentItem - adapter.getItemsCount() + 1;
        pos = adapter.getItemsCount() - 1;
      }
    
    } else {
      // fix position
      pos = Math.max(pos, 0);
      pos = Math.min(pos, adapter.getItemsCount() - 1);
    }

    //滚动的高度
    int offset = scrollingOffset;
    
    /*
     * 如果当前位置不是滚动后的目标位置, 就将当前位置设置为目标位置
     * 否则就重绘组件
     */
    if (pos != currentItem) {
      setCurrentItem(pos, false);
    } else {
      //重绘组件
      invalidate();
    }

    // 将滚动后剩余的小数部分保存
    scrollingOffset = offset - count * getItemHeight();
    if (scrollingOffset > getHeight()) {
      scrollingOffset = scrollingOffset % getHeight() + getHeight();
    }
  }

  /**
   * 手势监听器
   */
  private SimpleOnGestureListener gestureListener = new SimpleOnGestureListener() {
    
    //按下操作
    public boolean onDown(MotionEvent e) {
      //如果滚动在执行
      if (isScrollingPerformed) {
        //滚动强制停止, 按下的时候不能继续滚动
        scroller.forceFinished(true);
        //清理信息
        clearMessages();
        return true;
      }
      return false;
    }

    /*
     * 手势监听器监听到 滚动操作后回调
     * 
     * 参数解析 : 
     * MotionEvent e1 : 触发滚动时第一次按下的事件
     * MotionEvent e2 : 触发当前滚动的移动事件
     * float distanceX : 自从上一次调用 该方法 到这一次 x 轴滚动的距离, 
     * 				注意不是 e1 到 e2 的距离, e1 到 e2 的距离是从开始滚动到现在的滚动距离
     * float distanceY : 自从上一次回调该方法到这一次 y 轴滚动的距离
     * 
     * 返回值 : 如果事件成功触发, 执行完了方法中的操作, 返回true, 否则返回 false 
     * (non-Javadoc)
     * @see android.view.GestureDetector.SimpleOnGestureListener#onScroll(android.view.MotionEvent, android.view.MotionEvent, float, float)
     */
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
      //开始滚动, 并回调滚动监听器集合中监听器的 开始滚动方法
      startScrolling();
      doScroll((int) -distanceY);
      return true;
    }

    /*
     * 当一个急冲手势发生后 回调该方法, 会计算出该手势在 x 轴 y 轴的速率
     * 
     * 参数解析 : 
     * -- MotionEvent e1 : 急冲动作的第一次触摸事件;
     * -- MotionEvent e2 : 急冲动作的移动发生的时候的触摸事件;
     * -- float velocityX : x 轴的速率
     * -- float velocityY : y 轴的速率
     * 
     * 返回值 : 如果执行完毕返回 true, 否则返回false, 这个就是自己定义的
     * 
     * (non-Javadoc)
     * @see android.view.GestureDetector.SimpleOnGestureListener#onFling(android.view.MotionEvent, android.view.MotionEvent, float, float)
     */
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
      //计算上一次的 y 轴位置, 当前的条目高度 加上 剩余的 不够一行高度的那部分
      lastScrollY = currentItem * getItemHeight() + scrollingOffset;
      //如果可以循环最大值是无限大, 不能循环就是条目数的高度值
      int maxY = isCyclic ? 0x7FFFFFFF : adapter.getItemsCount() * getItemHeight();
      int minY = isCyclic ? -maxY : 0;
      /*
       * Scroll 开始根据一个急冲手势滚动, 滚动的距离与初速度有关
       * 参数介绍 : 
       * -- int startX : 开始时的 X轴位置
       * -- int startY : 开始时的 y轴位置
       * -- int velocityX : 急冲手势的 x 轴的初速度, 单位 px/s
       * -- int velocityY : 急冲手势的 y 轴的初速度, 单位 px/s
       * -- int minX : x 轴滚动的最小值
       * -- int maxX : x 轴滚动的最大值
       * -- int minY : y 轴滚动的最小值
       * -- int maxY : y 轴滚动的最大值
       */
      scroller.fling(0, lastScrollY, 0, (int) -velocityY / 2, 0, 0, minY, maxY);
      setNextMessage(MESSAGE_SCROLL);
      return true;
    }
  };

  // Handler 中的  Message 信息
  /** 滚动信息 */
  private final int MESSAGE_SCROLL = 0;
  /** 调整信息 */
  private final int MESSAGE_JUSTIFY = 1;

  /**
   * 清空之前的 Handler 队列, 发送下一个消息到 Handler 中
   * 
   * @param message
   *			要发送的消息
   */
  private void setNextMessage(int message) {
    //清空 Handler 队列中的  what 消息
    clearMessages();
    //发送消息到 Handler 中
    animationHandler.sendEmptyMessage(message);
  }

  /**
   * 清空队列中的信息
   */
  private void clearMessages() {
    //删除 Handler 执行队列中的滚动操作
    animationHandler.removeMessages(MESSAGE_SCROLL);
    animationHandler.removeMessages(MESSAGE_JUSTIFY);
  }

  /**
   * 动画控制器
   *  animation handler
   *  
   *  可能会造成内存泄露 : 添加注解 HandlerLeak
   *  Handler 类应该应该为static类型,否则有可能造成泄露。
   *  在程序消息队列中排队的消息保持了对目标Handler类的应用。
   *  如果Handler是个内部类,那 么它也会保持它所在的外部类的引用。
   *  为了避免泄露这个外部类,应该将Handler声明为static嵌套类,并且使用对外部类的弱应用。
   */
  @SuppressLint("HandlerLeak")
  private Handler animationHandler = new Handler() {
    public void handleMessage(Message msg) {
      //回调该方法获取当前位置, 如果返回true, 说明动画还没有执行完毕
      scroller.computeScrollOffset();
      //获取当前 y 位置
      int currY = scroller.getCurrY();
      //获取已经滚动了的位置, 使用上一次位置 减去 当前位置
      int delta = lastScrollY - currY;
      lastScrollY = currY;
      if (delta != 0) {
        //改变值不为 0 , 继续滚动
        doScroll(delta);
      }

      /*
       * 如果滚动到了指定的位置, 滚动还没有停止
       * 这时需要强制停止
       */
      if (Math.abs(currY - scroller.getFinalY()) < MIN_DELTA_FOR_SCROLLING) {
        currY = scroller.getFinalY();
        scroller.forceFinished(true);
      }
      
      /*
       * 如果滚动没有停止
       * 再向 Handler 发送一个停止
       */
      if (!scroller.isFinished()) {
        animationHandler.sendEmptyMessage(msg.what);
      } else if (msg.what == MESSAGE_SCROLL) {
        justify();
      } else {
        finishScrolling();
      }
    }
  };

  /**
   * 调整 WheelView
   */
  private void justify() {
    if (adapter == null) {
      return;
    }
    //上一次的 y 轴的位置为 0
    lastScrollY = 0;
    int offset = scrollingOffset;
    int itemHeight = getItemHeight();
    /*
     * 当滚动补偿 大于 0, 说明还有没有滚动的部分,  needToIncrease 是 当前条目是否小于条目数
     * 如果 滚动补偿不大于 0,  needToIncrease 是当前条目是否大于 0
     */
    boolean needToIncrease = offset > 0 ? currentItem < adapter.getItemsCount() : currentItem > 0;
    if ((isCyclic || needToIncrease) && Math.abs((float) offset) > (float) itemHeight / 2) {
      if (offset < 0)
        offset += itemHeight + MIN_DELTA_FOR_SCROLLING;
      else
        offset -= itemHeight + MIN_DELTA_FOR_SCROLLING;
    }
    if (Math.abs(offset) > MIN_DELTA_FOR_SCROLLING) {
      scroller.startScroll(0, 0, 0, offset, SCROLLING_DURATION);
      setNextMessage(MESSAGE_JUSTIFY);
    } else {
      finishScrolling();
    }
  }

  /**
   * WheelView 开始滚动
   */
  private void startScrolling() {
    //如果没有滚动, 将滚动状态 isScrollingPerformed 设为 true
    if (!isScrollingPerformed) {
      isScrollingPerformed = true;
      //通知监听器开始滚动 回调所有的 滚动监听集合中 的 开始滚动方法
      notifyScrollingListenersAboutStart();
    }
  }

  /**
   * 结束滚动
   * 	设置滚动状态为 false, 回调滚动监听器的停止滚动方法
   */
  void finishScrolling() {
    if (isScrollingPerformed) {
      notifyScrollingListenersAboutEnd();
      isScrollingPerformed = false;
    }
    //设置布局无效
    invalidateLayouts();
    //重绘布局
    invalidate();
  }

  /**
   * 滚动 WheelView
   * 
   * @param itemsToSkip
   *			滚动的元素个数
   * @param time
   *			每次滚动的间隔
   */
  public void scroll(int itemsToScroll, int time) {
    //如果有滚动强制停止
    scroller.forceFinished(true);

    lastScrollY = scrollingOffset;
    int offset = itemsToScroll * getItemHeight();

    /*
     * 给定 一个开始点, 滚动距离, 滚动间隔, 开始滚动
     * 
     * 参数解析 : 
     * 1. 开始的 x 轴位置
     * 2. 开始的 y 轴位置
     * 3. 要滚动 x 轴距离
     * 4. 要滚动 y 轴距离
     * 5. 滚动花费的时间
     */
    scroller.startScroll(0, lastScrollY, 0, offset - lastScrollY, time);
    setNextMessage(MESSAGE_SCROLL);

    //设置开始滚动状态, 并回调滚动监听器方法
    startScrolling();
  }

}

7. Activity 主界面

package cn.org.octopus.wheelview;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.Fragment;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.LinearLayout;
import cn.org.octopus.wheelview.widget.ArrayWheelAdapter;
import cn.org.octopus.wheelview.widget.OnWheelChangedListener;
import cn.org.octopus.wheelview.widget.OnWheelScrollListener;
import cn.org.octopus.wheelview.widget.WheelView;

public class MainActivity extends Activity{

  public static final String TAG = "octopus.activity";
  
  private static Button bt_click;
  
  public String province[] = new String[] { "  河北省  ", "  山西省  ", "  内蒙古  ", "  辽宁省  ", "  吉林省  ", "  黑龙江  ", "  江苏省  " };

  public String city[][] = new String[][] {
      new String[] {"  石家庄  ", "唐山", "秦皇岛", "邯郸", "邢台", "保定", "张家口", "承德", "沧州", "廊坊", "衡水"},
      new String[] {"太原", "大同", "阳泉", "长治", "晋城", "朔州", "晋中", "运城", "忻州", "临汾", "吕梁"},
      new String[] {"呼和浩特", "包头", "乌海", "赤峰", "通辽", "鄂尔多斯", "呼伦贝尔", "巴彦淖尔", "乌兰察布", "兴安", "锡林郭勒", "阿拉善"},
      new String[] {"沈阳", "大连", "鞍山", "抚顺", "本溪", "丹东", "锦州", "营口", "阜新", "辽阳", "盘锦", "铁岭", "朝阳", "葫芦岛"},
      new String[] {"长春", "吉林", "四平", "辽源", "通化", "白山", "松原", "白城", "延边"},
      new String[] {"哈尔滨", "齐齐哈尔", "鸡西", "鹤岗", "双鸭山", "大庆", "伊春", "佳木斯", "七台河", "牡丹江", "黑河", "绥化", "大兴安岭"},
      new String[] {"南京", "无锡", "徐州", "常州", "苏州", "南通", "连云港", "淮安", "盐城", "扬州", "镇江", "泰州", "宿迁"} };
  
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    if (savedInstanceState == null) {
      getFragmentManager().beginTransaction()
          .add(R.id.container, new PlaceholderFragment()).commit();
    }
  }
  
  /*
   * 点击事件
   */
  public void onClick(View view) {
    showSelectDialog(this, "选择地点", province, city);
  }

  
  private void showSelectDialog(Context context, String title, final String[] left, final String[][] right) {
    //创建对话框
    AlertDialog dialog = new AlertDialog.Builder(context).create();
    //为对话框设置标题
    dialog.setTitle(title);
    //创建对话框内容, 创建一个 LinearLayout 
    LinearLayout llContent = new LinearLayout(context);
    //将创建的 LinearLayout 设置成横向的
    llContent.setOrientation(LinearLayout.HORIZONTAL);
    //创建 WheelView 组件
    final WheelView wheelLeft = new WheelView(context);
    //设置 WheelView 组件最多显示 5 个元素
    wheelLeft.setVisibleItems(5);
    //设置 WheelView 元素是否循环滚动
    wheelLeft.setCyclic(false);
    //设置 WheelView 适配器
    wheelLeft.setAdapter(new ArrayWheelAdapter<String>(left));
    //设置右侧的 WheelView
    final WheelView wheelRight = new WheelView(context);
    //设置右侧 WheelView 显示个数
    wheelRight.setVisibleItems(5);
    //设置右侧 WheelView 元素是否循环滚动
    wheelRight.setCyclic(true);
    //设置右侧 WheelView 的元素适配器
    wheelRight.setAdapter(new ArrayWheelAdapter<String>(right[0]));
    //设置 LinearLayout 的布局参数
    LinearLayout.LayoutParams paramsLeft = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,
        LayoutParams.WRAP_CONTENT, 4);
    paramsLeft.gravity = Gravity.LEFT;
    LinearLayout.LayoutParams paramsRight = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT,
        LayoutParams.WRAP_CONTENT, 6);
    paramsRight.gravity = Gravity.RIGHT;
    //将 WheelView 对象放到左侧 LinearLayout 中
    llContent.addView(wheelLeft, paramsLeft);
    //将 WheelView 对象放到 右侧 LinearLayout 中
    llContent.addView(wheelRight, paramsRight);
    
    //为左侧的 WheelView 设置条目改变监听器
    wheelLeft.addChangingListener(new OnWheelChangedListener() {
      @Override
      public void onChanged(WheelView wheel, int oldValue, int newValue) {
        //设置右侧的 WheelView 的适配器
        wheelRight.setAdapter(new ArrayWheelAdapter<String>(right[newValue]));
        wheelRight.setCurrentItem(right[newValue].length / 2);
      }
    });
    
    wheelLeft.addScrollingListener(new OnWheelScrollListener() {
      
      @Override
      public void onScrollingStarted(WheelView wheel) {
        // TODO Auto-generated method stub
        
      }
      
      @Override
      public void onScrollingFinished(WheelView wheel) {
        // TODO Auto-generated method stub
        
      }
    });
    
    //设置对话框点击事件 积极
    dialog.setButton(AlertDialog.BUTTON_POSITIVE, "确定", new DialogInterface.OnClickListener() {
      @Override
      public void onClick(DialogInterface dialog, int which) {
        int leftPosition = wheelLeft.getCurrentItem();
        String vLeft = left[leftPosition];
        String vRight = right[leftPosition][wheelRight.getCurrentItem()];
        bt_click.setText(vLeft + "-" + vRight);
        dialog.dismiss();
      }
    });
    
    //设置对话框点击事件 消极
    dialog.setButton(AlertDialog.BUTTON_NEGATIVE, "取消", new DialogInterface.OnClickListener() {
      @Override
      public void onClick(DialogInterface dialog, int which) {
        dialog.dismiss();
      }
    });
    //将 LinearLayout 设置到 对话框中
    dialog.setView(llContent);
    //显示对话框
    if (!dialog.isShowing()) {
      dialog.show();
    }
  }
  
  
  @Override
  public boolean onCreateOptionsMenu(Menu menu) {

    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  }

  @Override
  public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();
    if (id == R.id.action_settings) {
      return true;
    }
    return super.onOptionsItemSelected(item);
  }

  /**
   * A placeholder fragment containing a simple view.
   */
  public static class PlaceholderFragment extends Fragment {

    public PlaceholderFragment() {
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
      View rootView = inflater.inflate(R.layout.fragment_main, container,
          false);
      bt_click = (Button)rootView.findViewById(R.id.bt_click);
      return rootView;
    }
  }

}

博客地址  http://blog.csdn.net/shulianghan/article/details/41520569#t17

代码下载 :

—  GitHub https://github.com/han1202012/WheelViewDemo.git

—  CSDN http://download.csdn.net/detail/han1202012/8208997 ;

Share this:

码字很辛苦,转载请注明来自技术联盟《【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法…》

评论