Android自定義日歷滑動(dòng)控件
本文實(shí)例為大家分享了Android自定義日歷滑動(dòng)控件的使用方法,供大家參考,具體內(nèi)容如下
最近公司項(xiàng)目需要做這個(gè)需求,自己才疏學(xué)淺,總算能寫出個(gè)大概來,遂在這里記錄下來。
分析
先來分析一下:
首先,我們的需求是可以左右點(diǎn)擊查看跳轉(zhuǎn)到下一個(gè)月,中間的日歷控件可以水平滾動(dòng)選擇日期,所以我們中間的日歷控件用一個(gè)RecycleView來做,左右兩位的為ImageVeiw。
LRCalendarView 總體流程:
- 編寫LRCalendarView的布局R.layout.calendar_view
- 新建類LRCalendarView繼承LinearLayout
- LRCalendarView添加布局R.layout.calendar_view
- 數(shù)據(jù)初始化
- 構(gòu)建GalleryAdapter
- 給RecycleView設(shè)置GalleryAdapter并且給左右按鈕添加點(diǎn)擊事件
- 處理左右日歷翻頁邏輯
- 按需要給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; } }
接下來都是獲取日期數(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; }
/** * 通過年份和月份 得到當(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; /** * 用來記錄點(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)擊,日歷向后翻頁 */ 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)擊,日歷向后翻頁 */ 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"/>
大功告成。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android實(shí)現(xiàn)可滑動(dòng)的自定義日歷控件
- Android實(shí)現(xiàn)帶簽到贏積分功能的日歷
- Android可簽到日歷控件的實(shí)現(xiàn)方法
- 基于Android week view仿小米和iphone日歷效果
- Android自定義可標(biāo)記日歷效果
- Android自定義控件實(shí)現(xiàn)可多選課程日歷CalendarView
- Android 一個(gè)日歷控件的實(shí)現(xiàn)代碼
- Android實(shí)現(xiàn)自定義日歷
- android 開發(fā)教程之日歷項(xiàng)目實(shí)踐(一)
- Android自定義日歷效果
相關(guān)文章
深入了解Android Okio的超時(shí)機(jī)制
Okio是一個(gè)IO庫,底層基于Java原生的輸入輸出流實(shí)現(xiàn)。但原生的輸入輸出流并沒有提供超時(shí)的檢測機(jī)制。而Okio實(shí)現(xiàn)了這個(gè)功能,本文就來為大家詳細(xì)講講2023-02-02功能強(qiáng)大的登錄界面Android實(shí)現(xiàn)代碼
這篇文章主要為大家分享了功能強(qiáng)大的登錄界面Android實(shí)現(xiàn)代碼,驗(yàn)證碼制作方法,自帶一鍵刪除功能,用戶名密碼為空時(shí)抖動(dòng)提示效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10Android Studio實(shí)現(xiàn)發(fā)短信功能
這篇文章主要介紹了Android Studio實(shí)現(xiàn)發(fā)短信功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-06-06Android自定義View實(shí)現(xiàn)餅狀圖帶動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了Android自定義View實(shí)現(xiàn)餅狀圖帶動(dòng)畫效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12OpenGL Shader實(shí)例分析(3)等待標(biāo)識(shí)效果
這篇文章主要介紹了OpenGL Shader實(shí)例分析第3篇,等待標(biāo)識(shí)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-02-02Android Flutter自適應(yīng)瀑布流案例詳解
這篇文章主要介紹了Android Flutter自適應(yīng)瀑布流案例詳解,本篇文章通過簡要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09Android開發(fā)之開發(fā)者頭條(二)實(shí)現(xiàn)左滑菜單
本文給大家介紹Android開發(fā)之開發(fā)者頭條(二)實(shí)現(xiàn)左滑菜單,主要用android自帶的DrawerLayout控件實(shí)現(xiàn)的此功能,具體實(shí)現(xiàn)過程請參考下本文2016-04-04Android指紋識(shí)別認(rèn)識(shí)和基本使用詳解
這篇文章主要為大家詳細(xì)介紹了Android指紋識(shí)別認(rèn)識(shí)和基本的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-07-07Android自定義View實(shí)現(xiàn)體重表盤詳解流程
對于安卓程序員來說,自定義view簡直不要太重要,畢竟有很多功能,譬如圓形頭像這些,用單純的原生非常難以實(shí)現(xiàn),而用自定義view,簡直分分鐘2021-11-11