Android 打卡日历实现:完整代码示例及资源文件
要实现打卡日历功能,需要创建一个自定义的日历控件,并在主活动中使用该控件。以下是一个简单的示例代码:
- 创建一个名为'CalendarView'的自定义日历控件:
import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.TextView;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.Date;
import java.util.List;
import java.util.Locale;
public class CalendarView extends LinearLayout {
private Context context;
private GridView gridView;
private TextView tvMonth;
private CalendarAdapter adapter;
private Calendar currentDate = Calendar.getInstance();
private SimpleDateFormat dateFormat = new SimpleDateFormat("MMMM yyyy", Locale.getDefault());
public CalendarView(Context context) {
super(context);
this.context = context;
initialize();
}
public CalendarView(Context context, AttributeSet attrs) {
super(context, attrs);
this.context = context;
initialize();
}
public CalendarView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
this.context = context;
initialize();
}
private void initialize() {
LayoutInflater inflater = LayoutInflater.from(context);
inflater.inflate(R.layout.calendar_view, this);
gridView = findViewById(R.id.gridview);
tvMonth = findViewById(R.id.tv_month);
findViewById(R.id.btn_prev).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
currentDate.add(Calendar.MONTH, -1);
updateCalendar();
}
});
findViewById(R.id.btn_next).setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
currentDate.add(Calendar.MONTH, 1);
updateCalendar();
}
});
updateCalendar();
}
private void updateCalendar() {
List<Date> dates = getDates();
adapter = new CalendarAdapter(context, dates, currentDate);
gridView.setAdapter(adapter);
tvMonth.setText(dateFormat.format(currentDate.getTime()));
}
private List<Date> getDates() {
List<Date> dates = new ArrayList<>();
Calendar calendar = (Calendar) currentDate.clone();
calendar.set(Calendar.DAY_OF_MONTH, 1);
int firstDayOfWeek = calendar.get(Calendar.DAY_OF_WEEK) - 1;
calendar.add(Calendar.DAY_OF_MONTH, -firstDayOfWeek);
while (dates.size() < 42) {
dates.add(calendar.getTime());
calendar.add(Calendar.DAY_OF_MONTH, 1);
}
return dates;
}
}
- 在'res/layout'目录下创建一个名为'calendar_view.xml'的布局文件,用于定义日历控件的外观:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<Button
android:id="@+id/btn_prev"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Prev" />
<TextView
android:id="@+id/tv_month"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:textSize="20sp" />
<Button
android:id="@+id/btn_next"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Next" />
</LinearLayout>
<GridView
android:id="@+id/gridview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:numColumns="7"
android:verticalSpacing="1dp"
android:horizontalSpacing="1dp"
android:stretchMode="columnWidth" />
</LinearLayout>
- 创建一个名为'CalendarAdapter'的适配器类,用于填充日历控件中的日期格子:
import android.content.Context;
import android.graphics.Color;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;
import java.util.List;
import java.util.Locale;
public class CalendarAdapter extends BaseAdapter {
private Context context;
private List<Date> dates;
private Calendar currentDate;
private SimpleDateFormat dateFormat = new SimpleDateFormat("dd", Locale.getDefault());
public CalendarAdapter(Context context, List<Date> dates, Calendar currentDate) {
this.context = context;
this.dates = dates;
this.currentDate = currentDate;
}
@Override
public int getCount() {
return dates.size();
}
@Override
public Object getItem(int position) {
return dates.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view = convertView;
if (view == null) {
LayoutInflater inflater = LayoutInflater.from(context);
view = inflater.inflate(R.layout.calendar_item, parent, false);
}
TextView tvDate = view.findViewById(R.id.tv_date);
Date date = dates.get(position);
tvDate.setText(dateFormat.format(date));
if (date.getMonth() != currentDate.getTime().getMonth()) {
tvDate.setTextColor(Color.GRAY);
} else {
tvDate.setTextColor(Color.BLACK);
}
return view;
}
}
- 在'res/layout'目录下创建一个名为'calendar_item.xml'的布局文件,用于定义日历控件中的日期格子的外观:
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/tv_date"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:textSize="18sp" />
以上就是实现打卡日历功能所需的代码和布局文件。确保将相关资源文件(如图片等)放置在正确的目录下,并在主活动中使用'CalendarView'控件即可。
其他文件
除了以上代码和布局文件外,还需要以下资源文件:
- R.layout.calendar_view: 定义日历控件的外观
- R.layout.calendar_item: 定义日历控件中每个日期格子的外观
提示
- 可以根据需求对代码和布局文件进行修改和扩展,例如添加打卡功能、自定义日期格子的外观等。
- 可以使用第三方库来简化开发过程,例如使用CalendarView库来快速实现日历控件。
- 在主活动中使用'CalendarView'控件时,需要将该控件添加到布局文件中,并设置相应的属性。
- 请注意,这只是一个简单的示例代码,实际应用中可能需要根据具体需求进行调整。
原文地址: https://www.cveoy.top/t/topic/SkL 著作权归作者所有。请勿转载和采集!