一个年月切换的自定义控件HorizontalMonthTextView

以前做了一个根据年月查询日志的功能，所以就修改了网上一个自定义控件拿来用。

这是java代码

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.support.v4.content.res.ResourcesCompat;
import android.text.TextPaint;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import com.zjsl.hezz2.R;
import com.zjsl.hezz2.util.AppTimeHelper;
import com.zjsl.hezz2.util.StringUtil;

import java.util.Calendar;
import java.util.Collections;
import java.util.LinkedList;
import java.util.List;

public class HorizontalMonthTextView extends View {
    // 默认可见个数
    private static final int DEFAULT_SEE_SIZE = 3;
    // 默认选中的文字大小
    private static final int DEFAULT_SELECTED_TEXT_SIZE = 50;
    // 默认未选中的文字大小
    private static final int DEFAULT_NORMAL_TEXT_SIZE = 40;
    // 默认选中的文字颜色
    private static final int DEFAULT_SELECT_TEXT_COLOR = R.color.black;
    // 默认未选中的文字颜色
    private static final int DEFAULT_NORMAL_TEXT_COLOR = R.color.darker_gray;

    // 数据源字符串数组
    private List<String> mDataList = Collections.synchronizedList(new LinkedList<String>());

    private int mSeeSize = DEFAULT_SEE_SIZE;// 可见个数

    private int mAnInt;// 每个字母所占的大小；
    private TextPaint mTextPaint;// 默认文字的画笔
    private boolean mFirstVisible = true;
    private Paint mSelectedPaint;// 被选中文字的画笔
    private Paint mLinePaint;// 线的画笔
    private int mCurIndex;
    private float mDownX;
    private float mAnOffset;
    private float mSelectedTextSize;
    private int mSelectedColor;
    private float mTextSize;
    private int mTextColor;
    private Rect mRect = new Rect();

    private int mTextWidth = 0;
    private int mTextHeight = 0;

    private OnMoveListener mOnMoveListener;

    public HorizontalMonthTextView(Context context) {
        this(context, null);
    }

    public HorizontalMonthTextView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public HorizontalMonthTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        setWillNotDraw(false);
        setClickable(true);
        initAttrs(context, attrs);// 初始化属性
        initPaint();// 初始化画笔
        initData();
    }

    /**
     * 初始化属性
     *
     * @param attrs {@link AttributeSet}对象
     */
    private void initAttrs(Context context, AttributeSet attrs) {
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.HorizontalMonthTextView);
        // 两种字体颜色和字体大小
        mSeeSize = a.getInteger(R.styleable.HorizontalMonthTextView_seeSize, DEFAULT_SEE_SIZE);
        mSelectedTextSize = a.getDimensionPixelSize(R.styleable
            .HorizontalMonthTextView_selectedTextSize, DEFAULT_SELECTED_TEXT_SIZE);
        mSelectedColor = a.getColor(R.styleable.HorizontalMonthTextView_selectedTextColor,
            ResourcesCompat.getColor(context.getResources(), DEFAULT_SELECT_TEXT_COLOR, null));
        mTextSize = a.getDimensionPixelSize(R.styleable.HorizontalMonthTextView_normalTextSize,
            DEFAULT_NORMAL_TEXT_SIZE);
        mTextColor = a.getColor(R.styleable.HorizontalMonthTextView_normalTextColor,
            ResourcesCompat.getColor(context.getResources(), DEFAULT_NORMAL_TEXT_COLOR, null));
        a.recycle();
    }

    /**
     * 初始化画笔
     */
    private void initPaint() {
        mTextPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
        mTextPaint.setTextSize(mTextSize);
        mTextPaint.setColor(mTextColor);

        mLinePaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
        mLinePaint.setColor(Color.BLUE);

        mSelectedPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
        mSelectedPaint.setColor(mSelectedColor);
        mSelectedPaint.setTextSize(mSelectedTextSize);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mDownX = event.getX();// 获得点下去的x坐标
                break;
            case MotionEvent.ACTION_MOVE:
                float scrollX = event.getX();
                if (mCurIndex != 0 && mCurIndex != mDataList.size() - 1) {
                    // 滑动时的偏移量，用于计算每个是数据源文字的坐标值
                    mAnOffset = scrollX - mDownX;
                } else {
                    // 当滑到两端的时候添加一点阻力
                    mAnOffset = (float) ((scrollX - mDownX) / 1.5);
                }

                if (scrollX > mDownX) {
                    // 向右滑动，当滑动距离大于每个单元的长度时，则改变被选中的文字。
                    if (scrollX - mDownX >= mAnInt) {
                        if (mCurIndex > 0) {
                            mAnOffset = 0;
                            mCurIndex = mCurIndex - 1;
                            mDownX = scrollX;

                            if (mOnMoveListener != null) {
                                mOnMoveListener.onMove();
                            }
                        }
                    }
                } else {
                    if (!canMoveLeft()) {
                        return false;
                    }

                    // 向左滑动，当滑动距离大于每个单元的长度时，则改变被选中的文字。
                    if (mDownX - scrollX >= mAnInt) {
                        if (mCurIndex < mDataList.size() - 1) {
                            mAnOffset = 0;
                            mCurIndex = mCurIndex + 1;
                            mDownX = scrollX;

                            if (mOnMoveListener != null) {
                                mOnMoveListener.onMove();
                            }
                        }
                    }
                }
                invalidate();
                break;
            case MotionEvent.ACTION_UP:
                // 抬起手指时，偏移量归零，相当于回弹。
                performClick();
                mAnOffset = 0;
                updateData();
                invalidate();
                break;
            default:
                break;
        }
        return super.onTouchEvent(event);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mFirstVisible) {// 第一次绘制的时候得到控件 宽高；
            int width = getWidth();
            mAnInt = width / mSeeSize;
            mFirstVisible = false;
        }
        if (mCurIndex >= 0 && mCurIndex <= mDataList.size() - 1) {// 加个保护；防止越界
            String s = mDataList.get(mCurIndex);
            // 得到被选中文字 绘制时所需要的宽高
            mSelectedPaint.getTextBounds(s, 0, s.length(), mRect);
            // 从矩形区域中读出文本内容的宽高
            int centerTextWidth = mRect.width();
            int centerTextHeight = mRect.height();
            // 绘制被选中文字，注意点是y坐标
            canvas.drawText(mDataList.get(mCurIndex), getWidth() / 2 - centerTextWidth / 2 +
                mAnOffset, getHeight() / 2 + centerTextHeight / 2, mSelectedPaint);//

            // 遍历strings，把每个地方都绘制出来
            for (int i = 0; i < mDataList.size(); i++) {
                if (mCurIndex > 0 && mCurIndex < mDataList.size() - 1) {
                    // 这里主要是因为strings数据源的文字长度不一样，为了让被选中两边文字距离中心宽度一样，我们取得左右两个文字长度的平均值
                    mTextPaint.getTextBounds(mDataList.get(mCurIndex - 1), 0, mDataList.get
                        (mCurIndex - 1).length(), mRect);
                    int width1 = mRect.width();
                    mTextPaint.getTextBounds(mDataList.get(mCurIndex + 1), 0, mDataList.get
                        (mCurIndex + 1).length(), mRect);
                    int width2 = mRect.width();
                    mTextWidth = (width1 + width2) / 2;
                }
                // 得到高，高度是一样的，所以无所谓
                if (i == 0) {
                    mTextPaint.getTextBounds(mDataList.get(0), 0, mDataList.get(0).length(), mRect);
                    mTextHeight = mRect.height();
                }

                if (i != mCurIndex) {
                    // 画出每组文字
                    canvas.drawText(mDataList.get(i), (i - mCurIndex) * mAnInt + getWidth() / 2 -
                        mTextWidth / 2 + mAnOffset, getHeight() / 2 + mTextHeight / 2, mTextPaint);
                }
            }

            canvas.drawLine(getWidth() / 3, getHeight() / 2 + mTextHeight / 2 - 30, getWidth() /
                3, getHeight() / 2 + mTextHeight / 2 + 10, mLinePaint);
            canvas.drawLine(getWidth() / 3 * 2, getHeight() / 2 + mTextHeight / 2 - 30, getWidth
                () / 3 * 2, getHeight() / 2 + mTextHeight / 2 + 10, mLinePaint);
        }
    }

    @Override
    public boolean performClick() {
        return super.performClick();
    }

    /**
     * 改变中间可见文字的数目
     *
     * @param seeSize 可见数
     */
    public void setSeeSize(int seeSize) {
        if (mSeeSize > 0) {
            mSeeSize = seeSize;
            invalidate();
        }
    }

    /**
     * 向左移动一个单元
     */
    public void setAnLeftOffset() {
        if (mCurIndex < mDataList.size() - 1) {
            mCurIndex = mCurIndex + 1;
            invalidate();
        }
    }

    /**
     * 向右移动一个单元
     */
    public void setAnRightOffset() {
        if (mCurIndex > 0) {
            mCurIndex = mCurIndex - 1;
            updateData();
            invalidate();
        }
    }

    public void setOnMoveListener(OnMoveListener listener) {
        mOnMoveListener = listener;
    }

    /**
     * 更新数据
     * <p>
     * 如果当前索引前的个数小于等于6个时, 则在开始位置添加新的值, 已达到动态更新值的效果
     */
    private void updateData() {
        if (mCurIndex <= 6) {
            String[] values = TextUtils.split(mDataList.get(0), "-");
            int year = Integer.parseInt(values[0]);
            int month = Integer.parseInt(values[1]);

            String newValue;
            if (month == 1) {
                newValue = (year - 1) + "-12";
            } else {
                int newMonth = month - 1;
                newValue = year + "-" + (newMonth < 10 ? "0" + newMonth : newMonth);
            }
            mDataList.add(0, newValue);

            mCurIndex = mCurIndex + 1;
        }
    }

    /**
     * 获得被选中的文本
     *
     * @return 被选中的文本
     */
    public String getSelectedString() {
        String text = "";
        if (mDataList.size() > mCurIndex) {
            text = mDataList.get(mCurIndex);
        }
        return StringUtil.fixNull(text);
    }

    /**
     * 判断是否能向左滑动
     *
     * @return 能向左滑动则返回true, 否则返回false
     */
    public boolean canMoveLeft() {
        return mCurIndex < mDataList.size() - 2;
    }

    /**
     * 初始化数据
     * <p>
     * 初始数据为当前月份前6个月到后1个月
     */
    private void initData() {
        Calendar calendar = Calendar.getInstance();
        calendar.setTimeInMillis(AppTimeHelper.get().nowInMillis());
        calendar.add(Calendar.MONTH, -7);
        for (int index = 0; index < 8; index++) {
            calendar.add(Calendar.MONTH, 1);
            int year = calendar.get(Calendar.YEAR);
            int month = calendar.get(Calendar.MONTH) + 1;
            mDataList.add(year + "-" + (month < 10 ? "0" + month : month));
        }

        mCurIndex = 6;
        invalidate();
    }

    public interface OnMoveListener {
        void onMove();
    }
}

下面是两个工具类的代码：

StringUtil.java里面的代码

/**
 * 处理Null字符串
 *
 * @param value 字符串
 * @return 为Null则返回"", 否则返回字符串本身
 */
public static String fixNull(CharSequence value) {
    if (value == null) {
        return "";
    } else {
        return value.toString();
    }
}

AppTimeHelper.java的代码

package com.zjsl.hezz2.util;

import java.util.Calendar;
import java.util.Date;

/**
 * 用于维护App自身时间戳
 * 
 */
public final class AppTimeHelper {
    private static AppTimeHelper instantce = new AppTimeHelper();
    private long diffTime = 0;
    private boolean hasInited = false;

    public static AppTimeHelper get() {
        return instantce;
    }

    private AppTimeHelper() {

    }

    public void setTime(long time) {
        hasInited = true;
        diffTime = time - System.currentTimeMillis();
    }

    public Date now() {
        return new Date(System.currentTimeMillis() + diffTime);
    }

    public long nowInMillis() {
        long millis = now().getTime();
        return millis;
    }
    
    //毫秒转秒
    public static String long2String(long time){

        //毫秒转秒
        int sec = (int) time / 1000 ;
        int min = sec / 60 ;   //分钟
        sec = sec % 60 ;      //秒
        if(min < 10){  //分钟补0
            if(sec < 10){  //秒补0
                return "0"+min+":0"+sec;
            }else{
                return "0"+min+":"+sec;
            }
        }else{
            if(sec < 10){  //秒补0
                return min+":0"+sec;
            }else{
                return min+":"+sec;
            }
        }

    }
}

下面是自定义控件的样式设置：

<declare-styleable name="HorizontalMonthTextView">
    <!-- 可见数目 -->
    <attr name="seeSize" format="integer"/>
    <!-- 被选择文字的大小和颜色 -->
    <attr name="selectedTextSize" format="dimension"/>
    <attr name="selectedTextColor" format="color|reference"/>
    <!-- 未被被选择文字的大小和颜色 -->
    <attr name="normalTextSize" format="dimension"/>
    <attr name="normalTextColor" format="color|reference"/>
</declare-styleable>

第一次写博客，主要是为了记下来，以便日后使用。这个自定义控件是拿网上一位大佬写的修改而成的，在这里十分感谢

那位大佬。希望能帮到大家。