Android ViewPager左右滑动月历
来源：互联网 发布：淘宝内部优惠卷网站 编辑：程序博客网 时间：2024/05/19 19:13
先上图：左右滑动显示上个月和下个月，点击左上角日期区域出现时间选择器，设置显示时间
使用ViewPager左右滑动，在每页动态添加GridView，GridView显示当前月的日期，具体看代码中的注释。
MainActivity：
package com.example.calendardemo;import java.util.Calendar;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.annotation.SuppressLint;import android.app.Activity;import android.app.AlertDialog;import android.app.DatePickerDialog;import android.app.DatePickerDialog.OnDateSetListener;import android.app.Dialog;import android.content.Context;import android.graphics.Color;import android.graphics.drawable.ColorDrawable;import android.os.Bundle;import android.view.Gravity;import android.view.View;import android.view.ViewGroup;import android.view.View.OnClickListener;import android.widget.AdapterView;import android.widget.BaseAdapter;import android.widget.DatePicker;import android.widget.GridView;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.TextView;import android.widget.RelativeLayout.LayoutParams;@SuppressLint("InlinedApi") public class MainActivity extends Activity implements OnClickListener {// 基本变量private GridView title_gView;private Calendar calStartDate = Calendar.getInstance();// 当前显示的日历private Calendar calSelectDate = Calendar.getInstance();// 当前选择的日历private LinearLayout mCalendarLayout;private ImageView mPreImg;private ImageView mNextImg;private TextView mSelectedMonthTx;private TextView mYearTx;private TextView mMonthTx;private TextView mDayTx;private TextView mWeekTx;// -------------------------------------------------------------------------public MyViewPager viewPager = null;public MyPagerAdapter pagerAdapter = null;//private GridView gView;//private CalendarGridViewAdapter gAdapter;private int currPager = 500;private CalendarGridViewAdapter adapter = null;private GridView currentView = null;// ------------------------------------------------------------------------- @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } /** * 初始化View */ private void initView() {viewPager = (MyViewPager) findViewById(R.id.stc_calendar_viewpager);mYearTx = (TextView) findViewById(R.id.stc_year_tx);mMonthTx = (TextView) findViewById(R.id.stc_month_tx);mWeekTx = (TextView) findViewById(R.id.stc_week_tx);mDayTx = (TextView) findViewById(R.id.stc_day_tx);mYearTx.getPaint().setFakeBoldText(true);mMonthTx.getPaint().setFakeBoldText(true);mWeekTx.getPaint().setFakeBoldText(true);mDayTx.getPaint().setFakeBoldText(true);mDayTx.setOnClickListener(this);mWeekTx.setOnClickListener(this);mMonthTx.setOnClickListener(this);mCalendarLayout = (LinearLayout) findViewById(R.id.stc_calendar_layout);mPreImg = (ImageView) findViewById(R.id.stc_pre_month_img);mPreImg.setOnClickListener(this);mNextImg = (ImageView) findViewById(R.id.stc_next_month_img);mNextImg.setOnClickListener(this);mSelectedMonthTx = (TextView) findViewById(R.id.stc_select_month_tx);setTitleGirdView();LinearLayout.LayoutParams params_cal_title = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);mCalendarLayout.addView(title_gView, params_cal_title);}@Overridepublic void onClick(View v) {// TODO Auto-generated method stubswitch (v.getId()) {case R.id.stc_pre_month_img:showPreMonth();break;case R.id.stc_next_month_img:showNextMonth();break;case R.id.stc_day_tx:case R.id.stc_month_tx:case R.id.stc_week_tx:// 点击时间出现时间选择器Calendar calendar = Calendar.getInstance(); int year = calendar.get(Calendar.YEAR); int month = calendar.get(Calendar.MONTH); int day = calendar.get(Calendar.DAY_OF_MONTH); DatePickerDialog dialog = new DatePickerDialog(this, AlertDialog.THEME_HOLO_LIGHT, setDateCallBack, year, month, day); dialog.show();// dialogTitleLineColor(dialog, 0xffff6d4b); break;default:break;}}/** * 时间选择器titleDivider的颜色 */public final void dialogTitleLineColor(Dialog dialog, int color) { Context context = dialog.getContext(); int divierId = context.getResources().getIdentifier("android:id/titleDivider", null, null); View divider = dialog.findViewById(divierId); divider.setBackgroundColor(color); }/** * 回调函数，int year, int monthOfYear, int dayOfMonth三个参数为日期对话框设置的日期 */ private OnDateSetListener setDateCallBack = new OnDateSetListener() { public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) { calStartDate.set(year, monthOfYear, dayOfMonth); initData(); } }; /** * 初始化数据 */private void initData() {setDateUI(calStartDate);initCalendar();}/** * 更新顶部的日期控件数据 */private void setDateUI(Calendar cal) {mSelectedMonthTx.setText(JTimeUtils.getShowTimeTx(this, cal.get(Calendar.MONTH) + 1));mYearTx.setText(String.valueOf(cal.get(Calendar.YEAR)));mMonthTx.setText(JTimeUtils.getMonthAbbreviation(cal.get(Calendar.MONTH) + 1));mDayTx.setText(cal.get(Calendar.DAY_OF_MONTH) < 10 ? "0" + cal.get(Calendar.DAY_OF_MONTH) : "" + cal.get(Calendar.DAY_OF_MONTH));mWeekTx.setText(JTimeUtils.getWeekAbbreviation(cal.get(Calendar.DAY_OF_WEEK) - 1));}@Overridepublic void onResume() {super.onResume(); calStartDate = Calendar.getInstance();initData();}@Overridepublic void onPause() {super.onPause();//calSelectDate.setTime(calStartDate.getTime());}private GridView setGirdView() {LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);GridView gridView = new GridView(this);gridView.setLayoutParams(params);gridView.setNumColumns(7);// 设置每行列数gridView.setGravity(Gravity.CENTER_VERTICAL);// 位置居中gridView.setVerticalSpacing(1);// 垂直间隔gridView.setHorizontalSpacing(1);// 水平间隔gridView.setBackgroundColor(Color.TRANSPARENT);gridView.setSelector(new ColorDrawable(Color.TRANSPARENT));return gridView;}private void setTitleGirdView() {title_gView = setGirdView();LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);title_gView.setLayoutParams(params);title_gView.setVerticalSpacing(1);// 垂直间隔title_gView.setHorizontalSpacing(1);// 水平间隔TitleGridAdapter titleAdapter = new TitleGridAdapter(this);title_gView.setAdapter(titleAdapter);// 设置菜单Adapter}public class TitleGridAdapter extends BaseAdapter {int[] titles = new int[] { R.string.sunday, R.string.monday, R.string.tuesday,R.string.wednesday, R.string.thursday, R.string.friday, R.string.saturday };private Activity activity;// constructpublic TitleGridAdapter(Activity a) {activity = a;}@Overridepublic int getCount() {return titles.length;}@Overridepublic Object getItem(int position) {return titles[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {LinearLayout iv = new LinearLayout(activity);TextView txtDay = new TextView(activity);txtDay.setFocusable(false);txtDay.setBackgroundColor(Color.TRANSPARENT);iv.setOrientation(LinearLayout.HORIZONTAL);txtDay.setGravity(Gravity.CENTER);LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);txtDay.setTextColor(0xff999999);txtDay.setText((Integer) getItem(position));iv.addView(txtDay, lp);return iv;}}/** * 初始化滑动控件ViewPager */private void initCalendar() {pagerAdapter = new MyPagerAdapter();viewPager.setAdapter(pagerAdapter);viewPager.setCurrentItem(500);// 设置当前页位置为500viewPager.setPageMargin(0);viewPager.setOnPageChangeListener(new OnPageChangeListener() {public void onPageScrollStateChanged(int arg0) {if (arg0 == 1) {}if (arg0 == 0) {currentView = (GridView) viewPager.findViewById(currPager);if (currentView != null) {adapter = (CalendarGridViewAdapter) currentView.getAdapter();}}}public void onPageScrolled(int arg0, float arg1, int arg2) {}public void onPageSelected(int position) {// 滑动到某页后更新数据、UICalendar tempSelected = Calendar.getInstance(); // 临时tempSelected.setTime(calStartDate.getTime());int count = position - 500;tempSelected.add(Calendar.MONTH, count);int month = tempSelected.get(Calendar.MONTH) + 1;mSelectedMonthTx.setText(JTimeUtils.getShowTimeTx(MainActivity.this, month));setDateUI(tempSelected);currPager = position;calSelectDate.set(tempSelected.get(Calendar.YEAR), tempSelected.get(Calendar.MONTH), tempSelected.get(Calendar.DAY_OF_MONTH));}});}/** * ViewPager的适配器，从第500页开始，最多支持0-1000页 */private class MyPagerAdapter extends PagerAdapter {@Overridepublic void setPrimaryItem(ViewGroup container, int position,Object object) {}@Overridepublic int getCount() {return 1000;}@Overridepublic boolean isViewFromObject(View arg0, Object arg1) {return arg0 == arg1;}@Overridepublic void destroyItem(ViewGroup container, int position, Object object) {container.removeView((View) object);}@Overridepublic Object instantiateItem(ViewGroup container, int position) {GridView gv = initCalendarView(position);gv.setId(position);container.addView(gv);return gv;}}/** * 动态生成GridView */private GridView initCalendarView(int position) {int count = position - 500;Calendar tempSelected = Calendar.getInstance(); // 临时/*if (position == 500) {int month = tempSelected.get(Calendar.MONTH) + 1;mSelectedMonthTx.setText(TimeUtils.getShowTimeTx(this, month));}*/tempSelected.setTime(calStartDate.getTime()); GridView gView = new CalendarGridView(this);tempSelected.add(Calendar.MONTH, count); final CalendarGridViewAdapter gAdapter = new CalendarGridViewAdapter(this, tempSelected, position);gView.setAdapter(gAdapter);// 设置菜单Adapter gView.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // item点击事件 // do somethings } });return gView;}/** * 滑动到上一页 */private void showPreMonth() {viewPager.setCurrentItem(--currPager, true);}/** * 滑动到下一页 */private void showNextMonth() {viewPager.setCurrentItem(++currPager, true);}}CalendarGridViewAdapter：
package com.example.calendardemo;import android.app.Activity;import android.content.res.Resources;import android.view.Display;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.GridView;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.LinearLayout.LayoutParams;import android.widget.RelativeLayout;import android.widget.TextView;import java.util.ArrayList;import java.util.Calendar;import java.util.Date;import java.util.List;public class CalendarGridViewAdapter extends BaseAdapter {private Calendar calStartDate = Calendar.getInstance();// 当前显示的日历private Calendar calDate = Calendar.getInstance();private LayoutInflater mInflater;private int mDisplayWidth = 0;private int mGridWidth = 0;private List<Date> mListData = new ArrayList<Date>();private Activity activity;Resources resources;private int iMonthViewCurrentMonth = 0; // 当前视图月public CalendarGridViewAdapter(Activity a, Calendar cal, int pos) {activity = a;resources = activity.getResources();calStartDate = cal;calDate.setTime(cal.getTime());getDates();mInflater = LayoutInflater.from(a);getGridWidth();}/** * 根据改变的日期更新日历,填充日历控件用 */private void UpdateStartDateForMonth() {calStartDate.set(Calendar.DATE, 1); // 设置成当月第一天iMonthViewCurrentMonth = calStartDate.get(Calendar.MONTH);// 得到当前日历显示的月// 星期一是2 星期天是1 填充剩余天数int iDay = 0;int iFirstDayOfWeek = Calendar.SUNDAY;int iStartDay = iFirstDayOfWeek;if (iStartDay == Calendar.MONDAY) {iDay = calStartDate.get(Calendar.DAY_OF_WEEK) - Calendar.MONDAY;if (iDay < 0)iDay = 6;}if (iStartDay == Calendar.SUNDAY) {iDay = calStartDate.get(Calendar.DAY_OF_WEEK) - Calendar.SUNDAY;if (iDay < 0)iDay = 6;}calStartDate.add(Calendar.DAY_OF_WEEK, -iDay);}private void getDates() {UpdateStartDateForMonth();for (int i = 1; i <= 42; i++) {mListData.add(calStartDate.getTime());calStartDate.add(Calendar.DAY_OF_MONTH, 1);}}@SuppressWarnings("deprecation")private void getGridWidth() {Display display = activity.getWindowManager().getDefaultDisplay();mDisplayWidth = display.getWidth();float scale = activity.getResources().getDisplayMetrics().density;mGridWidth = (mDisplayWidth - (int) (46 * scale)) / 7;// 46dp位距离两边的margin}@Overridepublic int getCount() {return mListData.size();}@Overridepublic Object getItem(int position) {return mListData.get(position);}@Overridepublic long getItemId(int position) {return position;}@SuppressWarnings("deprecation")@Overridepublic View getView(final int position, View convertView, ViewGroup parent) {ViewHolder holder = null;if (convertView == null) {convertView = mInflater.inflate(R.layout.calendar_grid_view_item, null);holder = new ViewHolder();holder.itemPic = (ImageView) convertView.findViewById(R.id.stc_cal_grid_item_pic);holder.itemPicMask = (ImageView) convertView.findViewById(R.id.stc_cal_grid_item_pic_mask);holder.itemDay = (TextView) convertView.findViewById(R.id.stc_cal_grid_item_day);holder.itemLayout = (RelativeLayout) convertView.findViewById(R.id.stc_cal_grid_item_layout);convertView.setTag(holder);} else {holder = (ViewHolder) convertView.getTag();}final Date myDate = (Date) getItem(position);Calendar calCalendar = Calendar.getInstance();calCalendar.setTime(myDate);final int iMonth = calCalendar.get(Calendar.MONTH);// final int iDay = calCalendar.get(Calendar.DAY_OF_WEEK);int day = myDate.getDate(); // 日期holder.itemDay.setText(String.valueOf(day));holder.itemPic.setVisibility(View.GONE);holder.itemPicMask.setVisibility(View.GONE);if (equalsDate(calDate.getTime(), myDate)) {// 当前日期holder.itemLayout.setBackgroundResource(R.drawable.stc_calendar_item_select_bg);holder.itemDay.setTextColor(0xFFFFFFFF);} else {holder.itemLayout.setBackgroundResource(R.drawable.stc_calendar_item_normal_bg);holder.itemDay.setTextColor(0xFF8F8F8F);}// 判断是否是当前月，不是当前月不显示if (iMonth == iMonthViewCurrentMonth) {holder.itemLayout.setVisibility(View.VISIBLE);} else {holder.itemLayout.setVisibility(View.GONE);}LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(mGridWidth, mGridWidth);holder.itemLayout.setLayoutParams(params);/** * convertView设置了setLayoutParams后，如果在此函数中设置某个控件的click事件，会出现第一格点击没有响应的情况， * 解决方法是设置GridView的onItemClick事件 */convertView.setLayoutParams(new GridView.LayoutParams(LayoutParams.WRAP_CONTENT, mGridWidth));return convertView;}@Overridepublic void notifyDataSetChanged() {super.notifyDataSetChanged();}/** * 比较时间 * */private Boolean equalsDate(Date date1, Date date2) {Calendar cal1 = Calendar.getInstance();cal1.setTimeInMillis(date1.getTime());Calendar cal2 = Calendar.getInstance();cal2.setTimeInMillis(date2.getTime());int day1 = cal1.get(Calendar.DAY_OF_MONTH);int day2 = cal2.get(Calendar.DAY_OF_MONTH);if (day2 == day1) {return true;}return false;}private class ViewHolder {public ImageView itemPic;public ImageView itemPicMask;public TextView itemDay;public RelativeLayout itemLayout;}}<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/stc_layout_bg" android:orientation="vertical" > <RelativeLayout android:id="@+id/stc_info_layout" android:layout_width="match_parent" android:layout_height="wrap_content" > <TextView android:id="@+id/stc_day_tx" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="23dp" android:layout_marginTop="37dp" android:background="@null" android:gravity="top" android:textColor="#ff6d4b" android:textSize="40sp" android:textStyle="bold" /> <TextView android:id="@+id/stc_month_tx" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginLeft="4dp" android:layout_marginTop="40dp" android:layout_toRightOf="@id/stc_day_tx" android:textColor="#ff6d4b" android:textSize="18sp" android:textStyle="bold" /> <TextView android:id="@+id/stc_week_tx" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@id/stc_month_tx" android:layout_marginLeft="4dp" android:layout_toRightOf="@id/stc_day_tx" android:textColor="#ff6d4b" android:textSize="18sp" android:textStyle="bold" /> <RelativeLayout android:id="@+id/stc_info_layout_1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_marginLeft="23dp" android:layout_marginRight="23dp" android:layout_centerVertical="true" > <TextView android:id="@+id/stc_year_tx" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:textColor="#8f8f8f" android:textStyle="bold" android:textSize="24sp" /> </RelativeLayout> <View android:layout_width="match_parent" android:layout_height="0.5dp" android:layout_below="@id/stc_week_tx" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="20dp" android:background="#8f8f8f" /> </RelativeLayout> <RelativeLayout android:id="@+id/stc_pre_next_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/stc_info_layout" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:layout_marginTop="10dp" > <ImageView android:id="@+id/stc_pre_month_img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_centerVertical="true" android:contentDescription="@string/app_name" android:paddingLeft="3dp" android:paddingRight="12dp" android:paddingBottom="12dp" android:paddingTop="16dp" android:src="@drawable/stc_pre_icon" /> <ImageView android:id="@+id/stc_next_month_img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_centerVertical="true" android:contentDescription="@string/app_name" android:paddingLeft="12dp" android:paddingRight="3dp" android:paddingBottom="12dp" android:paddingTop="16dp" android:src="@drawable/stc_next_icon" /> <TextView android:id="@+id/stc_select_month_tx" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:textColor="#8f8f8f" android:textSize="14sp" /> </RelativeLayout> <LinearLayout android:id="@+id/stc_calendar_layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/stc_pre_next_layout" android:layout_marginLeft="23dp" android:layout_marginRight="23dp" android:orientation="vertical" > </LinearLayout> <com.example.calendardemo.MyViewPager android:id="@+id/stc_calendar_viewpager" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_below="@id/stc_calendar_layout" android:background="@android:color/transparent" android:scrollbars="none" android:layout_marginLeft="23dp" android:layout_marginRight="23dp" android:visibility="visible" > </com.example.calendardemo.MyViewPager></RelativeLayout>
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <RelativeLayout android:id="@+id/stc_cal_grid_item_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <ImageView android:id="@+id/stc_cal_grid_item_pic" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="fitXY" android:visibility="gone" android:contentDescription="@string/app_name" /> <ImageView android:id="@+id/stc_cal_grid_item_pic_mask" android:layout_width="match_parent" android:layout_height="match_parent" android:scaleType="fitXY" android:src="@drawable/stc_calendar_item_pic_mask" android:visibility="gone" android:contentDescription="@string/app_name" /> <TextView android:id="@+id/stc_cal_grid_item_day" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:textSize="14sp" android:textColor="#8f8f8f"/> </RelativeLayout></LinearLayout>
下载Demo
0 1
- Android ViewPager左右滑动月历
- android viewpager左右循环滑动
- android viewpager 禁止左右滑动
- android viewpager 无限左右滑动
- Android Viewpager拦截 左右滑动
- Android禁止ViewPager左右滑动
- android - ViewPager 监听左右滑动
- android viewpager禁止左右滑动
- Android 禁止ViewPager左右滑动
- android 使用ViewPager实现左右滑动
- Android使用ViewPager实现左右滑动效果
- android ViewPager,ViewFlipper,ViewFlow实现左右滑动
- Android ActionBar+ViewPager 实现左右滑动Tab
- android viewpager左右滑动的Demo
- 【Android开发】ViewPager实现左右循环滑动
- android ViewPager,ViewFlipper,ViewFlow实现左右滑动
- Android ActionBar+ViewPager 实现左右滑动Tab
- android ViewPager,ViewFlipper,ViewFlow实现左右滑动
- LNMP 403问题
- 侧滑菜单
- polya补提链接
- Windows Phone 机器的信息
- 进程与线程栈大小的调整（精）
- Android ViewPager左右滑动月历
- http协议详解
- 一个JS文件引用多个JS文件
- Sping源码解析-源码下载
- C结构体、C++结构体 和 C++类的区别
- java基础---static关键字
- Windows Phone 事件处理
- jstl取纯数字需要加单引号
- C#6.0特性（快来围观）
