LXD312569496
5 years ago
committed by
GitHub
commit
47fcb6c67b
@ -0,0 +1,192 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_custom_calendar/flutter_custom_calendar.dart';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 自定义风格+单选
|
||||||
|
*/
|
||||||
|
class CustomOffsetPage extends StatefulWidget {
|
||||||
|
CustomOffsetPage({Key key, this.title}) : super(key: key);
|
||||||
|
|
||||||
|
final String title;
|
||||||
|
|
||||||
|
@override
|
||||||
|
_CustomOffsetPageState createState() => _CustomOffsetPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _CustomOffsetPageState extends State<CustomOffsetPage> {
|
||||||
|
ValueNotifier<String> text;
|
||||||
|
ValueNotifier<String> selectText;
|
||||||
|
|
||||||
|
CalendarController controller;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
controller = new CalendarController(
|
||||||
|
offset: 5
|
||||||
|
);
|
||||||
|
|
||||||
|
controller.addMonthChangeListener(
|
||||||
|
(year, month) {
|
||||||
|
text.value = "$year年$month月";
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
controller.addOnCalendarSelectListener((dateModel) {
|
||||||
|
//刷新选择的时间
|
||||||
|
selectText.value =
|
||||||
|
"单选模式\n选中的时间:\n${controller.getSingleSelectCalendar()}";
|
||||||
|
});
|
||||||
|
|
||||||
|
text = new ValueNotifier("${DateTime.now().year}年${DateTime.now().month}月");
|
||||||
|
|
||||||
|
selectText = new ValueNotifier(
|
||||||
|
"单选模式\n选中的时间:\n${controller.getSingleSelectCalendar()}");
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: Text(widget.title),
|
||||||
|
),
|
||||||
|
body: new Container(
|
||||||
|
child: new Column(
|
||||||
|
children: <Widget>[
|
||||||
|
new Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
new IconButton(
|
||||||
|
icon: Icon(Icons.navigate_before),
|
||||||
|
onPressed: () {
|
||||||
|
controller.moveToPreviousMonth();
|
||||||
|
}),
|
||||||
|
ValueListenableBuilder(
|
||||||
|
valueListenable: text,
|
||||||
|
builder: (context, value, child) {
|
||||||
|
return new Text(text.value);
|
||||||
|
}),
|
||||||
|
new IconButton(
|
||||||
|
icon: Icon(Icons.navigate_next),
|
||||||
|
onPressed: () {
|
||||||
|
controller.moveToNextMonth();
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
CalendarViewWidget(
|
||||||
|
calendarController: controller,
|
||||||
|
weekBarItemWidgetBuilder: () {
|
||||||
|
return CustomStyleWeekBarItem();
|
||||||
|
},
|
||||||
|
dayWidgetBuilder: (dateModel) {
|
||||||
|
return CustomStyleDayWidget(dateModel);
|
||||||
|
}
|
||||||
|
),
|
||||||
|
ValueListenableBuilder(
|
||||||
|
valueListenable: selectText,
|
||||||
|
builder: (context, value, child) {
|
||||||
|
return new Text(selectText.value);
|
||||||
|
}),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
floatingActionButton: FloatingActionButton(
|
||||||
|
onPressed: () {},
|
||||||
|
tooltip: 'Increment',
|
||||||
|
child: Icon(Icons.add),
|
||||||
|
), // This trailing comma makes auto-formatting nicer for build methods.
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class CustomStyleWeekBarItem extends BaseWeekBar {
|
||||||
|
final List<String> weekList = ["三", "四", "五", "六", "日", "一", "二"];
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget getWeekBarItem(int index) {
|
||||||
|
return new Container(
|
||||||
|
child: new Center(
|
||||||
|
child: new Text(weekList[index]),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class CustomStyleDayWidget extends BaseCustomDayWidget {
|
||||||
|
CustomStyleDayWidget(DateModel dateModel) : super(dateModel);
|
||||||
|
|
||||||
|
@override
|
||||||
|
void drawNormal(DateModel dateModel, Canvas canvas, Size size) {
|
||||||
|
// if (!dateModel.isCurrentMonth) {
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
bool isWeekend = dateModel.isWeekend;
|
||||||
|
bool isInRange = dateModel.isInRange;
|
||||||
|
|
||||||
|
//顶部的文字
|
||||||
|
TextPainter dayTextPainter = new TextPainter()
|
||||||
|
..text = TextSpan(
|
||||||
|
text: dateModel.day.toString(),
|
||||||
|
style: new TextStyle(
|
||||||
|
color: !isInRange
|
||||||
|
? Colors.grey
|
||||||
|
: isWeekend ? Colors.blue : Colors.black,
|
||||||
|
fontSize: 16))
|
||||||
|
..textDirection = TextDirection.ltr
|
||||||
|
..textAlign = TextAlign.center;
|
||||||
|
|
||||||
|
dayTextPainter.layout(minWidth: size.width, maxWidth: size.width);
|
||||||
|
dayTextPainter.paint(canvas, Offset(0, 10));
|
||||||
|
|
||||||
|
//下面的文字
|
||||||
|
TextPainter lunarTextPainter = new TextPainter()
|
||||||
|
..text = new TextSpan(
|
||||||
|
text: dateModel.lunarString,
|
||||||
|
style: new TextStyle(
|
||||||
|
color: !isInRange
|
||||||
|
? Colors.grey
|
||||||
|
: isWeekend ? Colors.blue : Colors.grey,
|
||||||
|
fontSize: 12))
|
||||||
|
..textDirection = TextDirection.ltr
|
||||||
|
..textAlign = TextAlign.center;
|
||||||
|
|
||||||
|
lunarTextPainter.layout(minWidth: size.width, maxWidth: size.width);
|
||||||
|
lunarTextPainter.paint(canvas, Offset(0, size.height / 2));
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void drawSelected(DateModel dateModel, Canvas canvas, Size size) {
|
||||||
|
// if (!dateModel.isCurrentMonth) {
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
//绘制背景
|
||||||
|
Paint backGroundPaint = new Paint()
|
||||||
|
..color = Colors.blue
|
||||||
|
..strokeWidth = 2;
|
||||||
|
double padding = 8;
|
||||||
|
canvas.drawCircle(Offset(size.width / 2, size.height / 2),
|
||||||
|
(size.width - padding) / 2, backGroundPaint);
|
||||||
|
|
||||||
|
//顶部的文字
|
||||||
|
TextPainter dayTextPainter = new TextPainter()
|
||||||
|
..text = TextSpan(
|
||||||
|
text: dateModel.day.toString(),
|
||||||
|
style: new TextStyle(color: Colors.white, fontSize: 16))
|
||||||
|
..textDirection = TextDirection.ltr
|
||||||
|
..textAlign = TextAlign.center;
|
||||||
|
|
||||||
|
dayTextPainter.layout(minWidth: size.width, maxWidth: size.width);
|
||||||
|
dayTextPainter.paint(canvas, Offset(0, 10));
|
||||||
|
|
||||||
|
//下面的文字
|
||||||
|
TextPainter lunarTextPainter = new TextPainter()
|
||||||
|
..text = new TextSpan(
|
||||||
|
text: dateModel.lunarString,
|
||||||
|
style: new TextStyle(color: Colors.white, fontSize: 12))
|
||||||
|
..textDirection = TextDirection.ltr
|
||||||
|
..textAlign = TextAlign.center;
|
||||||
|
|
||||||
|
lunarTextPainter.layout(minWidth: size.width, maxWidth: size.width);
|
||||||
|
lunarTextPainter.paint(canvas, Offset(0, size.height / 2));
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue