android 日历控件第二季

前言:最近一直做项目,遇到许多问题,其中令我很不爽的是:项目需求要求的日历控件一定要仿苹果!!!安卓本身提供的TimePicker是年月日分开滚动的,这不行呀,一定得一起滚,这让我挺大地感慨当前安卓开发很难真正做出android的风格出来,不是技术问题而是需求问题。还好,第二个项目对日历控件的要求没那么严格了,但是我百度了一下,开源的日历控件很少有符合心意的(可能是我没找到,有的话请留言我~),所以就根据之前的日历控件再做改进,回头看去,之前的我还是太年轻了。

总结之前的缺陷:

  • 没有用好Canvas和Paint,绘制的位置计算不对
  • 功能不足,比如设置可已选择的日期

于是,第二季来了


整体效果
hohoooo

这其实是两个部分的结合,上部分显示年月和按钮的是一个LinearLayout,下面的日历才是真正的主角。

这一期的重点

考虑到之前绘制了年月和切换上下月的按钮,感觉不太灵活,于是单独将日历页拿出来,这样就可以运用到很多地方了。只要结合多其他的控件,即可以做出想要的效果。

思路部分:

  • 将高度划分为八份,第一份绘制周数,第二份至第八份绘制日期。
  • 将宽度划分为七份,分别绘制星期一至星期日。
  • 获取一个月最大天数和第一天的星期则可以得到这个月的所有日期,用以绘制。
  • 最重要的,关于时间判断处理的逻辑是最头疼的,在网上找了许多关于时间的算法,总结成了一个CalendarUtils。

方法部分:

  • public void setYear(int year);设置年
  • public void setMonth(int month);设置月
  • public void setToday(int today);设置今天
  • public void setCalendarBg(int calendarBg);设置日历背景颜色
  • public void setAllDays(int maxnum);设置一个月的天数
  • public void setmNormalTextColor(int mNormalTextColor);设置普通文字颜色
  • public void setmBeSelectedTextColor(int mBeSelectedTextColor);设置被选择文字颜色
  • public void setmUnBeSelectedTextColor(int mUnBeSelectedTextColor);设置不可选择文字颜色
  • public void setmUnBeSelectedTextBgColor(int mUnBeSelectedTextBgColor);设置不可选择文字背景颜色
  • public void setmBeSelectedTextBgColor(int mBeSelectedTextBgColor);设置被选择文字背景颜色
  • public void setmNormalTextBgColor(int mNormalTextBgColor);设置普通文字背景颜色
  • public void setmBgRadius(int mBgRadius);设置背景半径
  • public void setmWeekTextColor(int mWeekTextColor);设置周字体颜色
  • ``

代码部分:

@Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        Log.d(TAG, "mViewWidth=" + mViewWidth);
        Log.d(TAG, "mViewHeight=" + mViewHeight);
        canvas.drawColor(calendarBg);

        int hang_num = 8;
        int lie_num = 7;

        xInterval = mViewWidth / lie_num;
        yInterval = mViewHeight / hang_num;
        
        //背景圆的半径
        mBgRadius = (int) (Math.min(xInterval, yInterval) / 2);
        
        mWeekTextSize = Math.min(mViewHeight, mViewWidth) / 15;
        mDayTextsize = Math.min(mViewHeight, mViewWidth) / 15;

        float x = 0;
        float y = 0;
        float offset = 0;
        mPaint.reset();

        drawWeekText(canvas);

        drawDay(canvas);

    }
/**
     * 绘制周
     * 
     * @param canvas
     */
    private void drawWeekText(Canvas canvas) {
        float x, y;
        float offset;
        
        //注意,这里要先设置TextSize,后面用Paint测量String长度才会准,这样绘制文字才会准
        mPaint.setTextSize(mWeekTextSize);
        // 绘制一周
        for (int i = 0; i < weekName.length; i++) {
            x = i * xInterval + xInterval / 2;
            // 因为绘制在第一行
            y = 1 * yInterval;

            offset = mPaint.measureText(weekName[i]);
            if (i == 0 || i == weekName.length - 1) {
                mPaint.setColor(mWeekTextColor);
                mPaint.setAntiAlias(true);
                canvas.drawText(weekName[i], x - offset / 2, y, mPaint);
            } else {
                mPaint.setColor(mWeekTextColor);
                mPaint.setAntiAlias(true);
                canvas.drawText(weekName[i], x - offset / 2, y, mPaint);
            }
        }
        mPaint.reset();
    }

绘制的方法也做了修改,让字体的绘制更加精准

/**
     * 绘制天
     * 
     * @param canvas
     */
    private void drawDay(Canvas canvas) {
        mPaint.setTextSize(mDayTextsize);
        mPaint.setAntiAlias(true);
        int day = 0;
        int theday;
        boolean istoday = false;
        boolean isCheckDay = false;
        float offset = 0;

        float x, y;
        // 绘制的日期
        String str;
        for (int i = 2; i < 8; i++) {
            for (int j = 0; j < 7; j++) {

                if (i == 2 && j == 0) {
                    j = weekOfFirstDay;
                }
                if (day > allDays.length - 1) {
                    theday = -1;
                } else {
                    theday = allDays[day];
                }

                if (theday < 10) {
                    str = "0" + theday;
                } else {
                    str = "" + theday;
                }
                if (theday == -1) {
                    str = "";
                }
                offset = mPaint.measureText(str);
                x = j * xInterval + xInterval / 2;
                // 因为绘制在第一行
                y = i * yInterval;

                drawDayText(x, y, str, mNormalTextColor, isToday(theday), isTheday(theday, month, year),
                        isOverdue(theday, month, year), canvas, offset);
                day++;
            }
        }

    }

很多代码跟之前的是重复的,不贴太多。
主要一个贴出CalendarUtils这个工具类,帮助更多人

package tools;

import java.util.Calendar;

import android.util.Log;

public class CalendarUtils {

    private static Calendar calendar = Calendar.getInstance();
    private static int theDay = calendar.get(Calendar.DAY_OF_MONTH);
    private static int theMonth = calendar.get(Calendar.MONTH) + 1;
    private static int theYear = calendar.get(Calendar.YEAR);

    public static void reset() {

        calendar.set(theYear, theMonth - 1, theDay);
        printCalendar();
    }
    
    public static Calendar getCanlendar(){
        return calendar;
    }

    public static int getToday() {
        return theDay;
    }

    public static int getTomonth() {
        return theMonth;
    }

    public static int getToyear() {
        return theYear;
    }

    public static int getCurrentYear() {
        return calendar.get(Calendar.YEAR);
    }

    public static int getCurrentMonth() {
        return calendar.get(Calendar.MONTH) + 1;
    }

    public static int getCurrentDate() {
        return calendar.get(Calendar.DATE);
    }

    public static int getCurrentMaxNumOfMonth() {
        return calendar.getActualMaximum(Calendar.DAY_OF_MONTH);
    }

    public static int getCurrentFirstWeekdayOfMoth() {
        int today = getCurrentDate();
        calendar.set(Calendar.DATE, 1);
        int weekday = calendar.get(Calendar.DAY_OF_WEEK) - 1;
        calendar.set(Calendar.DATE, today);
        return weekday;
    }

    public static void nextMonth() {
        calendar.add(Calendar.MONTH, 1);
    }

    public static void preMonth() {
        calendar.add(Calendar.MONTH, -1);
    }

    public static void printCalendar() {
        Log.d("CalendarUtils", getCurrentYear() + "年" + getCurrentMonth() + "月" + getCurrentDate() + "日");
        // System.out.println(getCurrentYear() + "年" + getCurrentMonth() + "月" +
        // getCurrentDate() + "日");
        // System.out.println("总共有" + getCurrentMaxNumOfMonth() + "天" + "第一天是星期"
        // + getCurrentFirstWeekdayOfMoth());
    }

    public static String getNextDay(int year, int month, int day) {
        calendar.set(year, month - 1, day + 1);
        int currentYear = getCurrentYear();
        int currentMonth = getCurrentMonth();
        int currentDate = getCurrentDate();
        reset();
        return currentYear + "-" + currentMonth + "-" + currentDate;
    }

    public static String getPreDay(int year, int month, int day) {
        calendar.set(year, month - 1, day - 1);
        int currentYear = getCurrentYear();
        int currentMonth = getCurrentMonth();
        int currentDate = getCurrentDate();
        reset();
        return currentYear + "-" + currentMonth + "-" + currentDate;
    }

    /**
     * O 日 距离  T 日 的天数
     * @param yearo
     * @param montho
     * @param dayo
     * @param yeart
     * @param montht
     * @param dayt
     * @return
     */
    public static int getGapCount(int yearo, int montho, int dayo, int yeart, int montht, int dayt) {
        int oldYear = getCurrentYear();
        int oldMonth = getCurrentMonth();
        int oldDay = getCurrentDate();
        
        calendar.set(yearo, montho, dayo, 0, 0, 0);
        long time1 = calendar.getTime().getTime();
        
        calendar.set(yeart, montht, dayt, 0, 0, 0);
        long time2 = calendar.getTime().getTime();
        
        calendar.set(oldYear, oldMonth-1 , oldDay);
        
        return (int) ((time1-time2) / (1000 * 60 * 60 * 24));
    }
    
    public static boolean isPreDay( int year, int month, int day){
        if(getGapCount(year,month,day,theYear,theMonth,theDay)<0){
            return true;
        }else{
            return false;
        }
    }

    public static void set(int year, int month, int day) {
        // TODO Auto-generated method stub
        calendar.set(year, month, day);
    }

}

其实,回头一看,这个日历控件好像不怎么高大上了。。。

项目地址,欢迎点赞

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容