NCalendar日历的封装使用

前言

Android开发过程中,我们经常会遇到需要选择日期的问题。今天基于NCalendar库封装了一个DatePopHelper帮助类,以达到快速实现日期选择的目的。下面就来讲讲DatePopHelper的使用吧。

今天涉及知识:

  1. NCalendar库依赖
  2. NCalendar基本使用的简单介绍
  3. DatePopHelper使用前的一些准备
  4. DatePopHelper使用介绍
  5. DatePopHelperActivity中使用
  6. 效果图及项目结构图
  7. DatePopHelper布局及源码

先来波效果图


1.gif

一. NCalendar 库依赖

DatePopHelper的封装基于NCalendar库,所以我们要添加NCalendar库依赖, 在app_modulebuild.gradle中添加如下依赖:

dependencies {
    //NCalendar库依赖
    implementation 'com.necer.ncalendar:ncalendar:5.0.1'
}

二. NCalendar 基本使用的简单介绍

NCalendar库是一个基于日历选择的库,其使用方法很多。详细的大家可以去官网中自己看,这里我只做简单的介绍。
NCalendar库中的日期控件封装在DatePopHelper类中,DatePopHelper类会加载一个自定义布局date_pop.xml,在date_pop.xml中我们这样加入日历控件:

    <com.necer.calendar.MonthCalendar
        android:id="@+id/mCalendar"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@+id/mViewLine"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        app:solarTextBold="true"
        app:todayCheckedSolarTextColor="@color/white"
        app:todayUnCheckedSolarTextColor="@color/blue"
        app:todayCheckedBackground="@drawable/tc_bg"
        app:defaultCheckedBackground="@drawable/tuc_bg"
        app:todayCheckedLunarTextColor="@color/white"
        app:todayUnCheckedLunarTextColor="@color/red"
        app:defaultCheckedLunarTextColor="@color/blue"
        app:defaultUnCheckedLunarTextColor="@color/black"/>

其中主要的几个属性如下:

app:solarTextBold      //公历字体是否加粗
app:todayCheckedSolarTextColor    //今天选中的公历字体颜色
app:todayUnCheckedSolarTextColor   //今天不选中的公历字体颜色
app:todayCheckedBackground  //今天选中的背景 drawable(xml中需写明size属性)
app:defaultCheckedBackground    //其他日期选中的背景 drawable(xml中需写明size属性)
app:todayCheckedLunarTextColor  //今天选中时农历颜色
app:todayUnCheckedLunarTextColor  //今天不选中时农历颜色
app:defaultCheckedLunarTextColor    //  默认选中时农历颜色
app:defaultUnCheckedLunarTextColor  //默认不选中时农历颜色

MonthCalendar控件还有两个比较重要的方法:

//日历选择模式
setCheckMode(CheckModel checkModel)

//设置初始化日期和可用区间  必须为 yyyy-MM-dd 的字符串
//startFormatDate:日期区间之开始日期 
//endFormatDate:日期区间之结束日期 
//formatInitializeDate:当前日期
setDateInterval(String startFormatDate, String endFormatDate, String formatInitializeDate)

ok, 日历控件MonthCalendar的基本介绍就到这里了。

三. DatePopHelper使用前的一些准备

3.1 布局中的背景文件

上文已经介绍到DatePopHelper中加载了一个布局date_pop.xml,然后此布局中的MonthCalendar控件会涉及到两个drawable文件:tc_bg.xmltuc_bg.xml
下面贴出tc_bg.xml文件代码:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <stroke
        android:width="1dp"
        android:color="@color/blue"/>

    <solid android:color="@color/blue"/>

    <size
        android:width="46dp"
        android:height="46dp"/>
</shape>

接着贴出tuc_bg.xml文件代码:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <stroke
        android:width="2dp"
        android:color="@color/blue"/>

    <size
        android:width="46dp"
        android:height="46dp"/>
</shape>

色值的话大家自己按需要处理下就行,我使用的是纯蓝色。

3.2 PopupWindow显示和隐藏的动画效果

从效果图中可以看到,弹窗显示隐藏的时候有一个动画效果。这是利用PopupWindow

setAnimationStyle(int animationStyle)

方法实现的。首先我们需要在 /res/values/styles.xml 文件中建一个动画的Style,命名为:PopupAnimation,具体代码如下:

    <style name="PopupAnimation" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/pop_enter_anim</item>
        <item name="android:windowExitAnimation">@anim/pop_exit_anim</item>
    </style>

然后在项目的 res/anim/文件夹下新建pop_enter_anim.xmlpop_exit_anim.xml。若/res/文件夹下无anim文件夹的话,需要自行创建,且文件夹名一定要是anim
下面贴出pop_enter_anim.xml代码:

<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="200"
        android:fromYDelta="100%p"
        android:toYDelta="0" />
    <alpha
        android:duration="200"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

pop_exit_anim.xml文件代码如下:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="200"
        android:fromYDelta="0"
        android:toYDelta="50%p" />
    <alpha
        android:duration="200"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />
</set>

至此, DatePopHelper帮助类使用前的准备基本完成。接下来,让我们了解下DatePopHelper的简单使用。

四. DatePopHelper 使用介绍

DatePopHelper的使用非常简单。先要在Activity中来初始化它:

    //声明
    private DatePopHelper mPopHelper;

    //初始化
    mPopHelper=new DatePopHelper(MainActivity.this);

你可以通过DatePopHelper来获取今天的日期:

     //获取今天的日期
     mPopHelper.getDate()

获得日历中选择的日期:

                mPopHelper.showDatePop(mRootLayout, dateString, new DatePopHelper.OnConfirmListener() {
                    @Override
                    public void show(boolean show) {
                        //弹出和消失的处理
                        if(show){
                            LogUtil.i("=====弹出时的处理====");
                       }else{
                            LogUtil.i("=====消失时的处理====");
                        }
                    }

                    @Override
                    public void confirm(String chooseDate) {
                        ToastUtil.shortShow("选中日期: "+chooseDate);
                        //设置显示
                        mTv.setText(chooseDate);
                    }
                });

其中mRootLayout为当前界面的根布局,dateString为弹出pop时显示的日期(日期格式为yyyy-MM-dd)。在OnConfirmListener监听中有两个方法。其中show(boolean show)可以监听弹窗显示和消失时的处理。show==true时处理弹窗显示瞬间的逻辑,show==false时处理弹窗消失瞬间的逻辑。
confirm(String chooseDate)则是获取选中的日期。

五. DatePopHelper 在 Activity中使用

下面给出DatePopHelperActivity中使用代码:

public class MainActivity extends AppCompatActivity{

    private ConstraintLayout mRootLayout;
    private TextView mTv;
    private Button mBtn;

    private DatePopHelper mPopHelper;

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

        LogUtil.setDebug(true);

        initView();
        initData();
        setListener();
    }

    private void initView() {
        mRootLayout = findViewById(R.id.root_layout);
        mTv = findViewById(R.id.tv);
        mBtn = findViewById(R.id.btn);
    }

    private void initData() {
        mPopHelper=new DatePopHelper(MainActivity.this);
        //设置界面日期显示
        mTv.setText(mPopHelper.getDate());
    }

    private void setListener() {
        mBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String dateString=mTv.getText().toString();
                mPopHelper.showDatePop(mRootLayout, dateString, new DatePopHelper.OnConfirmListener() {
                    @Override
                    public void show(boolean show) {
                        //弹出和消失的处理
                        if(show){
                            LogUtil.i("=====弹出时的处理====");
                       }else{
                            LogUtil.i("=====消失时的处理====");
                        }
                    }

                    @Override
                    public void confirm(String chooseDate) {
                        ToastUtil.shortShow("选中日期: "+chooseDate);
                        //设置显示
                        mTv.setText(chooseDate);
                    }
                });
            }
        });
    }


    @Override
    protected void onDestroy() {
        super.onDestroy();
    }
}

六. 效果图及项目结构图

效果图.gif

项目结构图.png

七. DatePopHelper布局及源码

还有 44% 的精彩内容
©著作权归作者所有,转载或内容合作请联系作者
支付 ¥3.00 继续阅读
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 224,467评论 6 522
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,079评论 3 402
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 171,600评论 0 366
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 60,835评论 1 300
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 69,848评论 6 399
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,348评论 1 314
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,735评论 3 428
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,705评论 0 279
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,238评论 1 324
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,268评论 3 345
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,395评论 1 354
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,012评论 5 350
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,704评论 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,177评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,309评论 1 275
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 49,925评论 3 381
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,457评论 2 365

推荐阅读更多精彩内容

  • 均属于笔记,仅供个人参考,有问题欢迎指正 PopupWindow使用小结: * 1,点击外围、返回键、自身控件使弹...
    f44148db1e8c阅读 5,981评论 0 0
  • written by leo.wang Android代码开发规范 1 类声明 1.1 只有一个顶级 类声明每个顶...
    Poseidon_Wang阅读 653评论 0 0
  • 最近项目中用到自定义日历组件,找来找去,最后发现GitHub的material-calendarview这个项目最...
    colin2017阅读 1,528评论 0 0
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,460评论 0 17
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,530评论 16 22