attendance_ruler

关键定义

  • 一个提供了考勤尺自定义小部件的包。这个小部件用于在尺子上显示考勤的进出时间，并易于定制。

预览

attendance_ruler

基本用法

将其导入到您的项目文件

import 'package:attendance_ruler/attendance_ruler.dart';

并以最基本的形式添加它，例如

AttendanceRuler(
  attendanceDataModel: AttendanceDataModel(
    attendanceDate: DateTime(2024, 01, 01),
    attendanceInOutTimes: [
      InOutTime(
        inTime: const TimeOfDay(hour: 10, minute: 00),
        outTime: const TimeOfDay(hour: 19, minute: 00),
      ),
    ],
  ),
  attendanceRulerDecoration: const AttendanceRulerDecoration(),
);

AttendanceRuler 的必需参数

参数 描述
AttendanceDataModel attendanceDataModel 考勤的数据模型
AttendanceRulerDecoration attendanceRulerDecoration 装饰 AttendanceRuler 小部件

AttendanceRuler 的可选参数

参数 默认值 描述
Size? size 如果为空，则使用 – Size(MediaQuery.of(context).size.width, 10.0) 此 AttendanceRuler 在布局时应瞄准的大小

AttendanceDataModel 的必需参数

参数 描述
DateTime attendanceDate 考勤的日期
List attendanceInOutTimes 定义当天的进出时间

InOutTime 的可选参数

参数 默认值 描述
TimeOfDay? inTime — 当天的进场时间
TimeOfDay? outTime — 当天的退场时间

AttendanceRulerDecoration 的可选参数

参数 默认值 描述
Color backgroundColor Color(0xFFd9f8ff) 定义考勤尺的背景颜色
BorderRadiusGeometry? borderRadius 如果为空，则使用 – BorderRadius.circular(20.0) 定义尺子背景的圆角
double verticalPadding 4.0 定义尺子背景框的垂直内边距
double horizontalPadding 10.0 定义尺子背景框的水平内边距
Color rulerLineColor Color(0xFF24d8ff) 定义考勤尺的尺子线颜色
double rulerLineWidth 1.0 定义考勤尺的尺子线宽度
Color rulerTimeColor Color(0xFF64c3d1) 定义考勤尺的尺子时间颜色
Axis layoutDirection Axis.horizontal 考勤尺布局的轴。
Radius? rulerTimeCircularRadius 如果为空，则使用 (rulerHeight / 2) 定义尺子上时间的半径
RulerTimeRoundedCornerStyle rulerTimeRoundedCornerStyle RulerTimeRoundedCornerStyle.firstAndLastRounded 定义尺子上时间的圆角样式
RulerTimeFormat rulerTimeFormat RulerTimeFormat.twentyFourHours 定义尺子时间的24小时或12小时格式
int dayStartHour 0 定义考勤的当天开始小时时间

贡献者指南

  • 对我的存储库的贡献始终受欢迎，我请求贡献者为开发创建一个拉取请求。

报告问题/功能请求指南

如果报告人能分享以下内容以帮助我理解问题的根本原因，我将不胜感激。

  • 库版本
  • 代码片段
  • 日志（如适用）
  • 设备规格（例如，制造商、操作系统版本等）
  • 带重现步骤的屏幕截图/视频
  • 使用的库

许可证！

attendance_ruler 是 MIT 许可。

GitHub

查看 Github