Android如何自定义view实现日历打卡签到

这篇文章主要介绍Android如何自定义view实现日历打卡签到，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

Android是什么

Android是一种基于linux内核的自由及开放源代码的操作系统，主要使用于移动设备，如智能手机和平板电脑，由美国Google公司和开放手机联盟领导及开发。

1.说明

自己写一个view实现每天签到的功能，设置背景图片

源码下载

2.效果图

3.主界面

package com.example.myapplication30; import androidx.appcompat.app.AppCompatActivity; import android.annotation.SuppressLint;import android.os.Bundle;import android.util.Log;import android.view.View;import android.widget.Button;import android.widget.TextView;import java.util.ArrayList;import java.util.Calendar;import java.util.List; public class MainActivity extends AppCompatActivity {    //参考网址：https://blog.csdn.net/Macaopark/article/details/102069775    private TextView mTvDaySum;    private TextView mTvMonth;    private SignView mCvCalendar;    private List<SignEntity> data;    private Calendar calendar;     @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        mTvDaySum = findViewById(R.id.punch_tv_day_sum);        mTvMonth = findViewById(R.id.punch_tv_month);        mCvCalendar = findViewById(R.id.punch_cv_calendar);    }     @Override    protected void onStart() {        super.onStart();        onReady();    }     @SuppressLint("SetTextI18n")    private void onReady() {          calendar = Calendar.getInstance();        int year = calendar.get(Calendar.YEAR);        int month = calendar.get(Calendar.MONTH);        //int date =  calendar.get(Calendar.DATE);        int dayOfMonthToday = calendar.get(Calendar.DAY_OF_MONTH);        List<SignDate> signDates = new ArrayList<>();        signDates.add(new SignDate(2021, 5, 1, true));        signDates.add(new SignDate(2021, 5, 2, true));        signDates.add(new SignDate(2021, 5, 3, true));        signDates.add(new SignDate(2021, 5, 4, true));        signDates.add(new SignDate(2021, 5, 5, true));         mTvDaySum.setText("本期连续登录\t"+signDates.size()+"\t天");        mTvMonth.setText(year+"年"+getResources().getStringArray(R.array.month_array)[month]+"\t"+dayOfMonthToday+"日");         data = new ArrayList<>();        for (int i = 1; i <= dayOfMonthToday; i++) {            SignEntity signEntity = new SignEntity();            if (i == dayOfMonthToday) {                signEntity.setDayType(2);            } else {                signEntity.setDayType(1);            }            for (int j = 0; j < signDates.size(); j++) {                if (signDates.get(j).getDay() == i) {                    signEntity.setDayType(0);                    break;                } else if (dayOfMonthToday == i) {                    signEntity.setDayType(2);                } else {                    signEntity.setDayType(1);                }            }            data.add(signEntity);        }         SignAdapter signAdapter = new SignAdapter(data);        mCvCalendar.setAdapter(signAdapter);    } }

4.适配器

package com.example.myapplication30;  import java.util.List; public class SignAdapter extends CalendarAdapter {    private List<SignEntity> data;     public SignAdapter(List<SignEntity> data) {        this.data = data;    }     @Override    public SignView.DayType getType(int dayOfMonth) {        return SignView.DayType.valueOf(data.get(dayOfMonth - 1).getDayType());    }}

5.自定义view

package com.example.myapplication30;  import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.BitmapShader;import android.graphics.canvas;import android.graphics.Color;import android.graphics.ComposeShader;import android.graphics.LinearGradient;import android.graphics.Paint;import android.graphics.Path;import android.graphics.PorterDuff;import android.graphics.RadialGradient;import android.graphics.Rect;import android.graphics.Shader;import android.graphics.SweepGradient;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;  import java.util.Calendar; public class SignView extends View {    private static final String[] WEEK_MARK = {"一", "二", "三", "四", "五", "六", "日"};     private static final int MAX_COLUMN = 7;        private static final int COLOR_MARKER_WEEKDAY = 0xFF999999;    private static final int COLOR_MARKER_WEEKEND = 0xFF1B89CD;        //private static final int COLOR_BACKGROUND_HIGHLIGHT = 0xFFFF0000;        private static final int COLOR_BACKGROUND_NORMAL = 0xFF9C9C9C;        private static final int COLOR_BACKGROUND_WAIT = 0xFFFE7471;        private static final int COLOR_TEXT_HIGHLIGHT = 0xFFFFFFFF;        private static final int COLOR_TEXT_NORMAL = 0xFF606060;//    /     * 不可用文字颜色//     *///    private static final int COLOR_TEXT_DISABLED = 0xFFD4D4D4;     private static final int MARKER_TEXT_SIZE = 40;    private static final int CELL_TEXT_SIZE = 40;     private static final int VERTICAL_SPACE = 51;    private static final int VERTICAL_MARGIN = 62;    private static final int HORIZONTAL_MARGIN = 39;    private static final int CELL_SIZE = 80;    private static final int WAIT_LINE_SIZE = 14;     private int dayOfMonthToday;    private int markerTextY;    private int verticalCellTop;    private int sumDayOfMonth;    private int daysOfFirstWeek;    private int horizontalSpace;    private int deltaTextCellY;    private int deltaTextMarkerY;     private int verticalSpace;    private int verticalMargin;    private int horizontalMargin;    private int cellSize;    private int waitLineSize;     private Path waitPath;    private Rect waitRect;    private Paint paintWeekday;    private Paint paintWeekend;    private Paint paintTextNormal;    private Paint paintTextHighlight;    private Paint paintBackgroundWait;    private Paint paintBackgroundNormal;    private Paint paintBackgroundHighlight;    private CalendarAdapter adapter;     public SignView(Context context) {        this(context, null);    }     public SignView(Context context, AttributeSet attrs) {        this(context, attrs, -1);    }     public SignView(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        initResolution();        initPaint();        initData();    }     private void initResolution() {//        resolutionUtil = ResolutionUtil.getInstance();//        verticalSpace = resolutionUtil.formatVertical(VERTICAL_SPACE);//        verticalMargin = resolutionUtil.formatVertical(VERTICAL_MARGIN);//        horizontalMargin = resolutionUtil.formatHorizontal(HORIZONTAL_MARGIN);//        cellSize = resolutionUtil.formatVertical(CELL_SIZE);//        waitLineSize = resolutionUtil.formatVertical(WAIT_LINE_SIZE);        verticalSpace = VERTICAL_SPACE;        verticalMargin = VERTICAL_MARGIN;        horizontalMargin = HORIZONTAL_MARGIN;        cellSize = CELL_SIZE;        waitLineSize = WAIT_LINE_SIZE;     }     private void initPaint() {//        int markerTextSize = resolutionUtil.formatVertical(MARKER_TEXT_SIZE);//        int cellTextSize = resolutionUtil.formatVertical(CELL_TEXT_SIZE);        int markerTextSize = MARKER_TEXT_SIZE;        int cellTextSize = CELL_TEXT_SIZE;         paintWeekday = new Paint();        paintWeekday.setAntiAlias(true);        paintWeekday.setColor(COLOR_MARKER_WEEKDAY);        paintWeekday.setTextSize(markerTextSize);        paintWeekday.setTextAlign(Paint.Align.CENTER);         paintWeekend = new Paint();        paintWeekend.setAntiAlias(true);        paintWeekend.setColor(COLOR_MARKER_WEEKEND);        paintWeekend.setTextSize(markerTextSize);        paintWeekend.setTextAlign(Paint.Align.CENTER);         paintTextNormal = new Paint();        paintTextNormal.setAntiAlias(true);        paintTextNormal.setColor(COLOR_TEXT_NORMAL);        paintTextNormal.setTextSize(cellTextSize);        paintTextNormal.setTextAlign(Paint.Align.CENTER);         paintTextHighlight = new Paint();        paintTextHighlight.setAntiAlias(true);        paintTextHighlight.setColor(COLOR_TEXT_HIGHLIGHT);        paintTextHighlight.setTextSize(cellTextSize);        paintTextHighlight.setTextAlign(Paint.Align.CENTER);         paintBackgroundWait = new Paint();        paintBackgroundWait.setAntiAlias(true);        paintBackgroundWait.setColor(COLOR_BACKGROUND_WAIT);        paintBackgroundWait.setStrokeWidth(2);        paintBackgroundWait.setStyle(Paint.Style.STROKE);         paintBackgroundNormal = new Paint();        paintBackgroundNormal.setAntiAlias(true);        paintBackgroundNormal.setColor(COLOR_BACKGROUND_NORMAL);        paintBackgroundNormal.setStrokeWidth(2);        paintBackgroundNormal.setStyle(Paint.Style.STROKE);         paintBackgroundHighlight = new Paint();        paintBackgroundHighlight.setAntiAlias(true);        paintBackgroundHighlight.setStrokeWidth(2);        paintBackgroundHighlight.setStyle(Paint.Style.FILL);        //颜色        //paintBackgroundHighlight.setColor(COLOR_BACKGROUND_HIGHLIGHT);        //多种颜色数组        //int[] colors = {Color.RED,Color.GREEN,Color.BLUE,Color.YELLOW,Color.MAGENTA};        //float[] position = {0f, 0.2f, 0.4f, 0.6f, 1.0f};        //Shader shader1 = new LinearGradient(100,850,600,850,colors,position,Shader.TileMode.CLAMP);        //paintBackgroundHighlight.setShader(shader1);        //设置背景图片             }     private void initData() {        Paint.FontMetricsInt fmiMarker = paintWeekday.getFontMetricsInt();        deltaTextMarkerY = -(fmiMarker.bottom - fmiMarker.top) / 2 - fmiMarker.top;        markerTextY = verticalMargin + cellSize / 2;         Paint.FontMetricsInt fmiCell = paintTextNormal.getFontMetricsInt();        deltaTextCellY = -(fmiCell.bottom - fmiCell.top) / 2 - fmiCell.top;        verticalCellTop = verticalMargin + cellSize;         Calendar calendartoday = Calendar.getInstance();        dayOfMonthToday = calendarToday.get(Calendar.DAY_OF_MONTH);        int dayOfWeek;        sumDayOfMonth = calendarToday.getActualMaximum(Calendar.DAY_OF_MONTH);         Calendar calendarFirstDay = Calendar.getInstance();        calendarFirstDay.set(Calendar.DAY_OF_MONTH, 1);        dayOfWeek = calendarFirstDay.get(Calendar.DAY_OF_WEEK);        if (dayOfWeek == Calendar.SUNDAY) {            dayOfWeek = 7;        } else {            dayOfWeek = dayOfWeek - 1;        }        daysOfFirstWeek = MAX_COLUMN - dayOfWeek + 1;    }     private void createWaitBackground(int topX, int topY) {        waitPath = new Path();        waitPath.moveTo(topX, topY + waitLineSize);        waitPath.lineTo(topX, topY);        waitPath.lineTo(topX + waitLineSize, topY);         waitPath.moveTo(topX + cellSize - waitLineSize, topY + cellSize);        waitPath.lineTo(topX + cellSize, topY + cellSize);        waitPath.lineTo(topX + cellSize, topY + cellSize - waitLineSize);         waitRect = new Rect(topX, topY, topX + cellSize, topY + cellSize);    }     @Override    protected void onSizeChanged(int w, int h, int oldw, int oldh) {        super.onSizeChanged(w, h, oldw, oldh);        horizontalSpace = (w - MAX_COLUMN * cellSize - horizontalMargin * 2) / (MAX_COLUMN - 1);    }     @Override    public void draw(Canvas canvas) {        super.draw(canvas);        drawWeekMark(canvas);        drawCellsBackground(canvas);        drawCells(canvas);    }     private void drawWeekMark(Canvas canvas) {        int y = markerTextY + deltaTextMarkerY;        for (int i = 0; i < 7; i++) {            int x = horizontalMargin + i * (horizontalSpace + cellSize)                    + cellSize / 2;            if (i < 5) {                canvas.drawText(WEEK_MARK[i], x, y, paintWeekday);            } else {                canvas.drawText(WEEK_MARK[i], x, y, paintWeekend);            }        }    }     private void drawCellsBackground(Canvas canvas) {        for (int i = 1; i <= dayOfMonthToday; i++) {            drawCellBackground(canvas, i, getColumnIndex(i), getRowIndex(i));        }    }         private void drawCellBackground(Canvas canvas, int dayOfMonth, int column, int row) {        int x = horizontalMargin + column * (horizontalSpace + cellSize)                + cellSize / 2;        int y = verticalCellTop + verticalSpace * (row + 1) + cellSize * row + cellSize / 2;        if (adapter != null) {            DayType dayType = adapter.getType(dayOfMonth);            switch (dayType) {                case WAITING:                    if (waitPath == null) {                        createWaitBackground(x - cellSize / 2, y - cellSize / 2);                    }                    canvas.drawPath(waitPath, paintBackgroundWait);                    break;                case SIGNED:                 //     canvas.drawCircle(x, y, cellSize/2, paintBackgroundHighlight);                //  canvas.drawRect(x - 60, y - 60, x + 60, y + 60, paintBackgroundHighlight);// 正方形                   // Bitmap placeholder = BitmapFactory.decodeResource(getResources(), R.mipmap.purtest);                 //   canvas.drawBitmap(placeholder,);wCircle(x, y, cellSize/2, paintBackgroundHighlight);                    canvas.drawBitmap(BitmapFactory.decodeResource(getResources(), R.mipmap.small3),x-40, y-40 , paintBackgroundHighlight);                    break;                default:                    canvas.drawCircle(x, y, cellSize / 2, paintBackgroundNormal);                    break;            }        } else {            canvas.drawCircle(x, y, cellSize / 2, paintBackgroundNormal);        }    }     private void drawCells(Canvas canvas) {        for (int i = 1; i <= sumDayOfMonth; i++) {            drawCell(canvas, i, getColumnIndex(i), getRowIndex(i));        }    }         private void drawCell(Canvas canvas, int dayOfMonth, int column, int row) {        int x = horizontalMargin + column * (horizontalSpace + cellSize)                + cellSize / 2;        int y = verticalCellTop + verticalSpace * (row + 1) + cellSize * row + cellSize / 2                + deltaTextCellY;        if (adapter != null && dayOfMonth <= dayOfMonthToday) {            DayType dayType = adapter.getType(dayOfMonth);            Paint paint;            switch (dayType) {                case SIGNED:                    paint = paintTextHighlight;                    break;                default:                    paint = paintTextNormal;                    break;            }            canvas.drawText(String.valueOf(dayOfMonth), x, y, paint);        } else {            canvas.drawText(String.valueOf(dayOfMonth), x, y, paintTextNormal);        }    }         private int getColumnIndex(int dayOfMonth) {        Calendar calendar = Calendar.getInstance();        calendar.set(Calendar.DAY_OF_MONTH, dayOfMonth);        int dayOfWeek = calendar.get(Calendar.DAY_OF_WEEK);        if (dayOfWeek == Calendar.SUNDAY) {            dayOfWeek = 6;        } else {            dayOfWeek = dayOfWeek - 2;        }        return dayOfWeek;    }         private int getRowIndex(int dayOfMonth) {        float weight = (dayOfMonth - daysOfFirstWeek) / (MAX_COLUMN * 1f);        double rowIndexDouble = Math.abs(Math.ceil(weight));        return (int) rowIndexDouble;    }     @Override    public boolean onTouchEvent(MotionEvent event) {        if (event.getAction() == MotionEvent.ACTION_UP) {            float x = event.getX();            float y = event.getY();            if (waitPath != null) {                if (adapter.getType(dayOfMonthToday).equals(DayType.WAITING)) {                    if (x >= waitRect.left && y >= waitRect.top && x <= waitRect.right && y <= waitRect.bottom) {                        if (onTodayClickListener != null) {                            onTodayClickListener.onTodayClick();                        }                    }                }            }        }        return true;    }     public void setAdapter(CalendarAdapter adapter) {        this.adapter = adapter;        this.invalidate();    }     public int getDayOfMonthToday() {        return dayOfMonthToday;    }     public void notifyDataSetChanged() {        invalidate();    }     private OnTodayClickListener onTodayClickListener;     public void setOnTodayClickListener(OnTodayClickListener onTodayClickListener) {        this.onTodayClickListener = onTodayClickListener;    }     public interface OnTodayClickListener {        void onTodayClick();    }     public enum DayType {                SIGNED(0),                UNSIGNED(1),                WAITING(2),                UNREACHABLE(3),                DISABLED(4);         private int value;         DayType(int value) {            this.value = value;        }         public int getValue() {            return value;        }         public static DayType valueOf(int value) {            switch (value) {                case 0:                    return SIGNED;                case 1:                    return UNSIGNED;                case 2:                    return WAITING;                case 3:                    return UNREACHABLE;                case 4:                    return DISABLED;                default:                    return DISABLED;            }        }    }}

以上是“Android如何自定义view实现日历打卡签到”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注编程网精选频道！