Android自定義日歷滑動(dòng)控件

更新時(shí)間：2018年05月23日 15:42:17 作者：牛仔面包

這篇文章主要為大家詳細(xì)介紹了Android自定義日歷滑動(dòng)控件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android自定義日歷滑動(dòng)控件的使用方法，供大家參考，具體內(nèi)容如下

最近公司項(xiàng)目需要做這個(gè)需求，自己才疏學(xué)淺，總算能寫出個(gè)大概來(lái)，遂在這里記錄下來(lái)。

分析

先來(lái)分析一下：

首先，我們的需求是可以左右點(diǎn)擊查看跳轉(zhuǎn)到下一個(gè)月，中間的日歷控件可以水平滾動(dòng)選擇日期，所以我們中間的日歷控件用一個(gè)RecycleView來(lái)做，左右兩位的為ImageVeiw。
LRCalendarView 總體流程：

編寫LRCalendarView的布局R.layout.calendar_view
新建類LRCalendarView繼承LinearLayout
LRCalendarView添加布局R.layout.calendar_view
數(shù)據(jù)初始化
構(gòu)建GalleryAdapter
給RecycleView設(shè)置GalleryAdapter并且給左右按鈕添加點(diǎn)擊事件
處理左右日歷翻頁(yè)邏輯
按需要給RecycleView添加item的點(diǎn)擊事件

1. R.layout.calendar_view

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#ffffff"
  android:padding="5dp"
  android:orientation="horizontal">

  <ImageView
    android:id="@+id/iv_left"
    android:layout_gravity="center_vertical"
    android:src="@drawable/ic_launcher"
    android:layout_width="31dp"
    android:layout_height="31dp"/>

  <android.support.v7.widget.RecyclerView
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:id="@+id/recyclerView"
    android:layout_width="wrap_content"
    android:layout_weight="1"
    android:layout_height="50dp"
    android:layout_centerVertical="true"
    android:background="#ffffff"
    android:scrollbars="none" />

  <ImageView
    android:id="@+id/iv_right"
    android:layout_gravity="center_vertical"
    android:src="@drawable/ic_launcher"
    android:layout_width="30dp"
    android:layout_height="30dp"/>

</LinearLayout>

2. 新建類LRCalendarView繼承LinearLayout并添加布局

public class LRCalendarView extends LinearLayout {

  private Context context;
  private ImageView ivLeft, ivRight;
  private RecyclerView mRecyclerView;
  private GalleryAdapter mAdapter;
  private List<Cell> data = new ArrayList<>();
  private int mCurrYear, mCurrMonth, mCurrDay;
  private int mSelYear, mSelMonth, mSelDay;
  //今天的日期的position
  private int todayPos;

  public LRCalendarView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    this.context = context;
    setupView(context);
  }

  public LRCalendarView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }

  public LRCalendarView(Context context) {
    this(context, null);
  }

  /**
   * 初始化控件
   */
  private void setupView(final Context context) {
    View view = LayoutInflater.from(context).inflate(R.layout.calendar_view, null);
    this.addView(view);

    data = init();
    mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
    ivLeft = (ImageView) findViewById(R.id.iv_left);
    ivRight = (ImageView) findViewById(R.id.iv_right);
    //設(shè)置manger
    LinearLayoutManager linearLayoutManager = new LinearLayoutManager(context);
    linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
    mRecyclerView.setLayoutManager(linearLayoutManager);
    //設(shè)置adapter
    mAdapter = new GalleryAdapter(context, init());
    mRecyclerView.setAdapter(mAdapter);

  }
}

public class Cell {

  private String day;
  private String month;
  private int mCurrDay;
  private boolean isSelect;

  public int getmCurrDay() {
    return mCurrDay;
  }

  public void setmCurrDay(int mCurrDay) {
    this.mCurrDay = mCurrDay;
  }

  public String getDay() {
    return day;
  }

  public void setDay(String day) {
    this.day = day;
  }

  public String getMonth() {
    return month;
  }

  public void setMonth(String month) {
    this.month = month;
  }

  public boolean isSelect() {
    return isSelect;
  }

  public void setSelect(boolean select) {
    isSelect = select;
  }

}

接下來(lái)都是獲取日期數(shù)據(jù)，可以寫在一個(gè)工具類里，我直接寫在LRCalendarView

/**
   * 初始化每個(gè)月的數(shù)據(jù)
 */
  private List<Cell> init() {
    Calendar calendar = Calendar.getInstance();
    mCurrYear = calendar.get(Calendar.YEAR);
    mCurrMonth = calendar.get(Calendar.MONTH);
    mCurrDay = calendar.get(Calendar.DATE);
    return init(mCurrYear, mCurrMonth, mCurrDay, 0);
  }

 /**
   * @param flag 0：正常初始化日期 1：為左右點(diǎn)擊的初始化日期
   */
  private List<Cell> init(int year, int month, int day, int flag) {
    if (flag != 0) {
      day = 1;
    }
    setSelectYearMonth(year, month, day);
    List<Cell> listData = new ArrayList<>();

    int mMonthDays = getMonthDays(year, month);
    for (int i = 0; i < mMonthDays; i++) {
      Cell cell = new Cell();
      cell.setDay((i + 1) + "");
      cell.setMonth((month + 1) + "月");
      if (i + 1 == day) {
        cell.setmCurrDay(day);
        todayPos = day;
      }
      listData.add(cell);
    }
    return listData;
  }

  private void setSelectYearMonth(int year, int month, int day) {
    mSelYear = year;
    mSelMonth = month;
    mSelDay = day;
}

/**
   * 通過(guò)年份和月份 得到當(dāng)月的日子
   *
   * @param year
   * @param month
   * @return
 */
  public int getMonthDays(int year, int month) {
    month++;
    switch (month) {
      case 1:
      case 3:
      case 5:
      case 7:
      case 8:
      case 10:
      case 12:
        return 31;
      case 4:
      case 6:
      case 9:
      case 11:
        return 30;
      case 2:
        if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) {
          return 29;
        } else {
          return 28;
        }
      default:
        return -1;
    }
}

GalleryAdapter

class GalleryAdapter extends RecyclerView.Adapter<GalleryAdapter.ViewHolder> {

  private LayoutInflater mInflater;
  private List<Cell> mDatas;
  /**
   * 用來(lái)記錄點(diǎn)擊的item
   */
  private int selectedPos;
  private boolean isClick;

  public GalleryAdapter(Context context, List<Cell> data) {
    mInflater = LayoutInflater.from(context);
    this.mDatas = data;
  }

  public void setList(List<Cell> data) {
    this.mDatas = data;
    isClick = false;
  }

  public static class ViewHolder extends RecyclerView.ViewHolder {
    public ViewHolder(View view) {
      super(view);
      tv1 = (TextView) view.findViewById(R.id.textView1);
      tv2 = (TextView) view.findViewById(R.id.textView2);
      linearLayout = (LinearLayout) view.findViewById(R.id.ll);
    }

    TextView tv1;
    TextView tv2;
    LinearLayout linearLayout;
  }

  @Override
  public int getItemCount() {
    return mDatas.size();
  }

  /**
   * 創(chuàng)建ViewHolder
   */
  @Override
  public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
    View view = mInflater.inflate(R.layout.cell, null);
    ViewHolder viewHolder = new ViewHolder(view);
    return viewHolder;
  }

  /**
   * 設(shè)置值
   */
  @Override
  public void onBindViewHolder(final ViewHolder viewHolder, final int i) {

    if (!isClick) {
      selectedPos = Integer.valueOf(mDatas.get(i).getmCurrDay());
      selectedPos -= 1;
    }

    viewHolder.tv1.setText(mDatas.get(i).getDay());
    viewHolder.tv2.setText(mDatas.get(i).getMonth());

    if (selectedPos == i) {
      viewHolder.linearLayout.setSelected(true);
    } else {
      viewHolder.linearLayout.setSelected(false);
    }

    //如果設(shè)置了回調(diào)，則設(shè)置點(diǎn)擊事件
    if (mOnItemClickLitener != null) {
      viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
          isClick = true;
          clearSelection(i);
          notifyDataSetChanged();
          String date = mDatas.get(i).getMonth() + mDatas.get(i).getDay();
          mOnItemClickLitener.onItemClick(viewHolder.itemView, i, date);
        }
      });
    }

  }

  public void clearSelection(int pos) {
    selectedPos = pos;
  }

  private OnItemClickLitener mOnItemClickLitener;

  public interface OnItemClickLitener {
    void onItemClick(View view, int position, String date);
  }

  public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) {
    this.mOnItemClickLitener = mOnItemClickLitener;
}

給左右的ImageView設(shè)置點(diǎn)擊事件

 ivLeft.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        data.clear();
        data.addAll(onLeftClick(mSelYear, mSelMonth, mSelDay));
        mAdapter.setList(data);
        mAdapter.notifyDataSetChanged();
        mRecyclerView.scrollToPosition(0);
      }
    });

  ivRight.setOnClickListener(new OnClickListener() {
      @Override
      public void onClick(View v) {
        data.clear();
        data.addAll(onRightClick(mSelYear, mSelMonth, mSelDay));
        mAdapter.setList(data);
        mAdapter.notifyDataSetChanged();
        mRecyclerView.scrollToPosition(0);
      }
    });

 /**
   * 左點(diǎn)擊，日歷向后翻頁(yè)
   */
  public List<Cell> onLeftClick(int mSelYear, int mSelMonth, int mSelDay) {
    int year = mSelYear;
    int month = mSelMonth;
    int day = mSelDay;

    if (month == 0) {//若果是1月份，則變成12月份
      year = mSelYear - 1;
      month = 11;
    } else if (getMonthDays(year, month) == day) {
      //如果當(dāng)前日期為該月最后一點(diǎn)，當(dāng)向前推的時(shí)候，就需要改變選中的日期
      month = month - 1;
      day = getMonthDays(year, month);
    } else {
      month = month - 1;
    }

    return init(year, month, day, 1);
  }

  /**
   * 右點(diǎn)擊，日歷向后翻頁(yè)
   */
  public List<Cell> onRightClick(int mSelYear, int mSelMonth, int mSelDay) {
    int year = mSelYear;
    int month = mSelMonth;
    int day = mSelDay;
    if (month == 11) {//若果是12月份，則變成1月份
      year = mSelYear + 1;
      month = 0;
    } else if (getMonthDays(year, month) == day) {
      //如果當(dāng)前日期為該月最后一點(diǎn)，當(dāng)向前推的時(shí)候，就需要改變選中的日期
      month = month + 1;
      day = getMonthDays(year, month);
    } else {
      month = month + 1;
    }
    return init(year, month, day, 1);
}

給adapter設(shè)置item的點(diǎn)擊事件

mAdapter.setOnItemClickLitener(new GalleryAdapter.OnItemClickLitener() {
      @Override
      public void onItemClick(View view, int position, String date) {
        Toast.makeText(context.getApplicationContext(), date, Toast.LENGTH_SHORT).show();
      }
    });

以上完成后即可在activity中使用

<com.lzz.lzzsdk.widget.calenadrView.LRCalendarView
  android:id="@+id/bottom_bar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"/>

大功告成。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: