android实现切换日期左右无限滑动效果

大家在进行安卓开发的时候,经常用到日期比如在课程安排,工作安排,日志等地方,今天给大家带来的是让日期左右无限的滑动,并支持自定义显示效果的方法。一起来学习下。

以上是本次所要达到的效果

使用说明:

XML布局

新建XML布局

RecyclerView的layout_behavior为com.ldf.calendar.behavior.RecyclerViewBehavior

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1">

    <com.ldf.calendar.view.MonthPager
      android:id="@+id/calendar_view"
      android:layout_width="match_parent"
      android:layout_height="300dp"
      android:background="#fff">
    </com.ldf.calendar.view.MonthPager>

    <android.support.v7.widget.RecyclerView
      android:id="@+id/list"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      app:layout_behavior="com.ldf.calendar.behavior.RecyclerViewBehavior"
      android:background="#c2c2c2"
      android:layout_gravity="bottom"/>

  </android.support.design.widget.CoordinatorLayout>

自定义日历样式
新建CustomDayView继承自DayView并重写refreshContent 和 copy 两个方法

@Override
  public void refreshContent() {
    //你的代码 你可以在这里定义你的显示规则
    super.refreshContent();
  }

  @Override
  public IDayRenderer copy() {
    return new CustomDayView(context , layoutResource);
  }

新建CustomDayView实例,并作为参数构建CalendarViewAdapter

CustomDayView customDayView = new CustomDayView(
      context , R.layout.custom_day);
  calendarAdapter = new CalendarViewAdapter(
        context ,
        onSelectDateListener ,
        Calendar.MONTH_TYPE ,
        customDayView);

初始化View
目前来看 相比于Dialog选择日历 我的控件更适合于Activity/Fragment在Activity的onCreate 或者Fragment的onCreateView 你需要实现这两个方法来启动日历并装填进数据

@Override
  protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_syllabus);
    initCalendarView();
  }

  private void initCalendarView() {
    initListener();
    CustomDayView customDayView = new CustomDayView(
      context , R.layout.custom_day);
    calendarAdapter = new CalendarViewAdapter(
        context ,
        onSelectDateListener ,
        Calendar.MONTH_TYPE ,
        customDayView);
    initMarkData();
    initMonthPager();
  }

使用此方法回调日历点击事件

private void initListener() {
    onSelectDateListener = new OnSelectDateListener() {
      @Override
      public void onSelectDate(CalendarDate date) {
        //your code
      }

      @Override
      public void onSelectOtherMonth(int offset) {
        //偏移量 -1表示上一个月 , 1表示下一个月
        monthPager.selectOtherMonth(offset);
      }
    };
  }

使用此方法初始化日历标记数据

private void initMarkData() {
    HashMap markData = new HashMap<>();
    //1表示红点,0表示灰点
    markData.put("2017-8-9" , "1");
    markData.put("2017-7-9" , "0");
    markData.put("2017-6-9" , "1");
    markData.put("2017-6-10" , "0");
    calendarAdapter.setMarkData(markData);
  }

使用此方法给MonthPager添加上相关监听

monthPager.addOnPageChangeListener(new MonthPager.OnPageChangeListener() {
      @Override
      public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
      }

      @Override
      public void onPageSelected(int position) {
        mCurrentPage = position;
        currentCalendars = calendarAdapter.getAllItems();
        if(currentCalendars.get(position % currentCalendars.size()) instanceof Calendar){
          //you code
        }
      }

      @Override
      public void onPageScrollStateChanged(int state) {
      }
    });

重写onWindowFocusChanged方法,使用此方法得知calendar和day的尺寸

 @Override
  public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
    if(hasFocus && !initiated) {
      CalendarDate today = new CalendarDate();
      calendarAdapter.notifyDataChanged(today);
      initiated = true;
    }
  }
Download

Gradle: Step 1. Add it in your root build.gradle at the end of repositories:

allprojects {
  repositories {
  ...
  maven { url 'https://www.jitpack.io' }
  }
}
Step 2. Add the dependency

  dependencies {
      compile 'com.github.MagicMashRoom:SuperCalendar:v1.3.1'
  }

以上就是本次效果所用到的所有代码和说明,大家有任何问题可以在下方的留言地方讨论。

(0)

相关推荐

  • Android之日期及时间选择对话框用法实例分析

    本文实例讲述了Android之日期及时间选择对话框用法.分享给大家供大家参考.具体如下: 清单文件: <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.ljq.dialog" android:versionCode=&q

  • Android实现图片自动轮播并且支持手势左右无限滑动

    废话不多说了,先给大家上左右无限滑动的代码了. 1.左右无限滑动 public class MainActivity extends AppCompatActivity { private static ViewPager viewPager; private RadioGroup group; //图片资源,实际项目需要从网络获取 private int[] imageIds = {R.drawable.ym1, R.drawable.ym2, R.drawable.ym3, R.drawab

  • android实现双日期选择控件(可隐藏日,只显示年月)

    在安卓开发中,会碰到选开始日期和结束日期的问题.特别是在使用Pad时,如果弹出一个Dialog,能够同时选择开始日期和结束日期,那将是极好的.我在开发中在DatePickerDialog的基础上做了修改,实现了这种Dialog.效果如下: 具体实现方法为: 先新建一个安卓项目DoubleDatePicker,在res/layout文件夹下新建date_picker_dialog.xml,内容如下: <?xml version="1.0" encoding="utf-8&

  • Android使用ViewPager实现无限滑动效果

    前言 其实仔细想一下原理还是挺简单的.无非是当我们滑动到最后一页,再向后滑动时定位到第一页;当我们滑动到第一页,再向前滑动时定位到最后一页. 但是,相信很多朋友都遇到过这个问题:视图的过度效果不自然. 小编也是通过百度和谷歌查找了很多解决方案,实验了很多方法,总结了一个相对不错的方法,接下来给各位分享下滑动效果.实现细节以及一些踩过的坑. 1.无限滑动效果(左右无限滑动) 事先准备好2张滑动图片(有想试验的小伙伴,自备图片啊,小编就不提供了...) 运行效果图(左右无限循环): 为了显示更加直观

  • Android日期显示和日期选择库

    日期显示和选择类库,可以用来选择一段连续的和多个不连续的日期,具体的UI完全抽象出来了,可以高度自定义(GITHUB地址) 支持的功能: 1.选择一段连续的和多个不连续的日期 2.提供了两个工具类(SingleMonthSelector.CalendarSelector)用来处理单个月和多个连续月日期的选择 3.可以拦截选择事件,当选择的日期长度有限制或某些特殊的日期不可以选择时,可以中断这次选择事件 4.SingleMonthSelector.CalendarSelector两个工具类都支持状

  • Android中TimePicker与DatePicker时间日期选择组件的使用实例

    效果和代码都非常直观: 实例1:TimePicker <RelativeLayout 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_par

  • Android开发中实现IOS风格底部选择器(支持时间 日期 自定义)

    本文Github代码链接 https://github.com/AndroidMsky/AndoirdIOSPicker 先上图吧: 这是笔者最近一个项目一直再用的一个选择器库,自己也在其中做了修改,并决定持续维护下去. 先看使用方法: 日期选择: private void showDateDialog(List<Integer> date) { DatePickerDialog.Builder builder = new DatePickerDialog.Builder(this); bui

  • android中ViewPager结合Fragment进行无限滑动

    实现ViewPager结合Fragment实现无限循环切换,这里也是在适配器里面进行的,当然使用滑动监听也能够实现 import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import android.view.ViewGroup; import java.util.Array

  • Android时间选择器、日期选择器实现代码

    本文为大家分享了两款选择器,一款可以针对时间进行选择.一款可以针对日期进行选择,供大家参考,具体内容如下 一.时间选择器 1.1.布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.and

  • Android编程实现根据不同日期计算天数差的方法

    本文实例讲述了Android编程实现根据不同日期计算天数差的方法.分享给大家供大家参考,具体如下: Calendar cal1 = getCalendarFromDate(mStartDate); long startTime = cal1.getTimeInMillis(); Calendar cal2 = getCalendarFromDate(mEndDate); long endTime = cal2.getTimeInMillis(); int numberOfDays = (int)

  • Android 日期和时间的使用实例详解

    Android 日期和时间的使用 日期和时间的使用: 1:弹出框TimePickerDialog,DatePickerDialog 2:组件TimePicker,DatePicker TimePickerDialog的使用:通过点击button显示图一,然后用户可以设置时间 DatePickerDialog的使用只需要将TimePickerDialog修改成DatePickerDialog, TimePickerDialog.OnTimeSetListener 分别修改成DatePickerDi

  • Android自定义DataTimePicker实例代码(日期选择器)

    笔者有一段时间没有发表关于Android的文章了,关于Android自定义组件笔者有好几篇想跟大家分享的,后期会记录在博客中.本篇博客给大家分享的是自定义一个日期选择器,可以让用户同时选择年月日和当前时间. 先看看效果: 实现的效果就是在同一个布局上显示日期选择和时间选择. 自定义一个类: /DateTimePicker/src/com/wwj/datetimepicker/DateTimePickDialogUtil.java package com.wwj.datetimepicker; i

随机推荐