自定义日历控件背景样式

#自定义日历控件的使用

一．DatePicker日期选择类的使用
DatePicker常用xml属性：

XML属性	描述
android:calendarViewShown	设置该日期选择是否显示CalendarView组件。
android:endYear	设置日期选择器允许选择的最后一年
android:maxDate	设置该日期选择器的最大日期。以mm/dd/yyyy格式指定最大日期
android:minDate	设置该日期选择器的最小日期。以mm/dd/yyyy格式指定最小日期。
android:spinnersShown	设置该日期选择器是否显示Spinner日期选择组件。
android:startYear	设置日期选择器允许选择的第一年。

自定义布局文件xml展示： item_data_picker

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@mipmap/dialog_bg"android:orientation="vertical"android:padding="@dimen/dp_20"><TextViewandroid:layout_width="220dp"android:layout_height="45dp"android:layout_gravity="center_horizontal"android:background="@mipmap/icon_dialog_title_bg"android:gravity="center"android:padding="10dp"android:text="选择日期"android:textColor="@color/white"android:textSize="@dimen/sp_18"android:textStyle="bold" /><DatePickerandroid:id="@+id/date_picker"android:layout_width="match_parent"android:layout_height="200dp"android:background="@null"android:calendarTextColor="@color/white"android:calendarViewShown="false"android:datePickerMode="spinner"android:theme="@style/MyDatePicker"android:yearListSelectorColor="@color/white" /><androidx.appcompat.widget.LinearLayoutCompatandroid:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="@dimen/dp_20"android:orientation="horizontal"><TextViewandroid:id="@+id/tv_data_cancel"android:layout_width="60dp"android:layout_height="35dp"android:layout_marginEnd="@dimen/dp_10"android:layout_weight="1"android:background="@mipmap/icon_dialog_bt_bg"android:gravity="center"android:text="取消"android:textColor="@color/white"android:textSize="@dimen/sp_16" /><TextViewandroid:id="@+id/tv_data_sure"android:layout_width="60dp"android:layout_height="35dp"android:layout_marginStart="@dimen/dp_10"android:layout_weight="1"android:background="@mipmap/icon_dialog_bt_bg"android:gravity="center"android:text="确定"android:textColor="@color/white"android:textSize="@dimen/sp_16" /></androidx.appcompat.widget.LinearLayoutCompat></LinearLayout>

这里关键代码是设置DataPicker主题颜色为白色：
在style中自定义：

<style name="MyDatePicker" parent="Theme.AppCompat.Light.NoActionBar"><item name="android:textColorPrimary">@color/white</item></style>

然后通过：

 android:theme="@style/MyDatePicker"

引入

对应图片：

接下来是通过AlertDialog对其进行加载：

AlertDialog.Builder builder = new AlertDialog.Builder(context);final View view = LayoutInflater.from(context).inflate(R.layout.item_data_picker, null);final DatePicker datePicker = view.findViewById(R.id.date_picker);final TextView textView = view.findViewById(R.id.tv_data_sure);final TextView mTvCancel = view.findViewById(R.id.tv_data_cancel);datePicker.setMaxDate(new Date().getTime());//设置日期的上限日期datePicker.setMinDate(lastMonth.getTime());//设置日期的下限日期builder.setView(view);AlertDialog alertDialog = builder.create();alertDialog.show();mTvCancel.setOnClickListener(v -> alertDialog.cancel());textView.setOnClickListener(v -> {//数据回调：显示在自己想要的位置mTvTime.setText(datePicker.getYear() + "-" + (datePicker.getMonth() + 1) + "-" + datePicker.getDayOfMonth());alertDialog.cancel();});//设置日历间隔线的颜色DataPickerDivderUtils.setDataPickerDivderColor(datePicker, context.getResources().getColor(R.color.color00FFFF));//设置dialog的背景色为透明 ，dialog有个初始背景，view是叠加在上面的，如果不这样加载，则无法正常显示Objects.requireNonNull(alertDialog.getWindow()).setBackgroundDrawableResource(android.R.color.transparent);

上述代码主要是加载自定义的view，到这儿差不多就已经实现了自己想要的背景样式
下面是设置dataPicker 间隔线颜色辅助类
DataPickerDivderUtils

package com.tofly.gygps.uitils;import android.content.res.Resources;
import android.graphics.drawable.ColorDrawable;
import android.widget.DatePicker;
import android.widget.LinearLayout;
import android.widget.NumberPicker;import java.lang.reflect.Field;//设置dataPicker 间隔线颜色辅助类
public class DataPickerDivderUtils {public static void setDataPickerDivderColor(DatePicker datePicker,int color){// Divider changing:// 获取 mSpinnersLinearLayout llFirst = (LinearLayout) datePicker.getChildAt(0);// 获取 NumberPickerLinearLayout mSpinners = (LinearLayout) llFirst.getChildAt(0);for (int i = 0; i < mSpinners.getChildCount(); i++) {NumberPicker picker = (NumberPicker) mSpinners.getChildAt(i);Field[] pickerFields = NumberPicker.class.getDeclaredFields();for (Field pf : pickerFields) {if (pf.getName().equals("mSelectionDivider")) {pf.setAccessible(true);try {pf.set(picker, new ColorDrawable(color));//设置分割线颜色} catch (IllegalArgumentException | Resources.NotFoundException | IllegalAccessException e) {e.printStackTrace();}break;}}}}
}

日历弹窗工具类完整代码如下：

package com.tofly.gygps.uitils;import android.annotation.SuppressLint;
import android.app.AlertDialog;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.DatePicker;
import android.widget.TextView;import com.tofly.gygps.R;import java.util.Calendar;
import java.util.Date;
import java.util.Objects;/*** @ClassName:      DataPickerUtils* @Description:    日历弹窗工具类* @Author:         Rivan* @CreateDate:     2020/9/14 0:20* @UpdateDate:     2020/9/14 0:20*/
public class DataPickerUtils {@SuppressLint("SetTextI18n")public static void createDataPicker(Context context, TextView mTvTime){Calendar ca = Calendar.getInstance();//得到一个Calendar的实例ca.setTime(new Date());// 设置最小时间为当前年份-1ca.add(Calendar.YEAR, -1);// 年份减1Date lastMonth = ca.getTime(); //结果AlertDialog.Builder builder = new AlertDialog.Builder(context);final View view = LayoutInflater.from(context).inflate(R.layout.item_data_picker, null);final DatePicker datePicker = view.findViewById(R.id.date_picker);final TextView textView = view.findViewById(R.id.tv_data_sure);final TextView mTvCancel = view.findViewById(R.id.tv_data_cancel);datePicker.setMaxDate(new Date().getTime());//设置日期的上限日期为当前日期datePicker.setMinDate(lastMonth.getTime());//设置日期的下限日期builder.setView(view);AlertDialog alertDialog = builder.create();alertDialog.show();mTvCancel.setOnClickListener(v -> alertDialog.cancel());textView.setOnClickListener(v -> {mTvTime.setText(datePicker.getYear() + "-" + (datePicker.getMonth() + 1) + "-" + datePicker.getDayOfMonth());alertDialog.cancel();});DataPickerDivderUtils.setDataPickerDivderColor(datePicker, context.getResources().getColor(R.color.color00FFFF));Objects.requireNonNull(alertDialog.getWindow()).setBackgroundDrawableResource(android.R.color.transparent);}
}

最终实现效果：

自定义日历控件背景样式相关推荐

自定义日历控件Calendar样式
日历样式,图放上来了,之后补充下讲解吧默认样式显示是"标题年月+显示日",图1右箭头是鼠标附上去时的颜色. 点击顶上的标题,"标题年月+显示日"切换为&quo ...
自定义日历控件，可以根据需求定制属于自己的日历
自定义日历控件,可以根据需求定制属于自己的日历效果图最近笔者的朋友需要写一个关于考勤的日历,效果如下,但在网上找了半天都找不到合适的,于是乎就向笔者求助,笔者本来觉得在晚上随便找个日历demo,然 ...
java自定义日历控件_【无私分享】修订版干货！！！一个炫酷的自定义日历控件，摆脱日历时间选择烦恼，纯福利~...
可能不少的小伙伴都有看楼主昨天发的自定义日历控件,虽然实现功能不多,但也还算将就吧. 但是看了的小伙伴就很心急了,说楼主上传到gitHub的东西有问题,楼主下载来看了看,基本都没问题吧,没弄好的小伙伴 ...
【无私分享】修订版干货！！！一个炫酷的自定义日历控件，摆脱日历时间选择烦恼，纯福利~...
可能不少的小伙伴都有看楼主昨天发的自定义日历控件,虽然实现功能不多,但也还算将就吧. 没有看的小伙伴如果有兴趣的话可以去看看:http://www.cnblogs.com/liushilin/p/57 ...
Android自定义日历控件，自带农历节假日，已经开源，即取即用~
关注本人的更多博客:http://www.cnblogs.com/liushilin/ 该自定义日历控件已经开源:github地址可能不少的小伙伴都有看楼主昨天发的自定义日历控件,虽然实现功能不多, ...
android+高仿+日历,android高仿钉钉和小米的自定义日历控件（支持阴历和阳历，左右无限翻页viewpager）...
收藏 0 简介这是一个高仿钉钉和小米的日历控件,支持快速滑动,界面缓存.想要定制化UI,使用起来非常简单,就像使用ListView一样一些特点: 可以自定义日历控件UI 支持快速滑动支持农历和阳 ...
android程序日历layout,Android使用GridLayout绘制自定义日历控件
效果图思路:就是先设置Gridlayout的行列数,然后往里面放置一定数目的自定义日历按钮控件,最后实现日历逻辑就可以了. 步骤: 第一步:自定义日历控件(初步) 第二步:实现自定义单个日期按钮控件 ...
Calendar 自定义日历控件
CalendarView 介绍代码地址:https://github.com/09xuanjian/CalendarView 这是一个日历控件,很多时候我们需要把一些信息通过时间戳的方式展示给用户. ...
【无私分享】干货！！！一个炫酷的自定义日历控件，摆脱日历时间选择烦恼，纯福利~...
最近公司项目中有一个按日期查看信息的功能,楼主本想用之前用的wheelView将就使用的,不过产品经理有个新要求,就是点击按钮弹出的日期选择对话框必须显示农历节假日,周几什么的.这可就难为人了,倘若使 ...

自定义日历控件背景样式

#自定义日历控件的使用

自定义日历控件背景样式相关推荐

最新文章

热门文章