Android 第三方库CalendarView

Android 第三方库CalendarView

根据需求和库的使用方式,自己弄了一个合适自己的日历,仅记录下,方便下次弄其他样式的日历。地址

需求:

  1. 只显示当月的数据

  2. 默认的月视图有矩形的线

  3. 选中的天数也要有选中的矩形框

  4. 今天的item需要显示“今”

  5. 部分有记录的要显示图片

1.布局代码

month_view_show_mode属性可以设置 只显示当月数据

calendar_height属性可以设置 月item的高度

2.默认的矩形框

@Override
protected void onDrawText(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme, boolean isSelected) {
    //这里绘制文本,不要再问我怎么隐藏农历了,不要再问我怎么把某个日期换成特殊字符串了,要怎么显示你就在这里怎么画,你不画就不显示,是看你想怎么显示日历的,而不是看框架
    canvas.drawRect(x, y, x + mItemWidth, y + mItemHeight, mRectPaint);
    ...
}

3.选中的矩形框

@Override
    protected boolean onDrawSelected(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme) {
        //这里绘制选中的日子样式,看需求需不需要继续调用onDrawScheme
        //绘制选中的日期矩形
        mSelectedPaint.setColor(getContext().getResources().getColor(R.color.solar_background));
        mSelectedPaint.setStyle(Paint.Style.STROKE);
        canvas.drawRect(x, y, x + mItemWidth, y + mItemHeight, mSelectedPaint);
​
        return true;//如果这里是false选中一个带Scheme的item,不显示Scheme,设置true就会显示
    }

4.scheme

/**
 * 绘制标记的事件日子
 *
 * @param canvas   canvas
 * @param calendar 日历calendar
 * @param x        日历Card x起点坐标
 * @param y        日历Card y起点坐标
 */
@Override
protected void onDrawScheme(Canvas canvas, Calendar calendar, int x, int y) {
    //这里绘制标记的日期样式,想怎么操作就怎么操作
​
    //绘制到日期数字的左边
    canvas.drawText(calendar.getScheme(), x + mPadding, y + mItemHeight / 2 + mPadding, mTextPaint);
​
    //绘制一张图片
    Drawable drawable = getContext().getResources().getDrawable(R.mipmap.record_gong_l);
    //第一层第一个
    canvas.drawBitmap(BitmapUtils.drawable2Bitmap(drawable), x + mPadding, y + mPadding, mTextPaint);
    //第一层第二个
    canvas.drawBitmap(BitmapUtils.drawable2Bitmap(drawable), x + mItemWidth / 2 - drawable.getIntrinsicWidth() / 2, y + mPadding, mTextPaint);
    //第一层第三个
    canvas.drawBitmap(BitmapUtils.drawable2Bitmap(drawable), x + mItemWidth - drawable.getIntrinsicWidth() - mPadding, y + mPadding, mTextPaint);
​
    //第二层第三个
    canvas.drawBitmap(BitmapUtils.drawable2Bitmap(drawable), x + mItemWidth - drawable.getIntrinsicWidth() - mPadding,
            y + mItemHeight / 2 - drawable.getIntrinsicHeight() / 2, mTextPaint);
​
    //第三层第一个
    canvas.drawBitmap(BitmapUtils.drawable2Bitmap(drawable), x + mPadding,
            y - mPadding + mItemHeight - drawable.getIntrinsicHeight(), mTextPaint);
    //第三层第二个
    canvas.drawBitmap(BitmapUtils.drawable2Bitmap(drawable), x + mItemWidth / 2 - drawable.getIntrinsicWidth() / 2,
            y - mPadding + mItemHeight - drawable.getIntrinsicHeight(), mTextPaint);
    //第三层第三个
    canvas.drawBitmap(BitmapUtils.drawable2Bitmap(drawable), x + mItemWidth - drawable.getIntrinsicWidth() - mPadding,
            y - mPadding + mItemHeight - drawable.getIntrinsicHeight(), mTextPaint);
}

5.完成

Android 第三方库CalendarView_第1张图片

6.注意

1.Paint颜色设置

    public SimpleMonthView(Context context) {
        super(context);
        mRectPaint.setStyle(Paint.Style.STROKE);
        mRectPaint.setStrokeWidth(dipToPx(context, 0.5f));
        mRectPaint.setColor(0x88efefef);//这里的演示不能设置透明度为1的颜色,会覆盖选中的颜色
​
        mPadding = dipToPx(getContext(), 4);
        mTextPaint.setTextSize(dipToPx(context, 8));
        mTextPaint.setTextSize(dipToPx(context, 10));
        mTextPaint.setColor(getContext().getResources().getColor(R.color.solar_background));//黑色
        mTextPaint.setAntiAlias(true);
        mTextPaint.setFakeBoldText(true);
    }

2.SimpleWeekView和SimpleMonthView要一样的

3.onDrawSelected中的return true;,否则不会显示scheme

4.不足之处:日历旁边会显示白色的边框

你可能感兴趣的:(android)