高仿 IOS7 日历 年列表 - ListFragment demo

1.效果图：

上下滑动还可以显示其他年份，这里就不做GIF图片了。当天会有红圈圈，写这篇文章刚好是光棍节，可以看到11月11号上面的圈圈。点击月份会有半透明效果，也可以在代码中加入点击月份处理事件。

2.整体框架

整个列表是非常简单的ListView控件。ListView的每一行是一个View，在View 的绘制draw方法中根据传进来年的参数绘制具体的年份。因为Android默认Calendar中月，日视图使用了Fragment，所以在这里使用了ListFragment，ListFragment跟一般的ListActivity也类似，比较容易。

3.  具体每一年的绘制 - Android View的使用

 年和分割线容易的，难的可能是12个月份的绘制。

很容易地想到用两个for 循环来处理。3 X 4。

[java] view plain copy

1. for(int row = 1; row <= 4; row++){  
2.             for(int column = 1; column <= 3; column++){  
3.                 int month = column + (row - 1) * 3;  
4.                   
5.                 // draw month  
6.                 drawX = startMonthX + (column - 1) * monthWidth;  
7.                 drawY = startMonthY + (row - 1) * monthHeight;  
8.                 canvas.drawText(String.format(  
9.                 getResources().getString(R.string.month_string), month),  
10.                 startX, startY, mPaint);  
11.             }  
12.         }  

月份里的具体天数看起来比较美观，错落有致。我绘制的思路是这样的 从1开始直到这个月的最多天数，计算出每一天的星期数，那么它距离左边的距离就是(星期数 * 宽度)，看这个图，1月1日是星期2，距离左边有2个单位。1月16日是星期3，距离左边有3个单位。Y轴上的距离是遇到星期日就增加一行。如果第一天是星期日则不需要。

4.谈谈ListFragment

如果你懂Activity的生命周期的话，那么ListFragment是Fragment的子类，生命周期也差不多。具体的次序是： onAttach(), onCreate(), onCreateView(), onActivityCreated(), onStart(),onResume(), onPause(),等等。 

Activity中使用Fragment:

[java] view plain copy

1. @Override  
2.     protected void onCreate(Bundle savedInstanceState) {  
3.         super.onCreate(savedInstanceState);  
4.         setContentView(R.layout.activity_main);  
5.         SimpleMonthPickerFragment fragment = new SimpleMonthPickerFragment();  
6.         getFragmentManager().beginTransaction()  
7.                 .replace(R.id.main_layout, fragment).commit();  
8.     }  

http://www.waitingfy.com/?p=769

5. 其他的简单东西

我们用的是ListView，总共显示的数量是要给定的，所以我们就给了2037 - 1970 的个数。就是Position 0 表示 1970。默认载入Activity我们会显示当前年，这就需要对ListView进行代码移动。就是2013 - 1970 的位置。

mListView.setSelectionFromTop(position, LIST_TOP_OFFSET);

对每个月份点击，我们要计算出点击位置是那个月份。我的思路是这样的，用户点击区域外面就是返回null，其他的情况先计算出用户点击的行数和列数，再计算出月份，是不是很简单？

[java] view plain copy

1. public Time getMonthFromLocation(float x, float y) {  
2.         //position wasn't in a month  
3.         if(x <= startMonthX || x >= (startMonthX + monthWidth * 3) ||  
4.                 y <= startMonthOffsetY || y >= (startMonthOffsetY + monthHeight * 4)){  
5.             return null;  
6.         }else {  
7.             int row =(int)(y -startMonthOffsetY)  / monthHeight; // from 0 to 3  
8.             int column = (int)(x - startMonthX) / monthWidth;// from 0 to 2  
9.             int month = (column + 1) + row * 3;   
10.             Log.v(TAG, "month:" + month);  
11.               
12.             Time time = new Time(mTimeZone);  
13.             time.set(1, month - 1, mTodayTime.year);  
14.             return time;  
15.         }  
16.   
17.           
18.     }  

6.代码下载

http://www.waitingfy.com/?attachment_id=768