前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >android实现切换日期左右无限滑动效果

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

作者头像
砸漏
发布2020-10-28 09:35:22
3.7K0
发布2020-10-28 09:35:22
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本恩蓝脚本

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

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

使用说明:

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'
  }

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档