最近项目需要日历效果,考虑用第三方的反而不太适合设计需求,修改复杂,与其这样不入自己重新写一个干净的控件。虽不是什么牛逼控件,但是也需要我们能按照设计自己写出来。在此记录一下实现思路。
效果图:
实现思路
头部是一个自定义组合控件;
显示一周的日期部分用GridView 更加方便更新;
切换月的部分是一个自定义PopupWindow;
GridView选中效果;
GridView根据手势GestureDetector监听左右滑动;
核心其实还是Calendar类,根据这个类我们可以获取制定日期一周的日期集合、可以获取制定日期一月的日期集合等等;
根据阳历日期获取阴历日期
使用 // xml布局引用
<com.wzh.calendar.view.DataViewandroid:id="@+id/week"android:layout_width="match_parent"android:background="@color/color_ffffff"android:layout_height="wrap_content">
</com.wzh.calendar.view.DataView>
// 代码中,自定义回调监听选中的日期dataView = (DataView) findViewById(R.id.week);dataView.setOnSelectListener(new DataView.OnSelectListener() { @Override public void onSelected(DateEntity date) { info.setText("日期:"+ date.date+"n"+ "周几:"+ date.weekName+"n"+ "今日:"+ date.isToday+"n"+ "时间戳:"+ date.million+"n"); Log.e("wenzhiao--------------",date.toString()); } });//需要传递此种格式的日期,不传默认是获取今日的日期dataView.getData("2017-04-19"); 实现整体逻辑
回调的日期信息封装成一个实体类DateEntity:
publicclassDateEntity{
publiclongmillion ; //时间戳publicString weekName ; //周几publicintweekNum ; //一周中第几天,非中式publicString date ; //日期publicbooleanisToday ; //是否今天publicString day ; //天publicString luna ; //阴历@OverridepublicString toString(){
return"DateEntity{"+
"million="+ million +
", weekName='"+ weekName + '''+
", weekNum="+ weekNum +
", date='"+ date + '''+
", isToday="+ isToday +
", day='"+ day + '''+
", luna='"+ luna + '''+
'}'; }}
封装的日期获取的工具类:
packagecom.wzh.calendar.utils;
importcom.wzh.calendar.bean.DateEntity;
importjava.text.ParseException;
importjava.text.SimpleDateFormat;
importjava.util.ArrayList;
importjava.util.Calendar;
importjava.util.Date;
publicclassDataUtils{
publicstaticSimpleDateFormat dateFormat = newSimpleDateFormat( "yyyy-MM-dd");
publicstaticintselectPosition =- 1;
publicstaticintgetSelectPosition(){
returnselectPosition; }
/** * * 获取当前日期一周的日期 *@paramdate *@return*/publicstaticArrayList<DateEntity> getWeek(String date){ ArrayList<DateEntity> result = newArrayList<>(); Calendar cal =Calendar.getInstance();
try{ cal.setTime(dateFormat.parse(date)); } catch(ParseException e) {
// TODO Auto-generated catch blocke.printStackTrace(); } cal.set(Calendar.DAY_OF_WEEK, Calendar.SUNDAY); //获取本周一的日期for( inti = 0; i < 7; i++) { DateEntity entity = newDateEntity(); entity.date = getValue(cal.get(cal.YEAR))+ "-"+getValue(cal.get(cal.MONTH)+ 1)+ "-"+getValue(cal.get(cal.DATE)); entity.million = cal.getTimeInMillis() ; entity.day = getValue(cal.get(cal.DATE)); entity.weekNum = cal.get(Calendar.DAY_OF_WEEK); entity.weekName = getWeekName(entity.weekNum); entity.isToday = isToday(entity.date); cal.add(Calendar.DATE, 1); result.add(entity); }
returnresult ; }
/** * 获取当前日期一月的日期 *@paramdate *@return*/publicstaticArrayList<DateEntity> getMonth(String date){ ArrayList<DateEntity> result = newArrayList<>(); Calendar cal =Calendar.getInstance();
try{ cal.setTime( newSimpleDateFormat( "yyyy-MM").parse(date)); } catch(ParseException e) {
// TODO Auto-generated catch blocke.printStackTrace(); }
intmax = cal.getActualMaximum(Calendar.DAY_OF_MONTH);
for( inti = 1; i <=max; i++) { DateEntity entity = newDateEntity(); entity.date = getValue(cal.get(cal.YEAR))+ "-"+getValue(cal.get(cal.MONTH)+ 1)+ "-"+getValue(cal.get(cal.DATE)); entity.million = cal.getTimeInMillis() ; entity.weekNum = cal.get(Calendar.DAY_OF_WEEK); entity.day = getValue(cal.get(cal.DATE)); entity.weekName = getWeekName(entity.weekNum); entity.isToday = isToday(entity.date); entity.luna = getLuna(entity.date); cal.add(Calendar.DATE, 1); result.add(entity); }
//为了用空的值填补第一个之前的日期//先获取在本周内是周几intweekNum = result.get( 0).weekNum - 1;
for( intj = 0;j<weekNum;j++){ DateEntity entity = newDateEntity(); result.add( 0,entity); }
for( inti = 0; i <result.size(); i++) {
if(date.equals(result.get(i).date)){ selectPosition = i ; } }
returnresult ; }
/** * 根据美式周末到周一 返回 *@paramweekNum *@return*/privatestaticString getWeekName(intweekNum){ String name = "";
switch(weekNum) {
case1: name = "星期日";
break;
case2: name = "星期一";
break;
case3: name = "星期二";
break;
case4: name = "星期三";
break;
case5: name = "星期四";
break;
case6: name = "星期五";
break;
case7: name = "星期六";
break;
default:
break; } returnname; }
/** * 是否是今天 *@paramsdate *@return*/publicstaticbooleanisToday(String sdate){
booleanb = false; Date time = null;
try{ time = dateFormat.parse(sdate); } catch(ParseException e) {
// TODO Auto-generated catch blocke.printStackTrace(); } Date today = newDate();
if(time != null){ String nowDate = dateFormater.get().format(today); String timeDate = dateFormater.get().format(time);
if(nowDate.equals(timeDate)){ b = true; } }
returnb; }
/** * 个位数补0操作 *@paramnum *@return*/publicstaticString getValue(intnum){
returnString.valueOf(num> 9?num:( "0"+num)); }
privatefinalstaticThreadLocal<SimpleDateFormat> dateFormater = newThreadLocal<SimpleDateFormat>() {
@OverrideprotectedSimpleDateFormat initialValue(){
returnnewSimpleDateFormat("yyyy-MM-dd"); } };
/** * 获取系统当前日期 */publicstaticString getCurrDate(String format){ SimpleDateFormat formatter = newSimpleDateFormat(format); Date curDate = newDate(System.currentTimeMillis()); //获取当前时间String str = formatter.format(curDate);
returnstr; }
/** * 格式化日期 */publicstaticString formatDate(String date ,String format){ SimpleDateFormat formatter = newSimpleDateFormat(format); Date curDate = null; //获取当前时间try{ curDate = formatter.parse(date); } catch(ParseException e) { e.printStackTrace(); } String str = formatter.format(curDate);
returnstr; }
/** * 切换周的时候用 * 获取前/后 几天的一个日期 *@paramcurrentData *@paramdayNum *@return*/publicstaticString getSomeDays(String currentData,intdayNum){ Calendar c = Calendar.getInstance();
//过去七天try{ c.setTime(DataUtils.dateFormat.parse(currentData)); } catch(ParseException e) { e.printStackTrace(); } c.add(Calendar.DATE, dayNum); Date d = c.getTime(); String day = DataUtils.dateFormat.format(d);
returnday ; }
/** * 获取前/后 几个月的一个日期 切换月的时候用 *@paramcurrentData *@parammonthNum *@return*/publicstaticString getSomeMonthDay(String currentData,intmonthNum){ Calendar c = Calendar.getInstance();
try{ c.setTime( newSimpleDateFormat( "yyyy-MM").parse(currentData)); } catch(ParseException e) { e.printStackTrace(); } c.set(Calendar.MONTH, c.get(Calendar.MONTH) +monthNum); Date day = c.getTime();
returnnewSimpleDateFormat("yyyy-MM-dd").format(day); }
/** * 获取阴历 *@paramdate *@return*/publicstaticString getLuna(String date){ Calendar today = Calendar.getInstance();
try{ today.setTime(Lunar.chineseDateFormat.parse(date)); } catch(ParseException e) { e.printStackTrace(); }
returnnewLunar(today).toString(); }}
这里有个地方需要注意一下,因为我们一个月第一天是周几不确定,显示GridView的时候第一天的position也不确定,但是我们可以根据前面少了几天再添加上空对象即可:
//为了用空的值填补第一个之前的日期
//先获取在本周内是周几
intweekNum = result.get( 0).weekNum - 1;
for( intj = 0;j<weekNum;j++){ DateEntity entity = newDateEntity(); result.add( 0,entity);}
还有一个获取阴历日期的工具类,比较复杂,所以直接从网上找了一个,这里就不贴了。
剩下的就是去写布局、自定义PopupWindow了,这些应该是没什么难度吧。关于GridView选中,原理就是在Adapter里面设置一个选中方法:
privateintselectedPosition = - 1; // 选中的位置
publicvoidsetSelectedPosition(intposition){ selectedPosition = position; notifyDataSetChanged();}...在Adapter的getView( intposition, View convertView, ViewGroup parent) 方法去判断 position是否和selectedPosition 是否相等,相等就表示选中了,可以修改背景、字体颜色等等...当然在用到Adapter的地方也要调用setSelectedPosition方法具体怎么使用可以参考里面的代码。
关于GrdiView左右滑动的判断(关键代码片段):
privateGestureDetector gestureDetector;
//初始化
gestureDetector = newGestureDetector(context,onGestureListener);
/** * 手势监听是否是左右滑动,这里认为滑动距离超过100就算左右滑动 */
privateGestureDetector.OnGestureListener onGestureListener =
newGestureDetector.SimpleOnGestureListener() {
@OverridepublicbooleanonFling(MotionEvent e1, MotionEvent e2, floatvelocityX,
floatvelocityY){
floatx = e2.getX() - e1.getX();
floaty = e2.getY() - e1.getY();
if(x > 100) { doResult(RIGHT); } elseif(x < -100){ doResult(LEFT); }
returntrue; } };
publicvoiddoResult(intaction){
switch(action) {
caseRIGHT: date = DataUtils.getSomeMonthDay(date,- 1); adapter.setData(DataUtils.getMonth(date)); adapter.setDateString(date); adapter.setSelectedPosition(DataUtils.getSelectPosition()); currentDateTv.setText( "当前月份:"+DataUtils.formatDate(date, "yyyy-MM")); Log.e( "wenzihao", "go right");
break;
caseLEFT: date = DataUtils.getSomeMonthDay(date,+ 1); adapter.setData(DataUtils.getMonth(date)); adapter.setDateString(date); adapter.setSelectedPosition(DataUtils.getSelectPosition()); currentDateTv.setText( "当前月份:"+DataUtils.formatDate(date, "yyyy-MM")); Log.e( "wenzihao", "go left");
break; }}...设置手势给gridviewgridView.setOnTouchListener( newView.OnTouchListener() {
@OverridepublicbooleanonTouch(View view, MotionEvent event){
returngestureDetector.onTouchEvent(event); }});
最后就是点击PopupWindow的时候自定义回调方法把选中日期带过去即可。好了,其他的代码也不贴了,关键点就那么点,没啥太大难度,感觉主要还是考验大家的基本功吧。这么一个自定义日历控件就写好了,是不是很简单感觉,希望能够对大家有启发和帮助,可以灵活自定义出设计产品需要的各种控件。
最后附上项目地址:https://github.com/wenzhihao123/Android-CalendarView-master
大家都在看
标签:
本文链接:https://www.hello-linux.com/bk/404.html
版权声明:本网站内容均来源于网络,如涉及侵权,请联系作者!
还没有评论,快来说点什么吧~