溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Android使用GridView實現(xiàn)日歷的方法

發(fā)布時間:2020-09-20 23:21:25 來源:腳本之家 閱讀:147 作者:芯_空 欄目:移動開發(fā)

在開發(fā)中可能會遇到某些情況下需要用到日歷的功能,并且還要在日歷上加標簽什么的,最重要的就是android自帶的日歷由于各個系統(tǒng)版本不同導致日歷的樣式也不同,這樣就會導致使用起來比較麻煩..而且在日歷中加標簽也不好實現(xiàn)...所以很多時候日歷都是自己去實現(xiàn)的...由于自定義日歷會比較麻煩...這里就教大家使用GridView來實現(xiàn),主要是我們比較熟悉這個控件...到時候也可以根據自己的情況進行封裝為自定義View

下面就先看看效果圖.由于是從項目中抽取出來的,某些地方定制性比較強, 可以根據需求自行修改

效果圖

Android使用GridView實現(xiàn)日歷的方法

圖中的紅點就是標簽,藍色背景就是選中的意思.

下面開始擼代碼:

先上核心的GridView的適配器:

CalendarAdapter.java

/**
 * 日歷gridview中的每一個item顯示的textview
 */
public class CalendarAdapter extends BaseAdapter {

  private static String TAG = "CalendarAdapter";
  private boolean isLeapyear = false; //是否為閏年 
  private int daysOfMonth = 0;   //某月的天數 
  private int dayOfWeek = 0;    //具體某一天是星期幾 
  private int lastDaysOfMonth = 0; //上一個月的總天數 
  private Context context;
  private String[] dayNumber = new String[42]; //一個gridview中的日期存入此數組中 
  private SpecialCalendar sc = null;
  private int currentYear = 0;
  private int currentMonth = 0;
  /**
   * 當前選中的日期位置
   */
  private int currentFlag = -1;
  /**
   * 當前選中天的字符串 例:20170830
   */
  private String currentDayStr;
  private SimpleDateFormat sdf = new SimpleDateFormat("yyyy-M-d");
  private Set<Integer> schDateTagFlag = new ArraySet<>(); //存儲當月所有的日程日期(標簽)
  private String showYear = "";  //用于在頭部顯示的年份
  private String showMonth = ""; //用于在頭部顯示的月份 
  private String animalsYear = "";
  private String leapMonth = "";  //閏哪一個月 
  private Set<String> mSet = null;
  /**
   * 距離當前月的差(上一個月-1,當前月0,下一個月+1)
   */
  private int jumpMonth = 0;


  public CalendarAdapter(Context context, int year, int month, String currentDayStr) {
    this.context = context;
    sc = new SpecialCalendar();
    currentYear = year;
    currentMonth = month; //得到跳轉到的月份
    this.currentDayStr = currentDayStr;
    getCalendar(currentYear, currentMonth);
  }

  @Override
  public int getCount() {
    return dayNumber.length;
  }

  @Override
  public Object getItem(int position) {
    return position;
  }

  @Override
  public long getItemId(int position) {
    return position;
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder myViewHolder = null;
    if (convertView == null || convertView.getTag() == null) {
      convertView = LayoutInflater.from(context).inflate(R.layout.item_select_time, null);
      myViewHolder = new ViewHolder(convertView);
      convertView.setTag(myViewHolder);
    } else {
      myViewHolder = (ViewHolder) convertView.getTag();
    }
    myViewHolder.mIdTvItemSelectTimeDay.setText(dayNumber[position]);
    myViewHolder.mIdTvItemSelectTimeDay.setTextColor(Color.GRAY);//不是當前月為灰
    if (position < daysOfMonth + dayOfWeek && position >= dayOfWeek) {
      // 當前月信息顯示 
      myViewHolder.mIdTvItemSelectTimeDay.setTextColor(Color.BLACK);// 當月字體設黑
      myViewHolder.mIdTvItemSelectTimeDay.setTag(true);// 當月字體設黑
    }else {
      myViewHolder.mIdTvItemSelectTimeDay.setTag(false);// 當月字體設黑
    }

    if (currentFlag != -1 && currentFlag == position) {
      //設置當天的背景
      myViewHolder.mIdTvItemSelectTimeDay.setBackgroundResource(R.color.mainMenu);
      myViewHolder.mIdTvItemSelectTimeDay.setTextColor(Color.WHITE);
    } else {
      myViewHolder.mIdTvItemSelectTimeDay.setBackgroundColor(0);
    }

    //顯示小圓點
    if (schDateTagFlag != null && schDateTagFlag.size() > 0) {
      if (schDateTagFlag.contains(position)) {
        if (myViewHolder.mIdImgItemSelectTimeLogo.getVisibility()!=View.VISIBLE) {
          myViewHolder.mIdImgItemSelectTimeLogo.setVisibility(View.VISIBLE);
        }
      } else {
        if (myViewHolder.mIdImgItemSelectTimeLogo.getVisibility()!=View.GONE) {
          myViewHolder.mIdImgItemSelectTimeLogo.setVisibility(View.GONE);
        }
      }
    } else {
      if (myViewHolder.mIdImgItemSelectTimeLogo.getVisibility()!=View.GONE) {
        myViewHolder.mIdImgItemSelectTimeLogo.setVisibility(View.GONE);
      }
    }


    return convertView;
  }


  /**
   * 下一個月
   */
  public void addMonth() {
    jumpMonth++;
  }

  /**
   * 上一個月
   */
  public void lessMonth() {
    jumpMonth--;
  }


  /**
   * 更新日歷數據
   */
  public void upDataMonth() {
    int stepYear;
    int stepMonth = currentMonth + jumpMonth;
    if (stepMonth > 0) {
      //下一個月
      if (stepMonth % 12 == 0) {
        stepYear = currentYear + stepMonth / 12 - 1;
        stepMonth = 12;
      } else {
        stepYear = currentYear + stepMonth / 12;
        stepMonth = stepMonth % 12;
      }
    } else {
      //上一個月
      stepYear = currentYear - 1 + stepMonth / 12;
      stepMonth = stepMonth % 12 + 12;
    }
    getCalendar(stepYear, stepMonth);
  }

  /**
   * 得到某年的某月的天數且這月的第一天是星期幾
   *
   * @param year
   * @param month
   */
  private void getCalendar(int year, int month) {
    isLeapyear = sc.isLeapYear(year);       //是否為閏年 
    daysOfMonth = sc.getDaysOfMonth(isLeapyear, month); //某月的總天數 
    dayOfWeek = sc.getWeekdayOfMonth(year, month);   //某月第一天為星期幾 
    lastDaysOfMonth = sc.getDaysOfMonth(isLeapyear, month - 1); //上一個月的總天數
    getWeek(year, month);
  }

  /**
   * 將一個月中的每一天的值添加入數組dayNuber中
   *
   * @param year
   * @param month
   */
  private void getWeek(int year, int month) {
    schDateTagFlag.clear();
    currentFlag = -1;
    int j = 1;
    //得到當前月的所有日程日期(這些日期需要標記)
    for (int i = 0; i < dayNumber.length; i++) {
      if (i < dayOfWeek) { //前一個月
        int temp = lastDaysOfMonth - dayOfWeek + 1;
        dayNumber[i] = (temp + i) + "";
      } else if (i < daysOfMonth + dayOfWeek) {//本月
        int day = i - dayOfWeek + 1;  //得到的日期
        dayNumber[i] = i - dayOfWeek + 1 + "";
        //對于當前月才去標記當前日期 
        String yearStr = String.valueOf(year);
        String monthStr =getStr(String.valueOf(month),2);
        String dayStr =getStr(String.valueOf(day),2);
        String timeAll = yearStr + monthStr + dayStr;
        if (timeAll.equals(currentDayStr)) {//判斷選中的位置
          currentFlag = i;
        }
        if (mSet != null && mSet.size() > 0) {
          for (String s : mSet) {//迭代器遍歷判斷是否需要帶標簽
            if (timeAll.equals(s)) {
              schDateTagFlag.add(i);
            }
          }
        }
        setShowYear(yearStr);
        setShowMonth(String.valueOf(month));
      } else {  //下一個月
        dayNumber[i] = j + "";
        j++;
      }
    }
  }


  /**
   * 獲取當前時間 樣式:20170830
   * @param position
   * @return
   */
  public String getItemTime(int position) {
    String month = getStr(getShowMonth(), 2);
    String day = getStr(getDateByClickItem(position), 2);
    return getShowYear() + month + day;

  }

  /**
   * 保留N位整數,不足前面補0
   *
   * @param file String
   * @param bit 位數
   * @return
   */
  public static String getStr(String file,int bit) {
    while (file.length() < bit)
      file = "0" + file;
    return file;
  }

  /**
   * 點擊每一個item時返回item中的日期
   *
   * @param position
   * @return
   */
  public String getDateByClickItem(int position) {
    return dayNumber[position];
  }

  /**
   * 在點擊gridView時,得到這個月中第一天的位置
   *
   * @return
   */
  public int getStartPositon() {
    return dayOfWeek + 7;
  }

  /**
   * 在點擊gridView時,得到這個月中最后一天的位置
   *
   * @return
   */
  public int getEndPosition() {
    return (dayOfWeek + daysOfMonth + 7) - 1;
  }

  public String getShowYear() {
    return showYear;
  }

  public void setShowYear(String showYear) {
    this.showYear = showYear;
  }

  public String getShowMonth() {
    return showMonth;
  }

  public void setShowMonth(String showMonth) {
    this.showMonth = showMonth;
  }

  public String getAnimalsYear() {
    return animalsYear;
  }

  public void setAnimalsYear(String animalsYear) {
    this.animalsYear = animalsYear;
  }

  public String getLeapMonth() {
    return leapMonth;
  }

  public void setLeapMonth(String leapMonth) {
    this.leapMonth = leapMonth;
  }


  public Set<String> getSet() {
    return mSet;
  }

  public void setSet(Set<String> set) {
    mSet = set;
  }

  static class ViewHolder {
    @BindView(R.id.id_img_item_select_time_logo)
    ImageView mIdImgItemSelectTimeLogo;
    @BindView(R.id.id_tv_item_select_time_day)
    TextView mIdTvItemSelectTimeDay;

    ViewHolder(View view) {
      ButterKnife.bind(this, view);
    }
  }
}

日歷工具類:

/**
 * 日歷工具類
 */
public class SpecialCalendar {
 
  private int daysOfMonth = 0;   //某月的天數 
  private int dayOfWeek = 0;    //具體某一天是星期幾 

  /**
   * 判斷是否為閏年
   * @param year
   * @return
   */
  public boolean isLeapYear(int year) {
    if (year % 100 == 0 && year % 400 == 0) { 
      return true; 
    } else if (year % 100 != 0 && year % 4 == 0) { 
      return true; 
    } 
    return false; 
  }

  /**
   * 得到某月有多少天數
   * @param isLeapyear
   * @param month
   * @return
   */
  public int getDaysOfMonth(boolean isLeapyear, int month) {
    switch (month) { 
    case 1: 
    case 3: 
    case 5: 
    case 7: 
    case 8: 
    case 10: 
    case 12: 
      daysOfMonth = 31; 
      break; 
    case 4: 
    case 6: 
    case 9: 
    case 11: 
      daysOfMonth = 30; 
      break; 
    case 2: 
      if (isLeapyear) { 
        daysOfMonth = 29; 
      } else { 
        daysOfMonth = 28; 
      } 
 
    } 
    return daysOfMonth; 
  }

  /**
   * 指定某年中的某月的第一天是星期幾
   * @param year
   * @param month
   * @return
   */
  public int getWeekdayOfMonth(int year, int month){
    Calendar cal = Calendar.getInstance();
    cal.set(year, month-1, 1); 
    dayOfWeek = cal.get(Calendar.DAY_OF_WEEK)-1; 
    return dayOfWeek; 
  } 
   
   
} 

布局文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical">

  <include
    layout="@layout/layout_public_finish_menu"
    />

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:background="@color/bg_home_gone_menu"
    android:gravity="center"
    android:orientation="horizontal"
    >

    <ImageView
      android:id="@+id/id_img_select_time_less"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:padding="5dp"
      android:src="@mipmap/ic_sd_time_less"
      android:background="@drawable/selector_public_btn_bg"
      />

    <TextView
      android:id="@+id/id_tv_select_time_show"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_weight="4"
      android:gravity="center"
      android:text="年月"
      android:textColor="@color/white"
      android:textSize="@dimen/default_big"
      />

    <ImageView
      android:id="@+id/id_img_select_time_add"
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:padding="5dp"
      android:src="@mipmap/ic_sd_time_add"
      android:background="@drawable/selector_public_btn_bg"
      />

  </LinearLayout>


  <GridView
    android:id="@+id/id_gv_select_item"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/bg_rectangle_null_black_1"
    android:clickable="true"
    android:gravity="center"
    android:layout_gravity="center"
    android:clipChildren="true"
    android:listSelector="@null"
    android:numColumns="7"
    android:padding="1dp"
    android:layout_margin="5dp"
    android:stretchMode="columnWidth"
    />


</LinearLayout>

Item布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg_rectangle_null_black_1">

  <TextView
    android:id="@+id/id_tv_item_select_time_day"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:text="天"
    android:textSize="@dimen/default_big"
    android:layout_margin="1dp"
    android:textStyle="bold"
    />

  <ImageView
    android:id="@+id/id_img_item_select_time_logo"
    android:layout_width="5dp"
    android:layout_height="5dp"
    android:layout_margin="3dp"
    android:src="@drawable/shap_doorbell_oval_red"
    android:visibility="gone"
    />
</RelativeLayout>

布局只供參考...可以根據需求進行修改

下面就看看簡單的調用

 //傳入當前的年,月..已經選中的時間(20170830)
 mAdapter = new CalendarAdapter(mContext, year_c, month_c, currentDayStr);
 mIdGvSelectItem.setAdapter(mAdapter);

 /**
   * GridView Item的點擊事件
   */
  private class MyGvListener implements AdapterView.OnItemClickListener {

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
      TextView mTv = (TextView) view.findViewById(R.id.id_tv_item_select_time_day);
      boolean isOnClick = (boolean) mTv.getTag();
      if (isOnClick) {
        String time = mAdapter.getItemTime(position);
        Intent mIntent = getIntent();
        mIntent.putExtra("fileDate", time);
        setResult(AppStart.SDVA_SDTA, mIntent);
        finish();
        Log.i(TAG,"當前選擇的時間:" + time);
      }
    }
  }


 /**
   * 點擊事件邏輯處理
   */
  private class MyListener implements View.OnClickListener {
    @Override
    public void onClick(View v) {
      switch (v.getId()) {

        //上一個月
        case R.id.id_img_select_time_less:
          mAdapter.lessMonth();
          mHandler.sendEmptyMessage(UPDATA_TIME);
          addTextToTopTextView(mIdTvSelectTimeShow);
          break;

        //下一個月
        case R.id.id_img_select_time_add:
          mAdapter.addMonth();
          mHandler.sendEmptyMessage(UPDATA_TIME);
          addTextToTopTextView(mIdTvSelectTimeShow);
          break;


      }
    }
  }

private Set<String> dayEventCount = new HashSet<>();
//設置需要顯示標簽的實際
 mAdapter.setSet(dayEventCount);

//更新
  @Override
  protected void uiHandlerMessage(Message msg) {

    switch (msg.what) {
      case UPDATA_TIME:
        mAdapter.upDataMonth();
        mAdapter.notifyDataSetChanged();
        break;

    }

  }

調用部分的代碼由于是從項目中直接復制出來的..代碼的前后沒有什么關聯(lián)性,主要是說明功能的..請根據自己的項目進行調整..

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI