xingwei.zhu
5 年前
当前提交
71880753
共有 20 个文件被更改，包括 1777 次插入 和 490 次删除
-
17CHANGELOG.md
-
2README-ZH.md
-
2README.md
-
4Runtime/gestures/mouse_tracking.cs
-
2Runtime/material/material_localizations.cs
-
2Runtime/painting/text_style.cs
-
476Runtime/rendering/editable.cs
-
5Runtime/ui/text.cs
-
438Runtime/ui/txt/emoji.cs
-
17Runtime/ui/txt/paragraph.cs
-
34Runtime/widgets/page_view.cs
-
18Samples/UIWidgetsGallery/gallery/demos.cs
-
18Tests/Editor/RenderEditable.cs
-
944Runtime/material/date_picker.cs
-
11Runtime/material/date_picker.cs.meta
-
28Runtime/widgets/orientation_builder.cs
-
11Runtime/widgets/orientation_builder.cs.meta
-
227Samples/UIWidgetsGallery/demo/material/date_and_time_picker_demo.cs
-
11Samples/UIWidgetsGallery/demo/material/date_and_time_picker_demo.cs.meta
|
|||
using System; |
|||
using System.Collections.Generic; |
|||
using com.unity.uiwidgets.Runtime.rendering; |
|||
using RSG; |
|||
using Unity.UIWidgets.animation; |
|||
using Unity.UIWidgets.async; |
|||
using Unity.UIWidgets.foundation; |
|||
using Unity.UIWidgets.gestures; |
|||
using Unity.UIWidgets.painting; |
|||
using Unity.UIWidgets.rendering; |
|||
using Unity.UIWidgets.service; |
|||
using Unity.UIWidgets.ui; |
|||
using Unity.UIWidgets.widgets; |
|||
using UnityEngine; |
|||
using Color = Unity.UIWidgets.ui.Color; |
|||
using TextStyle = Unity.UIWidgets.painting.TextStyle; |
|||
|
|||
/* |
|||
* Differences between Dart & C# |
|||
* Duration => TimeSpan |
|||
* -1 % 4 = 3 => -1 % 4 = -1 |
|||
* [Dart] [DateTime.weekday] provides a 1-based index (Start with Monday) |
|||
* [C#] [DateTime.DayOfWeek] provides a 0-based index (Start with Sunday) |
|||
* @IIzzaya |
|||
*/ |
|||
namespace Unity.UIWidgets.material { |
|||
public class DatePickerUtils { |
|||
public const float _kDatePickerHeaderPortraitHeight = 100.0f; |
|||
public const float _kDatePickerHeaderLandscapeWidth = 168.0f; |
|||
public static readonly TimeSpan _kMonthScrollDuration = new TimeSpan(0, 0, 0, 0, 200); |
|||
public const float _kDayPickerRowHeight = 42.0f; |
|||
public const int _kMaxDayPickerRowCount = 6; |
|||
|
|||
public const float _kMaxDayPickerHeight = _kDayPickerRowHeight * (_kMaxDayPickerRowCount + 2); |
|||
public const float _kMonthPickerPortraitWidth = 330.0f; |
|||
public const float _kMonthPickerLandscapeWidth = 344.0f; |
|||
public const float _kDialogActionBarHeight = 52.0f; |
|||
public const float _kDatePickerLandscapeHeight = _kMaxDayPickerHeight + _kDialogActionBarHeight; |
|||
|
|||
internal static readonly _DayPickerGridDelegate _kDayPickerGridDelegate = new _DayPickerGridDelegate(); |
|||
|
|||
public static IPromise<object> showDatePicker( |
|||
BuildContext context, |
|||
DateTime initialDate, |
|||
DateTime firstDate, |
|||
DateTime lastDate, |
|||
SelectableDayPredicate selectableDayPredicate = null, |
|||
DatePickerMode initialDatePickerMode = DatePickerMode.day, |
|||
Locale locale = null, |
|||
TransitionBuilder builder = null |
|||
) { |
|||
D.assert(initialDate >= firstDate, () => "initialDate must be on or after firstDate"); |
|||
D.assert(initialDate <= lastDate, () => "initialDate must be on or before lastDate"); |
|||
D.assert(firstDate <= lastDate, () => "lastDate must be on or after firstDate"); |
|||
D.assert( |
|||
selectableDayPredicate == null || selectableDayPredicate(initialDate), |
|||
() => "Provided initialDate must satisfy provided selectableDayPredicate" |
|||
); |
|||
D.assert(context != null); |
|||
D.assert(MaterialD.debugCheckHasMaterialLocalizations(context)); |
|||
|
|||
Widget child = new _DatePickerDialog( |
|||
initialDate: initialDate, |
|||
firstDate: firstDate, |
|||
lastDate: lastDate, |
|||
selectableDayPredicate: selectableDayPredicate, |
|||
initialDatePickerMode: initialDatePickerMode |
|||
); |
|||
|
|||
if (locale != null) { |
|||
child = Localizations.overrides( |
|||
context: context, |
|||
locale: locale, |
|||
child: child |
|||
); |
|||
} |
|||
|
|||
return DialogUtils.showDialog( |
|||
context: context, |
|||
builder: (BuildContext _context) => { return builder == null ? child : builder(_context, child); } |
|||
); |
|||
} |
|||
} |
|||
|
|||
public enum DatePickerMode { |
|||
day, |
|||
year |
|||
} |
|||
|
|||
class _DatePickerHeader : StatelessWidget { |
|||
public _DatePickerHeader( |
|||
DateTime selectedDate, |
|||
DatePickerMode mode, |
|||
ValueChanged<DatePickerMode> onModeChanged, |
|||
Orientation orientation, |
|||
Key key = null |
|||
) : base(key: key) { |
|||
this.selectedDate = selectedDate; |
|||
this.mode = mode; |
|||
this.onModeChanged = onModeChanged; |
|||
this.orientation = orientation; |
|||
} |
|||
|
|||
public readonly DateTime selectedDate; |
|||
public readonly DatePickerMode mode; |
|||
public readonly ValueChanged<DatePickerMode> onModeChanged; |
|||
public readonly Orientation orientation; |
|||
|
|||
void _handleChangeMode(DatePickerMode value) { |
|||
if (value != this.mode) { |
|||
this.onModeChanged(value); |
|||
} |
|||
} |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
MaterialLocalizations localizations = MaterialLocalizations.of(context); |
|||
ThemeData themeData = Theme.of(context); |
|||
TextTheme headerTextTheme = themeData.primaryTextTheme; |
|||
Color dayColor = null; |
|||
Color yearColor = null; |
|||
switch (themeData.primaryColorBrightness) { |
|||
case Brightness.light: |
|||
dayColor = this.mode == DatePickerMode.day ? Colors.black87 : Colors.black54; |
|||
yearColor = this.mode == DatePickerMode.year ? Colors.black87 : Colors.black54; |
|||
break; |
|||
case Brightness.dark: |
|||
dayColor = this.mode == DatePickerMode.day ? Colors.white : Colors.white70; |
|||
yearColor = this.mode == DatePickerMode.year ? Colors.white : Colors.white70; |
|||
break; |
|||
} |
|||
|
|||
TextStyle dayStyle = headerTextTheme.display1.copyWith(color: dayColor, height: 1.4f); |
|||
TextStyle yearStyle = headerTextTheme.subhead.copyWith(color: yearColor, height: 1.4f); |
|||
Color backgroundColor = null; |
|||
switch (themeData.brightness) { |
|||
case Brightness.light: |
|||
backgroundColor = themeData.primaryColor; |
|||
break; |
|||
case Brightness.dark: |
|||
backgroundColor = themeData.backgroundColor; |
|||
break; |
|||
} |
|||
|
|||
float width = 0f; |
|||
float height = 0f; |
|||
EdgeInsets padding = null; |
|||
MainAxisAlignment mainAxisAlignment = MainAxisAlignment.center; |
|||
switch (this.orientation) { |
|||
case Orientation.portrait: |
|||
height = DatePickerUtils._kDatePickerHeaderPortraitHeight; |
|||
padding = EdgeInsets.symmetric(horizontal: 16.0f); |
|||
mainAxisAlignment = MainAxisAlignment.center; |
|||
break; |
|||
case Orientation.landscape: |
|||
width = DatePickerUtils._kDatePickerHeaderLandscapeWidth; |
|||
padding = EdgeInsets.all(8.0f); |
|||
mainAxisAlignment = MainAxisAlignment.start; |
|||
break; |
|||
} |
|||
|
|||
Widget yearButton = new IgnorePointer( |
|||
ignoring: this.mode != DatePickerMode.day, |
|||
child: new _DateHeaderButton( |
|||
color: backgroundColor, |
|||
onTap: Feedback.wrapForTap(() => this._handleChangeMode(DatePickerMode.year), context), |
|||
child: new Text(localizations.formatYear(this.selectedDate), style: yearStyle) |
|||
) |
|||
); |
|||
Widget dayButton = new IgnorePointer( |
|||
ignoring: this.mode == DatePickerMode.day, |
|||
child: new _DateHeaderButton( |
|||
color: backgroundColor, |
|||
onTap: Feedback.wrapForTap(() => this._handleChangeMode(DatePickerMode.day), context), |
|||
child: new Text(localizations.formatMediumDate(this.selectedDate), style: dayStyle) |
|||
) |
|||
); |
|||
return new Container( |
|||
width: width, |
|||
height: height, |
|||
padding: padding, |
|||
color: backgroundColor, |
|||
child: new Column( |
|||
mainAxisAlignment: mainAxisAlignment, |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: new List<Widget> {yearButton, dayButton} |
|||
) |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _DateHeaderButton : StatelessWidget { |
|||
public _DateHeaderButton( |
|||
GestureTapCallback onTap, |
|||
Color color, |
|||
Widget child, |
|||
Key key = null |
|||
) : base(key: key) { |
|||
this.onTap = onTap; |
|||
this.color = color; |
|||
this.child = child; |
|||
} |
|||
|
|||
public readonly GestureTapCallback onTap; |
|||
public readonly Color color; |
|||
public readonly Widget child; |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
ThemeData theme = Theme.of(context); |
|||
return new Material( |
|||
type: MaterialType.button, |
|||
color: this.color, |
|||
child: new InkWell( |
|||
borderRadius: MaterialConstantsUtils.kMaterialEdges[MaterialType.button], |
|||
highlightColor: theme.highlightColor, |
|||
splashColor: theme.splashColor, |
|||
onTap: this.onTap, |
|||
child: new Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 8.0f), |
|||
child: this.child |
|||
) |
|||
) |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _DayPickerGridDelegate : SliverGridDelegate { |
|||
public _DayPickerGridDelegate() { } |
|||
|
|||
public override SliverGridLayout getLayout(SliverConstraints constraints) { |
|||
const int columnCount = 7; // DateTime.daysPerWeek = 7
|
|||
float tileWidth = constraints.crossAxisExtent / columnCount; |
|||
float tileHeight = Mathf.Min( |
|||
DatePickerUtils._kDayPickerRowHeight, |
|||
constraints.viewportMainAxisExtent / (DatePickerUtils._kMaxDayPickerRowCount + 1) |
|||
); |
|||
return new SliverGridRegularTileLayout( |
|||
crossAxisCount: columnCount, |
|||
mainAxisStride: tileHeight, |
|||
crossAxisStride: tileWidth, |
|||
childMainAxisExtent: tileHeight, |
|||
childCrossAxisExtent: tileWidth, |
|||
reverseCrossAxis: AxisUtils.axisDirectionIsReversed(constraints.crossAxisDirection) |
|||
); |
|||
} |
|||
|
|||
public override bool shouldRelayout(SliverGridDelegate oldDelegate) { |
|||
return false; |
|||
} |
|||
} |
|||
|
|||
public class DayPicker : StatelessWidget { |
|||
public DayPicker( |
|||
DateTime selectedDate, |
|||
DateTime currentDate, |
|||
ValueChanged<DateTime> onChanged, |
|||
DateTime firstDate, |
|||
DateTime lastDate, |
|||
DateTime displayedMonth, |
|||
SelectableDayPredicate selectableDayPredicate = null, |
|||
DragStartBehavior dragStartBehavior = DragStartBehavior.start, |
|||
Key key = null |
|||
) : base(key: key) { |
|||
D.assert(onChanged != null); |
|||
D.assert(firstDate <= lastDate); |
|||
D.assert(selectedDate >= firstDate); |
|||
this.selectedDate = selectedDate; |
|||
this.currentDate = currentDate; |
|||
this.onChanged = onChanged; |
|||
this.firstDate = firstDate; |
|||
this.lastDate = lastDate; |
|||
this.displayedMonth = displayedMonth; |
|||
this.selectableDayPredicate = selectableDayPredicate; |
|||
this.dragStartBehavior = dragStartBehavior; |
|||
} |
|||
|
|||
public readonly DateTime selectedDate; |
|||
public readonly DateTime currentDate; |
|||
public readonly ValueChanged<DateTime> onChanged; |
|||
public readonly DateTime firstDate; |
|||
public readonly DateTime lastDate; |
|||
public readonly DateTime displayedMonth; |
|||
public readonly SelectableDayPredicate selectableDayPredicate; |
|||
public readonly DragStartBehavior dragStartBehavior; |
|||
|
|||
List<Widget> _getDayHeaders(TextStyle headerStyle, MaterialLocalizations localizations) { |
|||
List<Widget> result = new List<Widget>(); |
|||
for (int i = localizations.firstDayOfWeekIndex; true; i = (i + 1) % 7) { |
|||
string weekday = localizations.narrowWeekdays[i]; |
|||
result.Add(new Center(child: new Text(weekday, style: headerStyle))); |
|||
if (i == (localizations.firstDayOfWeekIndex + 6) % 7) { |
|||
break; |
|||
} |
|||
} |
|||
|
|||
return result; |
|||
} |
|||
|
|||
static readonly List<int> _daysInMonth = new List<int> {31, -1, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31}; |
|||
|
|||
static int getDaysInMonth(int year, int month) { |
|||
if (month == 2) { |
|||
bool isLeapYear = (year % 4 == 0) && (year % 100 != 0) || (year % 400 == 0); |
|||
if (isLeapYear) { |
|||
return 29; |
|||
} |
|||
|
|||
return 28; |
|||
} |
|||
|
|||
return _daysInMonth[month - 1]; |
|||
} |
|||
|
|||
int _computeFirstDayOffset(int year, int month, MaterialLocalizations localizations) { |
|||
int weekdayFromMonday = new DateTime(year, month, 1).DayOfWeek.GetHashCode(); |
|||
if (weekdayFromMonday == 0) { |
|||
weekdayFromMonday = 7; |
|||
} |
|||
|
|||
weekdayFromMonday--; |
|||
|
|||
int firstDayOfWeekFromSunday = localizations.firstDayOfWeekIndex; |
|||
int firstDayOfWeekFromMonday = (firstDayOfWeekFromSunday - 1) % 7; |
|||
return (weekdayFromMonday - firstDayOfWeekFromMonday) % 7; |
|||
} |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
ThemeData themeData = Theme.of(context); |
|||
MaterialLocalizations localizations = MaterialLocalizations.of(context); |
|||
int year = this.displayedMonth.Year; |
|||
int month = this.displayedMonth.Month; |
|||
int daysInMonth = getDaysInMonth(year, month); |
|||
int firstDayOffset = this._computeFirstDayOffset(year, month, localizations); |
|||
List<Widget> labels = new List<Widget>(); |
|||
labels.AddRange(this._getDayHeaders(themeData.textTheme.caption, localizations)); |
|||
for (int i = 0; true; i += 1) { |
|||
int day = i - firstDayOffset + 1; |
|||
if (day > daysInMonth) { |
|||
break; |
|||
} |
|||
|
|||
if (day < 1) { |
|||
labels.Add(new Container()); |
|||
} |
|||
else { |
|||
DateTime dayToBuild = new DateTime(year, month, day); |
|||
bool disabled = dayToBuild > this.lastDate |
|||
|| dayToBuild < this.firstDate |
|||
|| (this.selectableDayPredicate != null && |
|||
!this.selectableDayPredicate(dayToBuild)); |
|||
BoxDecoration decoration = null; |
|||
TextStyle itemStyle = themeData.textTheme.body1; |
|||
bool isSelectedDay = this.selectedDate.Year == year && this.selectedDate.Month == month && |
|||
this.selectedDate.Day == day; |
|||
if (isSelectedDay) { |
|||
itemStyle = themeData.accentTextTheme.body2; |
|||
decoration = new BoxDecoration( |
|||
color: themeData.accentColor, |
|||
shape: BoxShape.circle |
|||
); |
|||
} |
|||
else if (disabled) { |
|||
itemStyle = themeData.textTheme.body1.copyWith(color: themeData.disabledColor); |
|||
} |
|||
else if (this.currentDate.Year == year && this.currentDate.Month == month && |
|||
this.currentDate.Day == day) { |
|||
itemStyle = themeData.textTheme.body2.copyWith(color: themeData.accentColor); |
|||
} |
|||
|
|||
Widget dayWidget = new Container( |
|||
decoration: decoration, |
|||
child: new Center( |
|||
child: new Text(localizations.formatDecimal(day), style: itemStyle) |
|||
) |
|||
); |
|||
if (!disabled) { |
|||
dayWidget = new GestureDetector( |
|||
behavior: HitTestBehavior.opaque, |
|||
onTap: () => { this.onChanged(dayToBuild); }, |
|||
child: dayWidget, |
|||
dragStartBehavior: this.dragStartBehavior |
|||
); |
|||
} |
|||
|
|||
labels.Add(dayWidget); |
|||
} |
|||
} |
|||
|
|||
return new Padding( |
|||
padding: EdgeInsets.symmetric(horizontal: 8.0f), |
|||
child: new Column( |
|||
children: new List<Widget> { |
|||
new Container( |
|||
height: DatePickerUtils._kDayPickerRowHeight, |
|||
child: new Center( |
|||
child: new Text( |
|||
localizations.formatMonthYear(this.displayedMonth), |
|||
style: themeData.textTheme.subhead |
|||
) |
|||
) |
|||
), |
|||
new Flexible( |
|||
child: GridView.custom( |
|||
gridDelegate: DatePickerUtils._kDayPickerGridDelegate, |
|||
childrenDelegate: new SliverChildListDelegate(labels, addRepaintBoundaries: false) |
|||
) |
|||
) |
|||
} |
|||
) |
|||
); |
|||
} |
|||
} |
|||
|
|||
class MonthPicker : StatefulWidget { |
|||
public MonthPicker( |
|||
DateTime selectedDate, |
|||
ValueChanged<DateTime> onChanged, |
|||
DateTime firstDate, |
|||
DateTime lastDate, |
|||
SelectableDayPredicate selectableDayPredicate, |
|||
DragStartBehavior dragStartBehavior = DragStartBehavior.start, |
|||
Key key = null |
|||
) : base(key: key) { |
|||
D.assert(selectedDate != null); |
|||
D.assert(onChanged != null); |
|||
D.assert(firstDate <= lastDate); |
|||
D.assert(selectedDate >= firstDate); |
|||
this.selectedDate = selectedDate; |
|||
this.onChanged = onChanged; |
|||
this.firstDate = firstDate; |
|||
this.lastDate = lastDate; |
|||
this.selectableDayPredicate = selectableDayPredicate; |
|||
this.dragStartBehavior = dragStartBehavior; |
|||
} |
|||
|
|||
public readonly DateTime selectedDate; |
|||
public readonly ValueChanged<DateTime> onChanged; |
|||
public readonly DateTime firstDate; |
|||
public readonly DateTime lastDate; |
|||
public readonly SelectableDayPredicate selectableDayPredicate; |
|||
public readonly DragStartBehavior dragStartBehavior; |
|||
|
|||
public override State createState() { |
|||
return new _MonthPickerState(); |
|||
} |
|||
} |
|||
|
|||
class _MonthPickerState : SingleTickerProviderStateMixin<MonthPicker> { |
|||
static Animatable<float> __chevronOpacityTween; |
|||
|
|||
static Animatable<float> _chevronOpacityTween { |
|||
get { |
|||
if (__chevronOpacityTween == null) { |
|||
__chevronOpacityTween = new FloatTween(begin: 1.0f, end: 0.0f) { }; |
|||
__chevronOpacityTween.chain(new CurveTween(curve: Curves.easeInOut)); |
|||
} |
|||
|
|||
return __chevronOpacityTween; |
|||
} |
|||
} |
|||
|
|||
public override void initState() { |
|||
base.initState(); |
|||
int monthPage = _monthDelta(this.widget.firstDate, this.widget.selectedDate); |
|||
this._dayPickerController = new PageController(initialPage: monthPage); |
|||
this._handleMonthPageChanged(monthPage); |
|||
this._updateCurrentDate(); |
|||
this._chevronOpacityController = new AnimationController( |
|||
duration: new TimeSpan(0, 0, 0, 0, 250), |
|||
vsync: this |
|||
); |
|||
this._chevronOpacityAnimation = this._chevronOpacityController.drive(_chevronOpacityTween); |
|||
} |
|||
|
|||
public override void didUpdateWidget(StatefulWidget oldWidget) { |
|||
base.didUpdateWidget(oldWidget); |
|||
if (this.widget.selectedDate != ((MonthPicker) oldWidget).selectedDate) { |
|||
int monthPage = _monthDelta(this.widget.firstDate, this.widget.selectedDate); |
|||
this._dayPickerController = new PageController(initialPage: monthPage); |
|||
this._handleMonthPageChanged(monthPage); |
|||
} |
|||
} |
|||
|
|||
MaterialLocalizations localizations; |
|||
|
|||
public override void didChangeDependencies() { |
|||
base.didChangeDependencies(); |
|||
this.localizations = MaterialLocalizations.of(this.context); |
|||
} |
|||
|
|||
DateTime _todayDate; |
|||
DateTime _currentDisplayedMonthDate; |
|||
Timer _timer; |
|||
PageController _dayPickerController; |
|||
AnimationController _chevronOpacityController; |
|||
Animation<float> _chevronOpacityAnimation; |
|||
|
|||
void _updateCurrentDate() { |
|||
this._todayDate = DateTime.Now; |
|||
DateTime tomorrow = new DateTime(this._todayDate.Year, this._todayDate.Month, this._todayDate.Day + 1); |
|||
TimeSpan timeUntilTomorrow = tomorrow.TimeOfDay - this._todayDate.TimeOfDay; |
|||
this._timer?.cancel(); |
|||
this._timer = Window.instance.run(timeUntilTomorrow, |
|||
() => { this.setState(() => { this._updateCurrentDate(); }); }); |
|||
} |
|||
|
|||
static int _monthDelta(DateTime startDate, DateTime endDate) { |
|||
return (endDate.Year - startDate.Year) * 12 + endDate.Month - startDate.Month; |
|||
} |
|||
|
|||
DateTime _addMonthsToMonthDate(DateTime monthDate, int monthsToAdd) { |
|||
if (monthsToAdd < 0) { |
|||
var monthsToAddAfterMod = monthsToAdd % 12 + 12; |
|||
return new DateTime(monthDate.Year + (monthsToAdd / 12), monthDate.Month + monthsToAddAfterMod, 1); |
|||
} |
|||
else { |
|||
return new DateTime(monthDate.Year + (monthsToAdd / 12), monthDate.Month + monthsToAdd % 12, 1); |
|||
} |
|||
} |
|||
|
|||
Widget _buildItems(BuildContext context, int index) { |
|||
DateTime month = this._addMonthsToMonthDate(this.widget.firstDate, index); |
|||
return new DayPicker( |
|||
key: new ValueKey<DateTime>(month), |
|||
selectedDate: this.widget.selectedDate, |
|||
currentDate: this._todayDate, |
|||
onChanged: this.widget.onChanged, |
|||
firstDate: this.widget.firstDate, |
|||
lastDate: this.widget.lastDate, |
|||
displayedMonth: month, |
|||
selectableDayPredicate: this.widget.selectableDayPredicate, |
|||
dragStartBehavior: this.widget.dragStartBehavior |
|||
); |
|||
} |
|||
|
|||
void _handleNextMonth() { |
|||
if (!this._isDisplayingLastMonth) { |
|||
this._dayPickerController.nextPage(duration: DatePickerUtils._kMonthScrollDuration, curve: Curves.ease); |
|||
} |
|||
} |
|||
|
|||
void _handlePreviousMonth() { |
|||
if (!this._isDisplayingFirstMonth) { |
|||
this._dayPickerController.previousPage(duration: DatePickerUtils._kMonthScrollDuration, |
|||
curve: Curves.ease); |
|||
} |
|||
} |
|||
|
|||
bool _isDisplayingFirstMonth { |
|||
get { |
|||
return this._currentDisplayedMonthDate <= |
|||
new DateTime(this.widget.firstDate.Year, this.widget.firstDate.Month, 1); |
|||
} |
|||
} |
|||
|
|||
bool _isDisplayingLastMonth { |
|||
get { |
|||
return this._currentDisplayedMonthDate >= |
|||
new DateTime(this.widget.lastDate.Year, this.widget.lastDate.Month, 1); |
|||
} |
|||
} |
|||
|
|||
DateTime _previousMonthDate; |
|||
DateTime _nextMonthDate; |
|||
|
|||
void _handleMonthPageChanged(int monthPage) { |
|||
this.setState(() => { |
|||
this._previousMonthDate = this._addMonthsToMonthDate(this.widget.firstDate, monthPage - 1); |
|||
this._currentDisplayedMonthDate = this._addMonthsToMonthDate(this.widget.firstDate, monthPage); |
|||
this._nextMonthDate = this._addMonthsToMonthDate(this.widget.firstDate, monthPage + 1); |
|||
}); |
|||
} |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
return new SizedBox( |
|||
width: DatePickerUtils._kMonthPickerPortraitWidth, |
|||
height: DatePickerUtils._kMaxDayPickerHeight, |
|||
child: new Stack( |
|||
children: new List<Widget> { |
|||
new NotificationListener<ScrollStartNotification>( |
|||
onNotification: (_) => { |
|||
this._chevronOpacityController.forward(); |
|||
return false; |
|||
}, |
|||
child: new NotificationListener<ScrollEndNotification>( |
|||
onNotification: (_) => { |
|||
this._chevronOpacityController.reverse(); |
|||
return false; |
|||
}, |
|||
child: PageView.builder( |
|||
dragStartBehavior: this.widget.dragStartBehavior, |
|||
key: new ValueKey<DateTime>(this.widget.selectedDate), |
|||
controller: this._dayPickerController, |
|||
scrollDirection: Axis.horizontal, |
|||
itemCount: _monthDelta(this.widget.firstDate, this.widget.lastDate) + 1, |
|||
itemBuilder: this._buildItems, |
|||
onPageChanged: this._handleMonthPageChanged |
|||
) |
|||
) |
|||
), |
|||
new Positioned( |
|||
top: 0.0f, |
|||
left: 8.0f, |
|||
child: new FadeTransition( |
|||
opacity: this._chevronOpacityAnimation, |
|||
child: new IconButton( |
|||
icon: new Icon(Icons.chevron_left), |
|||
tooltip: this._isDisplayingFirstMonth |
|||
? null |
|||
: $"{this.localizations.previousMonthTooltip} {this.localizations.formatMonthYear(this._previousMonthDate)}", |
|||
onPressed: this._isDisplayingFirstMonth |
|||
? (VoidCallback) null |
|||
: this._handlePreviousMonth |
|||
) |
|||
) |
|||
), |
|||
new Positioned( |
|||
top: 0.0f, |
|||
right: 8.0f, |
|||
child: new FadeTransition( |
|||
opacity: this._chevronOpacityAnimation, |
|||
child: new IconButton( |
|||
icon: new Icon(Icons.chevron_right), |
|||
tooltip: this._isDisplayingLastMonth |
|||
? null |
|||
: $"{this.localizations.nextMonthTooltip} {this.localizations.formatMonthYear(this._nextMonthDate)}", |
|||
onPressed: this._isDisplayingLastMonth |
|||
? (VoidCallback) null |
|||
: this._handleNextMonth |
|||
) |
|||
) |
|||
) |
|||
} |
|||
) |
|||
); |
|||
} |
|||
|
|||
public override void dispose() { |
|||
this._timer?.cancel(); |
|||
this._dayPickerController?.dispose(); |
|||
base.dispose(); |
|||
} |
|||
} |
|||
|
|||
class _MonthPickerSortKey : Diagnosticable { |
|||
public _MonthPickerSortKey(float order) { } |
|||
public static readonly _MonthPickerSortKey previousMonth = new _MonthPickerSortKey(1.0f); |
|||
public static readonly _MonthPickerSortKey nextMonth = new _MonthPickerSortKey(2.0f); |
|||
public static readonly _MonthPickerSortKey calendar = new _MonthPickerSortKey(3.0f); |
|||
} |
|||
|
|||
public class YearPicker : StatefulWidget { |
|||
public YearPicker( |
|||
DateTime selectedDate, |
|||
ValueChanged<DateTime> onChanged, |
|||
DateTime firstDate, |
|||
DateTime lastDate, |
|||
DragStartBehavior dragStartBehavior = DragStartBehavior.start, |
|||
Key key = null |
|||
) : base(key: key) { |
|||
D.assert(selectedDate != null); |
|||
D.assert(onChanged != null); |
|||
D.assert(firstDate <= lastDate); |
|||
this.selectedDate = selectedDate; |
|||
this.onChanged = onChanged; |
|||
this.firstDate = firstDate; |
|||
this.lastDate = lastDate; |
|||
this.dragStartBehavior = dragStartBehavior; |
|||
} |
|||
|
|||
public readonly DateTime selectedDate; |
|||
public readonly ValueChanged<DateTime> onChanged; |
|||
public readonly DateTime firstDate; |
|||
public readonly DateTime lastDate; |
|||
public readonly DragStartBehavior dragStartBehavior; |
|||
|
|||
public override State createState() { |
|||
return new _YearPickerState(); |
|||
} |
|||
} |
|||
|
|||
class _YearPickerState : State<YearPicker> { |
|||
const float _itemExtent = 50.0f; |
|||
ScrollController scrollController; |
|||
|
|||
public override void initState() { |
|||
base.initState(); |
|||
this.scrollController = new ScrollController( |
|||
initialScrollOffset: (this.widget.selectedDate.Year - this.widget.firstDate.Year) * _itemExtent |
|||
); |
|||
} |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
D.assert(MaterialD.debugCheckHasMaterial(context)); |
|||
ThemeData themeData = Theme.of(context); |
|||
TextStyle style = themeData.textTheme.body1; |
|||
return ListView.builder( |
|||
dragStartBehavior: this.widget.dragStartBehavior, |
|||
controller: this.scrollController, |
|||
itemExtent: _itemExtent, |
|||
itemCount: this.widget.lastDate.Year - this.widget.firstDate.Year + 1, |
|||
itemBuilder: (BuildContext _context, int index) => { |
|||
int year = this.widget.firstDate.Year + index; |
|||
bool isSelected = year == this.widget.selectedDate.Year; |
|||
TextStyle itemStyle = isSelected |
|||
? themeData.textTheme.headline.copyWith(color: themeData.accentColor) |
|||
: style; |
|||
return new InkWell( |
|||
key: new ValueKey<int>(year), |
|||
onTap: () => { |
|||
this.widget.onChanged(new DateTime(year, this.widget.selectedDate.Month, |
|||
this.widget.selectedDate.Day)); |
|||
}, |
|||
child: new Center( |
|||
child: new Text(year.ToString(), style: itemStyle) |
|||
) |
|||
); |
|||
} |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _DatePickerDialog : StatefulWidget { |
|||
public _DatePickerDialog( |
|||
DateTime initialDate, |
|||
DateTime firstDate, |
|||
DateTime lastDate, |
|||
SelectableDayPredicate selectableDayPredicate, |
|||
DatePickerMode initialDatePickerMode, |
|||
Key key = null |
|||
) : base(key: key) { |
|||
this.initialDate = initialDate; |
|||
this.firstDate = firstDate; |
|||
this.lastDate = lastDate; |
|||
this.selectableDayPredicate = selectableDayPredicate; |
|||
this.initialDatePickerMode = initialDatePickerMode; |
|||
} |
|||
|
|||
public readonly DateTime initialDate; |
|||
public readonly DateTime firstDate; |
|||
public readonly DateTime lastDate; |
|||
public readonly SelectableDayPredicate selectableDayPredicate; |
|||
public readonly DatePickerMode initialDatePickerMode; |
|||
|
|||
public override State createState() { |
|||
return new _DatePickerDialogState(); |
|||
} |
|||
} |
|||
|
|||
class _DatePickerDialogState : State<_DatePickerDialog> { |
|||
public override void initState() { |
|||
base.initState(); |
|||
this._selectedDate = this.widget.initialDate; |
|||
this._mode = this.widget.initialDatePickerMode; |
|||
} |
|||
|
|||
bool _announcedInitialDate = false; |
|||
public MaterialLocalizations localizations; |
|||
|
|||
public override void didChangeDependencies() { |
|||
base.didChangeDependencies(); |
|||
this.localizations = MaterialLocalizations.of(this.context); |
|||
if (!this._announcedInitialDate) { |
|||
this._announcedInitialDate = true; |
|||
} |
|||
} |
|||
|
|||
DateTime _selectedDate; |
|||
|
|||
DatePickerMode _mode; |
|||
GlobalKey _pickerKey = GlobalKey.key(); |
|||
|
|||
void _vibrate() { |
|||
switch (Theme.of(this.context).platform) { |
|||
case RuntimePlatform.Android: |
|||
// case RuntimePlatform.fuchsia:
|
|||
// HapticFeedback.vibrate();
|
|||
break; |
|||
} |
|||
} |
|||
|
|||
void _handleModeChanged(DatePickerMode mode) { |
|||
this._vibrate(); |
|||
this.setState(() => { |
|||
this._mode = mode; |
|||
if (this._mode == DatePickerMode.day) { |
|||
// SemanticsService.announce(localizations.formatMonthYear(_selectedDate), textDirection);
|
|||
} |
|||
else { |
|||
// SemanticsService.announce(localizations.formatYear(_selectedDate), textDirection);
|
|||
} |
|||
}); |
|||
} |
|||
|
|||
void _handleYearChanged(DateTime value) { |
|||
if (value < this.widget.firstDate) { |
|||
value = this.widget.firstDate; |
|||
} |
|||
else if (value > this.widget.lastDate) { |
|||
value = this.widget.lastDate; |
|||
} |
|||
|
|||
if (value == this._selectedDate) { |
|||
return; |
|||
} |
|||
|
|||
this._vibrate(); |
|||
this.setState(() => { |
|||
this._mode = DatePickerMode.day; |
|||
this._selectedDate = value; |
|||
}); |
|||
} |
|||
|
|||
void _handleDayChanged(DateTime value) { |
|||
this._vibrate(); |
|||
this.setState(() => { this._selectedDate = value; }); |
|||
} |
|||
|
|||
void _handleCancel() { |
|||
Navigator.pop(this.context); |
|||
} |
|||
|
|||
void _handleOk() { |
|||
Navigator.pop(this.context, this._selectedDate); |
|||
} |
|||
|
|||
Widget _buildPicker() { |
|||
switch (this._mode) { |
|||
case DatePickerMode.day: |
|||
return new MonthPicker( |
|||
key: this._pickerKey, |
|||
selectedDate: this._selectedDate, |
|||
onChanged: this._handleDayChanged, |
|||
firstDate: this.widget.firstDate, |
|||
lastDate: this.widget.lastDate, |
|||
selectableDayPredicate: this.widget.selectableDayPredicate |
|||
); |
|||
case DatePickerMode.year: |
|||
return new YearPicker( |
|||
key: this._pickerKey, |
|||
selectedDate: this._selectedDate, |
|||
onChanged: this._handleYearChanged, |
|||
firstDate: this.widget.firstDate, |
|||
lastDate: this.widget.lastDate |
|||
); |
|||
} |
|||
|
|||
return null; |
|||
} |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
ThemeData theme = Theme.of(context); |
|||
Widget picker = new Flexible( |
|||
child: new SizedBox( |
|||
height: DatePickerUtils._kMaxDayPickerHeight, |
|||
child: this._buildPicker() |
|||
) |
|||
); |
|||
Widget actions = ButtonTheme.bar( |
|||
child: new ButtonBar( |
|||
children: new List<Widget> { |
|||
new FlatButton( |
|||
child: new Text(this.localizations.cancelButtonLabel), |
|||
onPressed: this._handleCancel |
|||
), |
|||
new FlatButton( |
|||
child: new Text(this.localizations.okButtonLabel), |
|||
onPressed: this._handleOk |
|||
) |
|||
} |
|||
) |
|||
); |
|||
Dialog dialog = new Dialog( |
|||
child: new OrientationBuilder( |
|||
builder: (BuildContext _context, Orientation orientation) => { |
|||
Widget header = new _DatePickerHeader( |
|||
selectedDate: this._selectedDate, |
|||
mode: this._mode, |
|||
onModeChanged: this._handleModeChanged, |
|||
orientation: orientation |
|||
); |
|||
|
|||
switch (orientation) { |
|||
case Orientation.portrait: |
|||
return new SizedBox( |
|||
width: DatePickerUtils._kMonthPickerPortraitWidth, |
|||
child: new Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.stretch, |
|||
children: new List<Widget> { |
|||
header, |
|||
new Container( |
|||
color: theme.dialogBackgroundColor, |
|||
child: new Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.stretch, |
|||
children: new List<Widget> { |
|||
picker, |
|||
actions, |
|||
} |
|||
) |
|||
) |
|||
} |
|||
) |
|||
); |
|||
case Orientation.landscape: |
|||
return new SizedBox( |
|||
height: DatePickerUtils._kDatePickerLandscapeHeight, |
|||
child: new Row( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.stretch, |
|||
children: new List<Widget> { |
|||
header, |
|||
new Flexible( |
|||
child: new Container( |
|||
width: DatePickerUtils._kMonthPickerLandscapeWidth, |
|||
color: theme.dialogBackgroundColor, |
|||
child: new Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
crossAxisAlignment: CrossAxisAlignment.stretch, |
|||
children: new List<Widget> {picker, actions} |
|||
) |
|||
) |
|||
) |
|||
} |
|||
) |
|||
); |
|||
} |
|||
|
|||
return null; |
|||
} |
|||
) |
|||
); |
|||
|
|||
return new Theme( |
|||
data: theme.copyWith( |
|||
dialogBackgroundColor: Colors.transparent |
|||
), |
|||
child: dialog |
|||
); |
|||
} |
|||
} |
|||
|
|||
public delegate bool SelectableDayPredicate(DateTime day); |
|||
} |
|||
|
|||
fileFormatVersion: 2 |
|||
guid: a56231ebee8e54b6599292d673909844 |
|||
MonoImporter: |
|||
externalObjects: {} |
|||
serializedVersion: 2 |
|||
defaultReferences: [] |
|||
executionOrder: 0 |
|||
icon: {instanceID: 0} |
|||
userData: |
|||
assetBundleName: |
|||
assetBundleVariant: |
|||
|
|||
using Unity.UIWidgets.foundation; |
|||
using Unity.UIWidgets.rendering; |
|||
|
|||
namespace Unity.UIWidgets.widgets { |
|||
public delegate Widget OrientationWidgetBuilder(BuildContext context, Orientation orientation); |
|||
|
|||
public class OrientationBuilder : StatelessWidget { |
|||
public OrientationBuilder( |
|||
OrientationWidgetBuilder builder, |
|||
Key key = null |
|||
) : base(key: key) { |
|||
D.assert(builder != null); |
|||
this.builder = builder; |
|||
} |
|||
|
|||
public readonly OrientationWidgetBuilder builder; |
|||
|
|||
Widget _buildWithConstraints(BuildContext context, BoxConstraints constraints) { |
|||
Orientation orientation = |
|||
constraints.maxWidth > constraints.maxHeight ? Orientation.landscape : Orientation.portrait; |
|||
return this.builder(context, orientation); |
|||
} |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
return new LayoutBuilder(builder: this._buildWithConstraints); |
|||
} |
|||
} |
|||
} |
|||
|
|||
fileFormatVersion: 2 |
|||
guid: 838b65ef835974b40a5b9d2974e2cb0d |
|||
MonoImporter: |
|||
externalObjects: {} |
|||
serializedVersion: 2 |
|||
defaultReferences: [] |
|||
executionOrder: 0 |
|||
icon: {instanceID: 0} |
|||
userData: |
|||
assetBundleName: |
|||
assetBundleVariant: |
|||
|
|||
using System; |
|||
using System.Collections.Generic; |
|||
using RSG; |
|||
using Unity.UIWidgets.foundation; |
|||
using Unity.UIWidgets.material; |
|||
using Unity.UIWidgets.painting; |
|||
using Unity.UIWidgets.rendering; |
|||
using Unity.UIWidgets.service; |
|||
using Unity.UIWidgets.ui; |
|||
using Unity.UIWidgets.widgets; |
|||
|
|||
namespace UIWidgetsGallery.gallery { |
|||
class _InputDropdown : StatelessWidget { |
|||
public _InputDropdown( |
|||
Key key = null, |
|||
string labelText = null, |
|||
string valueText = null, |
|||
TextStyle valueStyle = null, |
|||
VoidCallback onPressed = null, |
|||
Widget child = null |
|||
) : base(key: key) { |
|||
this.labelText = labelText; |
|||
this.valueText = valueText; |
|||
this.valueStyle = valueStyle; |
|||
this.onPressed = onPressed; |
|||
this.child = child; |
|||
} |
|||
|
|||
public readonly string labelText; |
|||
public readonly string valueText; |
|||
public readonly TextStyle valueStyle; |
|||
public readonly VoidCallback onPressed; |
|||
public readonly Widget child; |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
return new InkWell( |
|||
onTap: () => this.onPressed(), |
|||
child: new InputDecorator( |
|||
decoration: new InputDecoration( |
|||
labelText: this.labelText |
|||
), |
|||
baseStyle: this.valueStyle, |
|||
child: new Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: new List<Widget> { |
|||
new Text(this.valueText, style: this.valueStyle), |
|||
new Icon(Icons.arrow_drop_down, |
|||
color: Theme.of(context).brightness == Brightness.light |
|||
? Colors.grey.shade700 |
|||
: Colors.white70 |
|||
) |
|||
} |
|||
) |
|||
) |
|||
); |
|||
} |
|||
} |
|||
|
|||
class _DateTimePicker : StatelessWidget { |
|||
public _DateTimePicker( |
|||
DateTime selectedDate, |
|||
Key key = null, |
|||
string labelText = null, |
|||
TimeOfDay selectedTime = null, |
|||
ValueChanged<DateTime> selectDate = null, |
|||
ValueChanged<TimeOfDay> selectTime = null |
|||
) : base(key: key) { |
|||
this.labelText = labelText; |
|||
this.selectedDate = selectedDate; |
|||
this.selectedTime = selectedTime; |
|||
this.selectDate = selectDate; |
|||
this.selectTime = selectTime; |
|||
} |
|||
|
|||
public readonly string labelText; |
|||
public readonly DateTime selectedDate; |
|||
public readonly TimeOfDay selectedTime; |
|||
public readonly ValueChanged<DateTime> selectDate; |
|||
public readonly ValueChanged<TimeOfDay> selectTime; |
|||
|
|||
IPromise _selectDate(BuildContext context) { |
|||
return DatePickerUtils.showDatePicker( |
|||
context: context, |
|||
initialDate: this.selectedDate, |
|||
firstDate: new DateTime(2015, 8, 1), |
|||
lastDate: new DateTime(2101, 1, 1) |
|||
).Then((date) => { |
|||
if (date == null) { |
|||
return; |
|||
} |
|||
|
|||
DateTime picked = (DateTime) date; |
|||
if (picked != null && picked != this.selectedDate) { |
|||
this.selectDate(picked); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
// Future<void> _selectTime(BuildContext context) async {
|
|||
// final TimeOfDay picked = await showTimePicker(
|
|||
// context: context,
|
|||
// initialTime: selectedTime,
|
|||
// );
|
|||
// if (picked != null && picked != selectedTime)
|
|||
// selectTime(picked);
|
|||
// }
|
|||
|
|||
public override Widget build(BuildContext context) { |
|||
TextStyle valueStyle = Theme.of(context).textTheme.title; |
|||
return new Row( |
|||
crossAxisAlignment: CrossAxisAlignment.end, |
|||
children: new List<Widget> { |
|||
new Expanded( |
|||
flex: 4, |
|||
child: new _InputDropdown( |
|||
labelText: this.labelText, |
|||
valueText: this.selectedDate.ToString("MM/dd/yyyy"), |
|||
valueStyle: valueStyle, |
|||
onPressed: () => { this._selectDate(context); } |
|||
) |
|||
), |
|||
new SizedBox(width: 12.0f), |
|||
// new Expanded(
|
|||
// flex: 3,
|
|||
// child: new _InputDropdown(
|
|||
// valueText: this.selectedTime.format(context),
|
|||
// valueStyle: valueStyle,
|
|||
// onPressed: () => { this._selectTime(context); }
|
|||
// )
|
|||
// )
|
|||
} |
|||
); |
|||
} |
|||
} |
|||
|
|||
public class DateAndTimePickerDemo : StatefulWidget { |
|||
public const string routeName = "/material/date-and-time-pickers"; |
|||
|
|||
public override State createState() { |
|||
return new _DateAndTimePickerDemoState(); |
|||
} |
|||
} |
|||
|
|||
class _DateAndTimePickerDemoState : State<DateAndTimePickerDemo> { |
|||
DateTime _fromDate = DateTime.Now; |
|||
TimeOfDay _fromTime = new TimeOfDay(hour: 7, minute: 28); |
|||
DateTime _toDate = DateTime.Now; |
|||
TimeOfDay _toTime = new TimeOfDay(hour: 7, minute: 28); |
|||
readonly List<string> _allActivities = new List<string> {"hiking", "swimming", "boating", "fishing"}; |
|||
string _activity = "fishing"; |
|||
|
|||
public override Widget build(BuildContext context) { |
|||
var allActiviesList = new List<DropdownMenuItem<string>>(); |
|||
foreach (var item in this._allActivities) { |
|||
allActiviesList.Add( |
|||
new DropdownMenuItem<string>( |
|||
value: item, |
|||
child: new Text(item) |
|||
) |
|||
); |
|||
} |
|||
|
|||
return new Scaffold( |
|||
appBar: new AppBar( |
|||
title: new Text("Date and time pickers"), |
|||
actions: new List<Widget> {new MaterialDemoDocumentationButton(DateAndTimePickerDemo.routeName)} |
|||
), |
|||
body: new DropdownButtonHideUnderline( |
|||
child: new SafeArea( |
|||
top: false, |
|||
bottom: false, |
|||
child: new ListView( |
|||
padding: EdgeInsets.all(16.0f), |
|||
children: new List<Widget> { |
|||
new TextField( |
|||
enabled: true, |
|||
decoration: new InputDecoration( |
|||
labelText: "Event name", |
|||
border: new OutlineInputBorder() |
|||
), |
|||
style: Theme.of(context).textTheme.display1 |
|||
), |
|||
new TextField( |
|||
decoration: new InputDecoration( |
|||
labelText: "Location" |
|||
), |
|||
style: Theme.of(context).textTheme.display1.copyWith(fontSize: 20.0f) |
|||
), |
|||
new _DateTimePicker( |
|||
labelText: "From", |
|||
selectedDate: this._fromDate, |
|||
selectedTime: this._fromTime, |
|||
selectDate: (DateTime date) => { this.setState(() => { this._fromDate = date; }); }, |
|||
selectTime: (TimeOfDay time) => { this.setState(() => { this._fromTime = time; }); } |
|||
), |
|||
new _DateTimePicker( |
|||
labelText: "To", |
|||
selectedDate: this._toDate, |
|||
selectedTime: this._toTime, |
|||
selectDate: (DateTime date) => { this.setState(() => { this._toDate = date; }); }, |
|||
selectTime: (TimeOfDay time) => { this.setState(() => { this._toTime = time; }); } |
|||
), |
|||
new SizedBox(height: 8.0f), |
|||
new InputDecorator( |
|||
decoration: new InputDecoration( |
|||
labelText: "Activity", |
|||
hintText: "Choose an activity", |
|||
contentPadding: EdgeInsets.zero |
|||
), |
|||
isEmpty: this._activity == null, |
|||
child: new DropdownButton<string>( |
|||
value: this._activity, |
|||
onChanged: (string newValue) => { |
|||
this.setState(() => { this._activity = newValue; }); |
|||
}, |
|||
items: allActiviesList |
|||
) |
|||
) |
|||
} |
|||
) |
|||
) |
|||
) |
|||
); |
|||
} |
|||
} |
|||
} |
|||
|
|||
fileFormatVersion: 2 |
|||
guid: d8fcf06db4da2449885ccc1f225b4808 |
|||
MonoImporter: |
|||
externalObjects: {} |
|||
serializedVersion: 2 |
|||
defaultReferences: [] |
|||
executionOrder: 0 |
|||
icon: {instanceID: 0} |
|||
userData: |
|||
assetBundleName: |
|||
assetBundleVariant: |
|||
部分文件因为文件数量过多而无法显示
撰写
预览
正在加载...
取消
保存
Reference in new issue