当前位置: 开发笔记 > Android > 正文

Android使用GridLayout绘制自定义日历控件

作者：止水若境 | 来源：互联网 | 2022-01-14 14:45

这篇文章主要为大家详细介绍了Android使用GridLayout绘制自定义日历控件的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

效果图

思路：就是先设置Gridlayout的行列数，然后往里面放置一定数目的自定义日历按钮控件，最后实现日历逻辑就可以了。

步骤：

第一步：自定义日历控件（初步）

第二步：实现自定义单个日期按钮控件

第三步：将第二步得到的控件动态添加到第一步的布局中，并实现日期逻辑

第四步：编写单个日期点击监听器接口

第一步：自定义日历控件（初步）

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>


  

    

      

        

        

        

        

      

    

    

      
      <--!自定义的单个日历按钮控件就放在这里-->

package com.包名.myCalendarView;

import java.util.Calendar;
import java.util.Date;

import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.widget.GridLayout;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.xuy849.utils.Info;
import com.xuy849.weightapp.R;

public class MyCalendar extends LinearLayout implements OnClickListener{
 Context context;
 TextView tv_yearAndMonth;
 ImageButton ib_pre;
 ImageButton ib_next;
 ImageButton ib_back;
 GridLayout gl_calendar;
 View view;
 CalendarButton buttons[];
 int sideLength;
 String week[] = {"日","一","二","三","四","五","六"};
 Date date;
 Calendar calendar;
 int year,month,day;
 int res;
 
 public MyCalendar(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }

 public MyCalendar(Context context, AttributeSet attrs) {
 super(context, attrs);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }

 public MyCalendar(Context context) {
 super(context);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }
 
 private void init(){
 this.view = LayoutInflater.from(context).inflate(R.layout.my_calendar_view, this);
 
 
 }
}

效果图：（请无视ListView）

第二步：自定义单个日期按钮控件

<&＃63;xml version="1.0" encoding="utf-8"&＃63;>

package com.包名.myCalendarView;

import java.util.Date;

import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.xuy849.utils.Info;
import com.xuy849.weightapp.R;


class CalendarButton extends LinearLayout{

 Context context;
 TextView tv_date;
 TextView tv_data;
 ImageView iv_note;
 LinearLayout ll_container;
 View view;
 Date date;
 
 public CalendarButton(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }

 public CalendarButton(Context context, AttributeSet attrs) {
 super(context, attrs);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }
 
 public void setTotalEnable(boolean b){
 this.setEnabled(b);
 }

 public CalendarButton(Context context) {
 super(context);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 
 }
 
 public void setDate(Date date){
 this.date = date;
 }

 public Date getDate(){
 return this.date;
 }
 
 private void init(){
 view = LayoutInflater.from(context).inflate(R.layout.date_button, this);
 
 //findViewById
 tv_date =(TextView)view.findViewById(R.id.textView1);
 tv_data = (TextView)view.findViewById(R.id.textView2);
 iv_note = (ImageView)view.findViewById(R.id.imageView1);
 ll_cOntainer= (LinearLayout)view.findViewById(R.id.linearLayout01);
 
 }
 
 public void setDateText(String text){
 tv_date.setText(text);
 }
 
 public void setDateTextColor(int color){
 tv_date.setTextColor(color);
 }
 }
 
}

效果图：

第三步：将第二步得到的控件在java代码中添加到第一步的布局中，并添加相关逻辑

package com.包名.myCalendarView;

import java.util.Calendar;
import java.util.Date;

import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.widget.GridLayout;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.xuy849.utils.Info;
import com.xuy849.weightapp.R;

public class MyCalendar extends LinearLayout implements OnClickListener{
 Context context;
 TextView tv_yearAndMonth;
 ImageButton ib_pre;
 ImageButton ib_next;
 ImageButton ib_back;
 GridLayout gl_calendar;
 View view;
 CalendarButton buttons[];
 int sideLength;
 String week[] = {"日","一","二","三","四","五","六"};
 Date date;
 Calendar calendar;
 int year,month,day;
 int res;
 
 public MyCalendar(Context context, AttributeSet attrs, int defStyle) {
 super(context, attrs, defStyle);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }

 public MyCalendar(Context context, AttributeSet attrs) {
 super(context, attrs);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }

 public MyCalendar(Context context) {
 super(context);
 
 this.cOntext= context;
 // TODO Auto-generated constructor stub
 
 init();
 }
 
 private void init(){
 this.view = LayoutInflater.from(context).inflate(R.layout.my_calendar_view, this);
 
 WindowManager ww = (WindowManager)getContext().getSystemService(Context.WINDOW_SERVICE);
 sideLength = ww.getDefaultDisplay().getWidth()/Info.COLUMN_COUNT;
 
 //
 myFindViewById();
 
 //初始化日历按钮布局
 initCalendarLayout();
 
 //初始化按钮点击事件
 initButton();
 
 }
 
 private void initButton(){
 ib_pre.setOnClickListener(this);
 ib_next.setOnClickListener(this);
 ib_back.setOnClickListener(this);
 }
 
 private void myFindViewById(){
 tv_yearAndMOnth= (TextView)view.findViewById(R.id.textView1);
 ib_pre = (ImageButton)view.findViewById(R.id.imageButton2);
 ib_next = (ImageButton)view.findViewById(R.id.imageButton3);
 ib_back = (ImageButton)view.findViewById(R.id.imageButton1);
 gl_calendar =(GridLayout)view.findViewById(R.id.gridLayout01);
 
 //
 buttOns= new CalendarButton[Info.COLUMN_COUNT*Info.ROW_COUNT];
 
 }
 
  //根据传递过来的calendar，绘制当月的日历视图
  private void initCalendar(Calendar calendar){
 int year = calendar.get(Calendar.YEAR);
 int mOnth= (calendar.get(Calendar.MONTH)+1);
 int date = calendar.get(Calendar.DATE);
 
 //设置标题
 String todayStr = String.format("%04d年%02d月", calendar.get(Calendar.YEAR),(calendar.get(Calendar.MONTH)+1));
 tv_yearAndMonth.setText(todayStr);
 
 //
 calendar.set(Calendar.DAY_OF_MONTH, 1);
 int currentMOnthFirstDateInWeek= calendar.get(Calendar.DAY_OF_WEEK)-1;
 calendar.set(Calendar.DAY_OF_MONTH, date);
 int currentMOnthDaysSum= calendar.getActualMaximum(Calendar.DAY_OF_MONTH);
 
 calendar.roll(Calendar.MONTH, -1);
 int lastMOnthDaysSum= calendar.getActualMaximum(Calendar.DAY_OF_MONTH);
 int i;
 calendar.roll(Calendar.MONTH, 1);
 
 Log.w("月", currentMonthDaysSum+"天");
 Log.w("上月", lastMonthDaysSum +"天");
 
 /*
  * 设置日期
  */
 //设置本月
 Log.w("currentMonthFirstDateInWeek",currentMonthFirstDateInWeek+"");
 Log.w("currentMonthFirstDateInWeek%7111",currentMonthDaysSum+currentMonthFirstDateInWeek%7+"");
 
 for(i=currentMonthFirstDateInWeek%7+7;i<=(currentMonthDaysSum+currentMonthFirstDateInWeek%7+7-1)&&i

第四步：编写单个日期点击监听器接口

在第三步中添加方法：

//设置下标是index的日期按钮的点击事件监听器
public void setOnClickButtonListener(OnClickListener l,int index){ 
 buttons[index].setOnClickListener(l);
 }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

xml
android

推荐阅读

xml
kotlin动画实现上下移动、放大缩小、旋转功能

本文介绍了使用kotlin实现动画效果的方法，包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果，并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例，可以用来实现放大缩小的效果。 ... [详细]

蜡笔小新 2023-12-14 17:29:08
xml
android listview OnItemClickListener失效原因

最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 14:25:50
xml
Alink回归预测的不完善问题及期待

本文讨论了Alink回归预测的不完善问题，指出目前主要针对Python做案例，对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法，以及Maven的相关知识。最后，对Alink回归预测的未来发展提出了期待。 ... [详细]

蜡笔小新 2023-12-14 14:25:33
xml
如何在Android中通过代码更改Recycler视图项的背景颜色

本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断，可以实现根据条件改变背景颜色的效果。同时，还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]

蜡笔小新 2023-12-14 12:45:01
java
Hibernate基础映射

在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]

蜡笔小新 2023-12-14 10:57:47
xml
SpringBoot集成前端模版（thymeleaf）的配置步骤

本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。 ... [详细]

蜡笔小新 2023-12-14 10:11:46
java
XML介绍与使用的概述及标签规则

本文介绍了XML的基本概念和用途，包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则，包括标签的尖括号和合法标识符的组成，标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读，读者可以对XML的基本知识有一个全面的了解。 ... [详细]

蜡笔小新 2023-12-13 17:39:50
android
HDU 2372 El Dorado（DP）的最长上升子序列长度求解方法

本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法，通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]

蜡笔小新 2023-12-14 15:08:18
java
Android中高级面试必知必会，积累总结

本文介绍了Android中高级面试的必知必会内容，并总结了相关经验。文章指出，如今的Android市场对开发人员的要求更高，需要更专业的人才。同时，文章还给出了针对Android岗位的职责和要求，并提供了简历突出的建议。 ... [详细]

蜡笔小新 2023-12-14 14:53:02
java
求解hdu 1003 java题目的动态规划优化方法

本文讨论了如何优化解决hdu 1003 java题目的动态规划方法，通过分析加法规则和最大和的性质，提出了一种优化的思路。具体方法是，当从1加到n为负时，即sum(1,n)sum(n,s)，可以继续加法计算。同时，还考虑了两种特殊情况：都是负数的情况和有0的情况。最后，通过使用Scanner类来获取输入数据。 ... [详细]

蜡笔小新 2023-12-14 13:11:00
android
C#之数据集：DataSet对象的使用及相关方法详解

本文介绍了C#中数据集DataSet对象的使用及相关方法详解，包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成，以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读，读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]

蜡笔小新 2023-12-14 12:09:13
java
OC学习笔记之@property和@synthesize

本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]

蜡笔小新 2023-12-14 12:05:06
java
Mac OS 升级到11.2.2 Eclipse打不开了，报错Failed to create the Java Virtual Machine

本文介绍了在Mac OS升级到11.2.2版本后，使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 12:01:13
android
baresip android编译、运行教程1语音通话

本文介绍了如何在安卓平台上编译和运行baresip android，包括下载相关的sdk和ndk，修改ndk路径和输出目录，以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]

蜡笔小新 2023-12-14 10:53:48
android
【Windows】实现微信双开或多开的方法及步骤详解

本文介绍了在Windows系统下实现微信双开或多开的方法，通过安装微信电脑版、复制微信程序启动路径、修改文本文件为bat文件等步骤，实现同时登录两个或多个微信的效果。相比于使用虚拟机的方法，本方法更简单易行，适用于任何电脑，并且不会消耗过多系统资源。详细步骤和原理解释请参考本文内容。 ... [详细]

蜡笔小新 2023-12-14 10:52:27

止水若境

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章