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

分类：Android作者：编程之家用户

效果图

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

步骤：

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

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

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

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

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

<?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="match_parent"
  android:orientation="vertical" >

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="55dp"
      android:orientation="vertical"
      android:background="@color/lightGreen" >

      <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <TextView
          android:id="@+id/textView1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerHorizontal="true"
          android:layout_centerVertical="true"
          android:textColor="@color/white"
          android:textSize="9pt"
          android:text="2016年10月" />

        <ImageButton
          android:id="@+id/imageButton1"
          android:layout_width="30dp"
          android:layout_height="20dp"
          android:layout_alignParentLeft="true"
          android:layout_centerVertical="true"
          android:layout_marginLeft="16dp"
          android:background="@drawable/back" />

        <ImageButton
          android:id="@+id/imageButton2"
          android:layout_width="20dp"
          android:layout_height="20dp"
          android:layout_alignTop="@+id/imageButton1"
          android:layout_centerVertical="true"
          android:layout_marginRight="16dp"
          android:layout_toLeftOf="@+id/textView1"
          android:background="@drawable/pre" />

        <ImageButton
          android:id="@+id/imageButton3"
          android:layout_width="18dp"
          android:layout_height="18dp"
          android:layout_centerVertical="true"
          android:layout_alignTop="@+id/textView1"
          android:layout_marginLeft="16dp"
          android:layout_toRightOf="@+id/textView1"
          android:background="@drawable/back11" />

      </RelativeLayout>

    </LinearLayout>

    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      android:layout_marginTop="10dp" >

      <GridLayout
        android:id="@+id/gridLayout01"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
      <--!自定义的单个日历按钮控件就放在这里-->
      </GridLayout>

    </LinearLayout>

    <ListView
      android:id="@+id/listView1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content" >
    </ListView>

  </LinearLayout>

</LinearLayout>


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）

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

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/background01"
  android:orientation="vertical" >

  <LinearLayout
    android:layout_width="wrap_content"
    android:id="@+id/linearLayout01"
    android:layout_height="wrap_content"
    android:background="@color/calendarBackground"
    android:orientation="vertical" 
    android:layout_marginBottom="1dp">

    <FrameLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent" >

      <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="invisible"
        android:src="@drawable/selected_date" />

      <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" 
        android:gravity="center">

        <TextView
          android:id="@+id/textView1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="8pt"
          android:text="20" />

        <TextView
          android:id="@+id/textView2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginTop="3dp"
          android:textColor="@color/blue"
          android:visibility="invisible"
          android:text="65.1" />

      </LinearLayout>

    </FrameLayout>

  </LinearLayout>

</LinearLayout>



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,defStyle);
 
 this.context = context;
 // TODO Auto-generated constructor stub
 
 init();
 }

 public CalendarButton(Context 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[] = {"日",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<Info.COLUMN_COUNT*Info.ROW_COUNT;i++){
  buttons[i].changeToState(Info.STATE_NORMAL_NORECORED);
  buttons[i].setDateText((i-currentMonthFirstDateInWeek%7-7+1)+"");
  buttons[i].setDateTextColor(Color.BLACK);
  buttons[i].setEnabled(true);
  buttons[i].setDate(new Date(year,i-(currentMonthFirstDateInWeek%7+7)+1));
 }
 
 //设置上一个月
 for(i=7;i<(currentMonthFirstDateInWeek%7+7)&&i<Info.COLUMN_COUNT*Info.ROW_COUNT;i++){
  buttons[i].changeToState(Info.STATE_NORMAL_NORECORED);
  buttons[i].setDateTextColor(Color.GRAY);
  buttons[i].setDateText(lastMonthDaysSum-(currentMonthFirstDateInWeek%7-i%7)+1+"");
  buttons[i].setEnabled(false);
 }
 
 //设置下一个月
 for(i =currentMonthDaysSum+currentMonthFirstDateInWeek%7+7;i<Info.ROW_COUNT*Info.COLUMN_COUNT;i++){
  buttons[i].changeToState(Info.STATE_NORMAL_NORECORED);
  buttons[i].setDateTextColor(Color.GRAY);
  buttons[i].setDateText((i-(currentMonthDaysSum+currentMonthFirstDateInWeek%7+7)+1)+"");
  buttons[i].setEnabled(false);
 }
 
 //设置当天
 if(year==this.year&&month==this.month&&day==this.day)
  buttons[date+currentMonthFirstDateInWeek%7+7-1].changeToState(Info.STATE_TODAY_NORECORED);
 
 //初始化界面
 if(res!=0)
  initLayout(res);
 
 }
 
 
 private void initCalendarLayout(){
 //设置行数，列数
 gl_calendar.setRowCount(Info.ROW_COUNT);
 gl_calendar.setColumnCount(Info.COLUMN_COUNT);
 
 
 /*
  * 添加按钮到布局
  */
 int i;
 int sum = Info.ROW_COUNT*Info.COLUMN_COUNT;
 
 //设置星期
 for(i=0;i<Info.COLUMN_COUNT;i++){
  buttons[i] = new CalendarButton(context);
  buttons[i].setDateText(week[i]);
  buttons[i].setLayoutParams(new LayoutParams(sideLength,sideLength));
  gl_calendar.addView(buttons[i],i);
  buttons[i].setEnabled(false);
 }
 
 for(i = Info.COLUMN_COUNT;i<sum;i++){
  buttons[i] = new CalendarButton(context);
  buttons[i].setDateText("55");
  buttons[i].setLayoutParams(new LayoutParams(sideLength,i);
 }
 
 
 //根据当月设置情况
 calendar = Calendar.getInstance();
 year = calendar.get(Calendar.YEAR);
 month = calendar.get(Calendar.MONTH)+1;
 day = calendar.get(Calendar.DATE);
 initCalendar(calendar);
 
 
 }

 @Override
 public void onClick(View v) {
 // TODO Auto-generated method stub
 switch(v.getId()){
 
 //上一个月
 case R.id.imageButton2:{
  calendar.roll(Calendar.MONTH,-1);
  initCalendar(calendar);
  break;
 }
 
 //下一个月
 case R.id.imageButton3:{
  calendar.roll(Calendar.MONTH,1);
  initCalendar(calendar);
  break;
 }
 }
 }
 
 public void setOnClickButtonListener(OnClickListener l,int index){ 
 buttons[index].setOnClickListener(l);
 }
 
 public Date getDate(int index){
 return buttons[index].getDate();
 }
 
 public void setData(float f,int index){
 buttons[index].tv_data.setText(String.format("%.1f",f));
 buttons[index].tv_data.setVisibility(TextView.VISIBLE);
 }
 
 public void initLayout(int res){
 switch(res){
 case Info.VIEW_WEIHT:{
  
  
  break;
 }
 
 default:{
  break;
 }
 }
 }
 
 public void setRes(int res){
 this.res = res;
 }
}

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

在第三步中添加方法：

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

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

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

更新Android SDK到3.0版本时，遇到Failed to rename directory E:androidtools to E:androidtempToolPackage.old01问题
更新Android SDK到3.0版本时，遇到Failed to rename directory E:\android\tools to E:\android\temp\ToolPackage.old01问题，导致无法更新，出现该问题的原因是由于3.0版本与较早的sdk版本之间文件结构有冲突，解决
Android 如何解决dialog弹出时无法捕捉Activity的back事件
Android 如何解决dialog弹出时无法捕捉Activity的back事件 在一些情况下，我们需要捕捉back键事件，然后在捕捉到的事件里写入我们需要进行的处理，通常可以采用下面三种办法捕捉到back事件： 1）重写onKeyDown或者onKeyUp方法 2）重写onBackPressed方
Android实现自定义带文字和图片的Button
Android实现自定义带文字和图片的Button 在Android开发中经常会需要用到带文字和图片的button，下面来讲解一下常用的实现办法。一.用系统自带的Button实现 最简单的一种办法就是利用系统自带的Button来实现，这种方式代码量最小。在Button的属性中有一个是drawable
Android中的"Unable to start activity ComponentInfo"或者"Unable to instantiate activity ComponentInfo"的错误
Android中的&quot;Unable to start activity ComponentInfo&quot;的错误 最近在做一款音乐播放器的时候，然后在调试的过程中发现一直报这个错误&quot;Unable to start activity ComponentInfo&quot;，从字面
Android 关于长按back键退出应用程序的实现
Android 关于长按back键退出应用程序的实现最近在做一个Android上的应用，碰到一个问题就是如何实现长按back键退出应用程序。在网上查找了很多资料，发现几乎没有这样的实现，大部分在处理时是双击back键来退出应用程序。参考了一下双击back键退出应用程序的代码，网上主流的一种方法是下面
android 可以精确到秒级的时间选择器
android自带的时间选择器只能精确到分，但是对于某些应用要求选择的时间精确到秒级，此时只有自定义去实现这样的时间选择器了。下面介绍一个可以精确到秒级的时间选择器。 先上效果图： 下面是工程目录： 这个控件我也是用的别人的，好像是一个老外写的，com.wheel中的WheelView是滑动控件的主
Android平台下利用zxing实现二维码开发
Android平台下利用zxing实现二维码开发 现在走在大街小巷都能看到二维码，而且最近由于项目需要，所以研究了下二维码开发的东西，开源的二维码扫描库主要有zxing和zbar，zbar在iPos平台上应用比较成熟，而在Android平台上主流还是用zxing库，因此这里主要讲述如何利用zxing
Android ListView的item背景色设置以及item点击无响应等相关问题
Android ListView的item背景色设置以及item点击无响应等相关问题 在Android开发中，listview控件是非常常用的控件，在大多数情况下，大家都会改掉listview的item默认的外观，下面讲解以下在使用listview时最常见的几个问题。1.如何改变item的背景色和按
如何向Android模拟器中导入含有中文名称的文件
如何向Android模拟器中导入含有中文名称的文件在进行Android开发的时候，如果需要向Android模拟器中导入文件进行测试，通过DDMS下手动导入或者在命令行下通过adb push命令是无法导入含有中文文件名的文件的。后来发现借用其他工具可以向模拟器中导入中文名称的文件，这个工具就是Ultr
Windows 下搭建Android开发环境
Windows 下搭建Android开发环境一．下载并安装JDK版本要求JDK1.6+，下载JDK成功后进行安装，安装好后进行环境变量的配置【我的电脑】-——&gt;【属性】——&gt;【高级】 ——&gt;【环境变量】——&gt;【系统变量】中点击【新建】：变量名：CLASSPATH变量值：……
如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题
如何利用PopupWindow实现弹出菜单并解决焦点获取以及与软键盘冲突问题 在android中有时候可能要实现一个底部弹出菜单，此时可以考虑用PopupWindow来实现。下面就来介绍一下如何使用PopupWindow实现一个弹出窗。 主Activity代码：public void onCreat
解决Android中的ERROR: the user data image is used by another emulator. aborting的方法
解决Android中的ERROR: the user data image is used by another emulator. aborting的方法 今天调试代码的时候，突然出现这个错误，折腾了很久没有解决。最后在google上找到了大家给出的两种解决方案，下面给出这两种方法的链接博客：ht
ViewFlipper 简单应用
AdvserView.java package com.earen.viewflipper; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory;
ImageView的scaleType属性 与 adjustViewBounds属性
ImageView的scaleType的属性有好几种，分别是matrix（默认）、center、centerCrop、centerInside、fitCenter、fitEnd、fitStart、fitXY。 |值|说明| |:--:|:--| |center|保持原图的大小，显示在ImageVie
在Android studio 3.2 版项目中使用cmake调用C/C++
文章浏览阅读8.8k次，点赞9次，收藏20次。本文操作环境:win10/Android studio 3.21.环境配置 在SDK Tools里选择 CMAKE/LLDB/NDK点击OK 安装这些插件. 2.创建CMakeLists.txt文件 在Project 目录下,右键app，点击新建File文件,命名为CMakeLists.txt点击OK，创建完毕! 3.配置文件 在CMa..._link c++ project with gradle
Android studio跳转界面
文章浏览阅读1.2w次，点赞15次，收藏69次。实现目的：由mainActivity界面跳转到otherActivity界面1.写好两个layout文件，activity_main.xml和otherxml.xmlactivity_main.xml&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;RelativeLayout ="http://schemas..._android studio 界面跳转
Android全局代理软件ProxyDroid和TransProxy源码分享
文章浏览阅读3.8w次。前言：最近在找Android上的全局代理软件来用，然后发现了这两款神作，都是外国的软件，而且都是开源的软件，因此把源码下载了下来，给有需要研究代理这方面的童鞋看看。不得不说，国外的开源精神十分浓，大家相互使用当前基础的开源软件，然后组合成一个更大更强的大开源软件。好吧，废话不多说，下面简单介绍一下这两款开源项目。一、ProxyDroid：ProxyDroid功能比较强大，用到的技术也比较多，源码也_proxydroid
Error:(23, 25) 错误: 程序包R不存在
文章浏览阅读2.5w次，点赞17次，收藏6次。创建项目后，运行项目时Gradle Build 窗口却显示错误：程序包R不存在通常情况下是不会出现这个错误的。我是怎么遇到这个错误的呢？第一次创建项目，company Domain我使用的是：aven.com，但是创建过程在卡在了Building 'Calculator' Gradle Project info这个过程中，于是我选择了“Cancel”第二次创建项目，我还是使用相同的项目名称和项目路_r不存在
教你在Android手机上使用全局代理！
文章浏览阅读8.9w次，点赞4次，收藏43次。前言：在Android上使用系统自带的代理，限制灰常大，仅支持系统自带的浏览器。这样像QQ、飞信、微博等这些单独的App都不能使用系统的代理。如何让所有软件都能正常代理呢？ProxyDroid这个软件能帮你解决！使用方法及步骤如下：一、推荐从Google Play下载ProxyDroid，目前最新版本是v2.6.6。二、对ProxyDroid进行配置（基本配置：） （1） Auto S_proxydroid使用教程
【Android 开发入门】Android设备监视器之调试工具DDMS使用初探
文章浏览阅读1.1w次，点赞4次，收藏17次。Android Studio提供了一个很实用的工具Android设备监视器(Android device monitor)，该监视器中最常用的一个工具就是DDMS（Dalvik Debug Monitor Service），是 Android 开发环境中的Dalvik虚拟机调试监控服务。可以进行的操作有：为测试设备截屏，查看特定进程中正在运行的线程以及堆栈信息、Logcat、广播状态信息、模拟电话_安卓摄像头调试工具
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot