鉴于巴友的热情特附上源码:https://yunpan.cn/c6wUG8QSvVSnC 访问密码 9a49
首先是MainActivity,源码如下
<pre name="code" class="java">public class MainActivity extends Activity { private SignCalendar calendar; private String date; private int years; private String months; private Button btn_sign; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd"); Date curDate = new Date(System.currentTimeMillis());// 获取当前时间 date = formatter.format(curDate); calendar = (SignCalendar) findViewById(R.id.sc_main); btn_sign = (Button) findViewById(R.id.btn_sign); btn_sign.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub List<String> list = new ArrayList<String>(); list.add("2016-06-30"); list.add(date); // calendar.setCalendarDaysBgColor(list, // R.drawable.bg_sign_today); calendar.addMarks(list, 0); } }); } }
下面是布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.h.cheng.signcalendar.MainActivity" > <com.h.cheng.signcalendar.SignCalendar android:id="@+id/sc_main" android:layout_width="match_parent" android:layout_height="320dp" android:clickable="true" > </com.h.cheng.signcalendar.SignCalendar> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" android:orientation="horizontal" > <Button android:id="@+id/btn_sign" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:layout_marginRight="15dp" android:background="#f00" android:text="签到" android:textColor="#fff" /> </LinearLayout> </LinearLayout>
这是运行效果,签到的背景图片可以自定义
最后是自定义控件,源码如下:
public class SignCalendar extends ViewFlipper implements GestureDetector.OnGestureListener { public static final int COLOR_BG_WEEK_TITLE = Color.parseColor("#FF0000"); // 星期标题背景颜色 public static final int COLOR_TX_WEEK_TITLE = Color.parseColor("#FFFFFF"); // 星期标题文字颜色 public static final int BEFORE_TODAY_BACKGROUND = Color.parseColor("#FFE4E4E4"); // 星期标题文字颜色 public static final int COLOR_TX_THIS_MONTH_DAY = Color.parseColor("#000000"); // 当前月日历数字颜色 public static final int COLOR_TX_OTHER_MONTH_DAY = Color.parseColor("#ff999999"); // 其他月日历数字颜色 public static final int COLOR_TX_THIS_DAY = Color.parseColor("#00ff00"); // 当天日历数字颜色 public static final int COLOR_BG_THIS_DAY = Color.parseColor("#ffcccccc"); // 当天日历背景颜色 public static final int COLOR_BG_CALENDAR = Color.parseColor("#FFFFFF"); // 日历背景色 private GestureDetector gd; // 手势监听器 private Animation push_left_in; // 动画-左进 private Animation push_left_out; // 动画-左出 private Animation push_right_in; // 动画-右进 private Animation push_right_out; // 动画-右出 private int ROWS_TOTAL = 6; // 日历的行数 private int COLS_TOTAL = 7; // 日历的列数 private String[][] dates = new String[6][7]; // 当前日历日期 private float tb; private OnCalendarClickListener onCalendarClickListener; // 日历翻页回调 private OnCalendarDateChangedListener onCalendarDateChangedListener; // 日历点击回调 private String[] weekday = new String[] { "日", "一", "二", "三", "四", "五", "六" }; // 星期标题 private int calendarYear; // 日历年份 private int calendarMonth; // 日历月份 private Date thisday = new Date(); // 今天 private Date calendarday; // 日历这个月第一天(1号) private LinearLayout firstCalendar; // 第一个日历 private LinearLayout secondCalendar; // 第二个日历 private LinearLayout currentCalendar; // 当前显示的日历 private Map<String, Integer> marksMap = new HashMap<String, Integer>(); // 储存某个日子被标注(Integer // 为bitmap // res // id) private Map<String, Integer> dayBgColorMap = new HashMap<String, Integer>(); // 储存某个日子的背景色 public SignCalendar(Context context, AttributeSet attrs) { super(context, attrs); init(); } public SignCalendar(Context context) { super(context); init(); } private void init() { setBackgroundColor(COLOR_BG_CALENDAR); // 实例化收拾监听器 gd = new GestureDetector(this.getContext(), this); // 初始化日历翻动动画 push_left_in = AnimationUtils.loadAnimation(getContext(), R.anim.push_left_in); push_left_out = AnimationUtils.loadAnimation(getContext(), R.anim.push_left_out); push_right_in = AnimationUtils.loadAnimation(getContext(), R.anim.push_right_in); push_right_out = AnimationUtils.loadAnimation(getContext(), R.anim.push_right_out); // 初始化第一个日历 firstCalendar = new LinearLayout(getContext()); firstCalendar.setOrientation(LinearLayout.VERTICAL); firstCalendar.setLayoutParams(new LinearLayout.LayoutParams(-1, -1)); // 初始化第二个日历 secondCalendar = new LinearLayout(getContext()); secondCalendar.setOrientation(LinearLayout.VERTICAL); secondCalendar.setLayoutParams(new LinearLayout.LayoutParams(-1, -1)); // 设置默认日历为第一个日历 currentCalendar = firstCalendar; // 加入ViewFlipper addView(firstCalendar); addView(secondCalendar); // 绘制线条框架 drawFrame(firstCalendar); drawFrame(secondCalendar); // 设置日历上的日子(1号) calendarYear = thisday.getYear() + 1900; calendarMonth = thisday.getMonth(); calendarday = new Date(calendarYear - 1900, calendarMonth, 1); // 填充展示日历 setCalendarDate(); } private void drawFrame(LinearLayout oneCalendar) { // 添加周末线性布局 LinearLayout title = new LinearLayout(getContext()); title.setBackgroundColor(COLOR_BG_WEEK_TITLE); title.setOrientation(LinearLayout.HORIZONTAL); LinearLayout.LayoutParams layout = new LinearLayout.LayoutParams(MarginLayoutParams.MATCH_PARENT, MarginLayoutParams.WRAP_CONTENT, 0.5f); Resources res = getResources(); tb = res.getDimension(R.dimen.historyscore_tb); // layout.setMargins(0, 0, 0, (int) (tb * 1.2)); title.setLayoutParams(layout); oneCalendar.addView(title); // 添加周末TextView for (int i = 0; i < COLS_TOTAL; i++) { TextView view = new TextView(getContext()); view.setGravity(Gravity.CENTER); view.setPadding(0, 10, 0, 10); view.setText(weekday[i]); view.setTextColor(Color.WHITE); view.setLayoutParams(new LinearLayout.LayoutParams(0, -1, 1)); title.addView(view); } // 添加日期布局 LinearLayout content = new LinearLayout(getContext()); content.setOrientation(LinearLayout.VERTICAL); content.setLayoutParams(new LinearLayout.LayoutParams(-1, 0, 7f)); oneCalendar.addView(content); // 添加日期TextView for (int i = 0; i < ROWS_TOTAL; i++) { LinearLayout row = new LinearLayout(getContext()); row.setOrientation(LinearLayout.HORIZONTAL); row.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, 0, 1)); content.addView(row); // 绘制日历上的列 for (int j = 0; j < COLS_TOTAL; j++) { RelativeLayout col = new RelativeLayout(getContext()); col.setLayoutParams(new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT, 1)); col.setBackgroundResource(R.drawable.calendar_day_bg1); // col.setBackgroundResource(R.drawable.sign_dialog_day_bg); col.setClickable(false); row.addView(col); // 给每一个日子加上监听 col.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { ViewGroup parent = (ViewGroup) v.getParent(); int row = 0, col = 0; // 获取列坐标 for (int i = 0; i < parent.getChildCount(); i++) { if (v.equals(parent.getChildAt(i))) { col = i; break; } } // 获取行坐标 ViewGroup pparent = (ViewGroup) parent.getParent(); for (int i = 0; i < pparent.getChildCount(); i++) { if (parent.equals(pparent.getChildAt(i))) { row = i; break; } } if (onCalendarClickListener != null) { onCalendarClickListener.onCalendarClick(row, col, dates[row][col]); } } }); } } } /** * 填充日历(包含日期、标记、背景等) */ private void setCalendarDate() { // 根据日历的日子获取这一天是星期几 int weekday = calendarday.getDay(); // 每个月第一天 int firstDay = 1; // 每个月中间号,根据循环会自动++ int day = firstDay; // 每个月的最后一天 int lastDay = getDateNum(calendarday.getYear(), calendarday.getMonth()); // 下个月第一天 int nextMonthDay = 1; int lastMonthDay = 1; // 填充每一个空格 for (int i = 0; i < ROWS_TOTAL; i++) { for (int j = 0; j < COLS_TOTAL; j++) { // 这个月第一天不是礼拜天,则需要绘制上个月的剩余几天 if (i == 0 && j == 0 && weekday != 0) { int year = 0; int month = 0; int lastMonthDays = 0; // 如果这个月是1月,上一个月就是去年的12月 if (calendarday.getMonth() == 0) { year = calendarday.getYear() - 1; month = Calendar.DECEMBER; } else { year = calendarday.getYear(); month = calendarday.getMonth() - 1; } // 上个月的最后一天是几号 lastMonthDays = getDateNum(year, month); // 第一个格子展示的是几号 int firstShowDay = lastMonthDays - weekday + 1; // 上月 for (int k = 0; k < weekday; k++) { lastMonthDay = firstShowDay + k; RelativeLayout group = getDateView(0, k); group.setGravity(Gravity.TOP); TextView view = null; if (group.getChildCount() > 0) { view = (TextView) group.getChildAt(0); } else { LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(-1, -1); view = new TextView(getContext()); view.setLayoutParams(params); view.setGravity(Gravity.CENTER); group.addView(view); } view.setText(Integer.toString(lastMonthDay)); view.setTextColor(COLOR_TX_OTHER_MONTH_DAY); dates[0][k] = format(new Date(year, month, lastMonthDay)); // 设置日期背景色 if (dayBgColorMap.get(dates[0][k]) != null) { view.setBackgroundResource(dayBgColorMap.get(dates[0][k])); } else { view.setBackgroundColor(Color.TRANSPARENT); } // 设置标记 setMarker(group, 0, k); } j = weekday - 1; // 这个月第一天是礼拜天,不用绘制上个月的日期,直接绘制这个月的日期 } else { RelativeLayout group = getDateView(i, j); group.setGravity(Gravity.TOP); TextView view = null; if (group.getChildCount() > 0) { view = (TextView) group.getChildAt(0); } else { LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(-1, -1); view = new TextView(getContext()); view.setLayoutParams(params); view.setGravity(Gravity.CENTER); group.addView(view); } // 本月 if (day <= lastDay) { dates[i][j] = format(new Date(calendarday.getYear(), calendarday.getMonth(), day)); view.setText(Integer.toString(day)); // 当天 if (thisday.getDate() == day && thisday.getMonth() == calendarday.getMonth() && thisday.getYear() == calendarday.getYear()) { // view.setText("今天"); view.setTextColor(COLOR_TX_THIS_DAY); // view.setBackgroundResource(R.drawable.bg_sign_today); } else if (thisday.getMonth() == calendarday.getMonth() && thisday.getYear() == calendarday.getYear()) { // 绘制本月的颜色 view.setTextColor(COLOR_TX_THIS_MONTH_DAY); } else { // 其他日期 view.setTextColor(COLOR_TX_OTHER_MONTH_DAY); } // 上面首先设置了一下默认的"当天"背景色,当有特殊需求时,才给当日填充背景色 // 设置日期背景色 if (dayBgColorMap.get(dates[i][j]) != null) { // view.setTextColor(Color.WHITE); // view.setBackgroundResource(dayBgColorMap.get(dates[i][j])); } // 设置标记 setMarker(group, i, j); day++; // 下个月 } else { if (calendarday.getMonth() == Calendar.DECEMBER) { dates[i][j] = format(new Date(calendarday.getYear() + 1, Calendar.JANUARY, nextMonthDay)); } else { dates[i][j] = format( new Date(calendarday.getYear(), calendarday.getMonth() + 1, nextMonthDay)); } view.setText(Integer.toString(nextMonthDay)); view.setTextColor(COLOR_TX_OTHER_MONTH_DAY); // 设置日期背景色 if (dayBgColorMap.get(dates[i][j]) != null) { // view.setBackgroundResource(dayBgColorMap // .get(dates[i][j])); } else { view.setBackgroundColor(Color.TRANSPARENT); } // 设置标记 setMarker(group, i, j); nextMonthDay++; } } } } } /** * onClick接口回调 */ public interface OnCalendarClickListener { void onCalendarClick(int row, int col, String dateFormat); } /** * ondateChange接口回调 */ public interface OnCalendarDateChangedListener { void onCalendarDateChanged(int year, int month); } /** * 根据具体的某年某月,展示一个日历 * * @param year * @param month */ public void showCalendar(int year, int month) { calendarYear = year; calendarMonth = month - 1; calendarday = new Date(calendarYear - 1900, calendarMonth, 1); setCalendarDate(); } /** * 根据当前月,展示一个日历 * * @param year * @param month */ public void showCalendar() { Date now = new Date(); calendarYear = now.getYear() + 1900; calendarMonth = now.getMonth(); calendarday = new Date(calendarYear - 1900, calendarMonth, 1); setCalendarDate(); } /** * 下一月日历 */ public synchronized void nextMonth() { // 改变日历上下顺序 if (currentCalendar == firstCalendar) { currentCalendar = secondCalendar; } else { currentCalendar = firstCalendar; } // 设置动画 setInAnimation(push_left_in); setOutAnimation(push_left_out); // 改变日历日期 if (calendarMonth == Calendar.DECEMBER) { calendarYear++; calendarMonth = Calendar.JANUARY; } else { calendarMonth++; } calendarday = new Date(calendarYear - 1900, calendarMonth, 1); // 填充日历 setCalendarDate(); // 下翻到下一月 showNext(); // 回调 if (onCalendarDateChangedListener != null) { onCalendarDateChangedListener.onCalendarDateChanged(calendarYear, calendarMonth + 1); } } /** * 上一月日历 */ public synchronized void lastMonth() { if (currentCalendar == firstCalendar) { currentCalendar = secondCalendar; } else { currentCalendar = firstCalendar; } setInAnimation(push_right_in); setOutAnimation(push_right_out); if (calendarMonth == Calendar.JANUARY) { calendarYear--; calendarMonth = Calendar.DECEMBER; } else { calendarMonth--; } calendarday = new Date(calendarYear - 1900, calendarMonth, 1); setCalendarDate(); showPrevious(); if (onCalendarDateChangedListener != null) { onCalendarDateChangedListener.onCalendarDateChanged(calendarYear, calendarMonth + 1); } } /** * 获取日历当前年份 */ public int getCalendarYear() { return calendarday.getYear() + 1900; } /** * 获取日历当前月份 */ public int getCalendarMonth() { return calendarday.getMonth() + 1; } /** * 在日历上做一个标记 * * @param date * 日期 * @param id * bitmap res id */ public void addMark(Date date, int id) { addMark(format(date), id); } /** * 在日历上做一个标记 * * @param date * 日期 * @param id * bitmap res id */ public void addMark(String date, int id) { marksMap.put(date, id); setCalendarDate(); } /** * 在日历上做一组标记 * * @param date * 日期 * @param id * bitmap res id */ public void addMarks(Date[] date, int id) { for (int i = 0; i < date.length; i++) { marksMap.put(format(date[i]), id); } setCalendarDate(); } /** * 在日历上做一组标记 * * @param date * 日期 * @param id * bitmap res id */ public void addMarks(List<String> date, int id) { for (int i = 0; i < date.size(); i++) { marksMap.put(date.get(i), id); } setCalendarDate(); } /** * 移除日历上的标记 */ public void removeMark(Date date) { removeMark(format(date)); } /** * 移除日历上的标记 */ public void removeMark(String date) { marksMap.remove(date); setCalendarDate(); } /** * 移除日历上的所有标记 */ public void removeAllMarks() { marksMap.clear(); setCalendarDate(); } /** * 设置日历具体某个日期的背景色 * * @param date * @param color */ public void setCalendarDayBgColor(Date date, int color) { setCalendarDayBgColor(format(date), color); } /** * 设置日历具体某个日期的背景色 * * @param date * @param color */ public void setCalendarDayBgColor(String date, int color) { dayBgColorMap.put(date, color); setCalendarDate(); } /** * 设置日历一组日期的背景色 * * @param date * @param color */ public void setCalendarDaysBgColor(List<String> date, int color) { for (int i = 0; i < date.size(); i++) { dayBgColorMap.put(date.get(i), color); } setCalendarDate(); } /** * 设置日历一组日期的背景色 * * @param date * @param color */ public void setCalendarDayBgColor(String[] date, int color) { for (int i = 0; i < date.length; i++) { dayBgColorMap.put(date[i], color); } setCalendarDate(); } /** * 移除日历具体某个日期的背景色 * * @param date * @param color */ public void removeCalendarDayBgColor(Date date) { removeCalendarDayBgColor(format(date)); } /** * 移除日历具体某个日期的背景色 * * @param date * @param color */ public void removeCalendarDayBgColor(String date) { dayBgColorMap.remove(date); setCalendarDate(); } /** * 移除日历具体某个日期的背景色 * * @param date * @param color */ public void removeAllBgColor() { dayBgColorMap.clear(); setCalendarDate(); } /** * 根据行列号获得包装每一个日子的LinearLayout * * @param row * @param col * @return */ public String getDate(int row, int col) { return dates[row][col]; } /** * 某天是否被标记了 * * @param year * @param month * @return */ public boolean hasMarked(String date) { return marksMap.get(date) == null ? false : true; } /** * 清除所有标记以及背景 */ public void clearAll() { marksMap.clear(); dayBgColorMap.clear(); } /*********************************************** * private methods **********************************************/ // 设置标记 private void setMarker(RelativeLayout group, int i, int j) { int childCount = group.getChildCount(); // dates[i][j]=2015-12-20等为要对比的日期,marksMap中包括了dates[i][j]时就进入下面的if语句 if (marksMap.get(dates[i][j]) != null) { if (childCount < 2) { RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams((int) (tb * 2), (int) (tb * 2)); // params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT); // params.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM); params.setMargins(0, 0, 1, 1); params.addRule(RelativeLayout.CENTER_IN_PARENT); ImageView markView = new ImageView(getContext()); markView.setImageResource(marksMap.get(dates[i][j])); markView.setLayoutParams(params); //标记图片 可自定义 markView.setBackgroundResource(R.drawable.calendar_bg_tag); group.addView(markView); } } else { if (childCount > 1) { group.removeView(group.getChildAt(1)); } } } /** * 计算某年某月有多少天 * * @param year * @param month * @return */ private int getDateNum(int year, int month) { Calendar time = Calendar.getInstance(); time.clear(); time.set(Calendar.YEAR, year + 1900); time.set(Calendar.MONTH, month); return time.getActualMaximum(Calendar.DAY_OF_MONTH); } /** * 根据行列号获得包装每一个日子的LinearLayout * * @param row * @param col * @return */ private RelativeLayout getDateView(int row, int col) { return (RelativeLayout) ((LinearLayout) ((LinearLayout) currentCalendar.getChildAt(1)).getChildAt(row)) .getChildAt(col); } /** * 将Date转化成字符串->2013-3-3 */ private String format(Date d) { return addZero(d.getYear() + 1900, 4) + "-" + addZero(d.getMonth() + 1, 2) + "-" + addZero(d.getDate(), 2); } // 2或4 private static String addZero(int i, int count) { if (count == 2) { if (i < 10) { return "0" + i; } } else if (count == 4) { if (i < 10) { return "000" + i; } else if (i < 100 && i > 10) { return "00" + i; } else if (i < 1000 && i > 100) { return "0" + i; } } return "" + i; } /*********************************************** * Override methods **********************************************/ public boolean dispatchTouchEvent(MotionEvent ev) { if (gd != null) { if (gd.onTouchEvent(ev)) return true; } return super.dispatchTouchEvent(ev); } public boolean onTouchEvent(MotionEvent event) { return this.gd.onTouchEvent(event); } public boolean onDown(MotionEvent e) { return false; } public void onShowPress(MotionEvent e) { } public boolean onSingleTapUp(MotionEvent e) { return false; } public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { return false; } public void onLongPress(MotionEvent e) { } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { // 向左/上滑动 if (e1.getX() - e2.getX() > 20) { // nextMonth(); } // 向右/下滑动 else if (e1.getX() - e2.getX() < -20) { // lastMonth(); } return false; } /*********************************************** * get/set methods **********************************************/ public OnCalendarClickListener getOnCalendarClickListener() { return onCalendarClickListener; } public void setOnCalendarClickListener(OnCalendarClickListener onCalendarClickListener) { this.onCalendarClickListener = onCalendarClickListener; } public OnCalendarDateChangedListener getOnCalendarDateChangedListener() { return onCalendarDateChangedListener; } public void setOnCalendarDateChangedListener(OnCalendarDateChangedListener onCalendarDateChangedListener) { this.onCalendarDateChangedListener = onCalendarDateChangedListener; } public Date getThisday() { return thisday; } public void setThisday(Date thisday) { this.thisday = thisday; } public Map<String, Integer> getDayBgColorMap() { return dayBgColorMap; } public void setDayBgColorMap(Map<String, Integer> dayBgColorMap) { this.dayBgColorMap = dayBgColorMap; } }